Skip to main content

Pengantar UI/UX

Bagi kalian para designer atau programmer mungkin tidak asing dengan istilah ini. Di dalam pengembangan aplikasi berbasis desktop, website maupun mobile pasti membutuhkan UI/UX ini. Jadi apa sih arti UI/UX itu? Mari kita simak penjelasannya.


Image result for gambar ui/ux

Apa itu UI/UX? 

 

UI (User Interface )

User Interface atau Antarmuka Pengguna merupakan suatu istilah yang digunakan untuk menggambarkan tampilan dari mesin atau komputer yang berinteraksi langsung dengan pengguna. Sclatter (2013) memberikan sebuah panduan untuk menyusun sebuah aplikasi yang mudah digunakan dengan membaginya ke dalam beberapa komponen yang berpengaruh, yaitu :

a. Consistency adalah konsistensi dari tampilan antarmuka pengguna.

b. Hierarchy adalah penyusunan hirarki kepentingan dari objek-objek yang terdapat di dalam aplikasi.

c. Personality adalah kesan pertama yang terlihat pada aplikasi yang menunjukkan ciri khas dari aplikasi tersebut.

d. Layout adalah tata letak dari elemen-elemen di dalam sebuah aplikasi.

e. Type adalah tipografi yang digunakan di dalam sebuah aplikasi.

f. Color adalah penggunaan warna yang tepat digunakan pada sebuah aplikasi.

g. Imagery adalah penggunaan gambar, icon, dan sejenisnya untuk menyampaikan sebuah informasi di dalam aplikasi

h. Control and Affordances adalah elemen dari antarmuka pengguna yang dapat digunakan orang untuk berinteraksi dengan sistem melalui sebuah layar.

 

 Image result for gambar ui/ux

 UX (User Experience)

User Experience memiliki cakupan yang lebih luas dari UI, karena cakupan UX dimulai dengan research sampai kemudian diimplementasikan ke dalam sebuah interface. User Experience merupakan salah satu faktor penting yang dapat mendukung keberhasilan dalam membangun suatu website. UX juga merupakan proses meningkatkan kepuasan pengguna (pengguna aplikasi, pengunjung website) dalam meningkatkan kegunaan dan kesenangan yang diberikan dalam interaksi antara pengguna dan produk. UX memastikan bahwa website yang dibuat dapat memenuhi kebutuhan dan dapat digunakan oleh pengguna dengan pengalaman yang menyenangkan. Jika suatu website yang digunakan tidak dirancang dengan memperhatikan aspek user experience yang baik, mengakibatkan kebutuhan dari pengguna dalam menggunakan website tersebut menjadi tidak terpenuhi. Dalam UX, terdapat 6 komponen penting yang perlu diketahui, yaitu :

a. User Research

User Research adalah tindakan mewawancarai pengguna prospektif atau user candidate dan pengguna aktual dari sebuah website untuk mendapatkan kejelasan pada sejumlah tujuan. Dengan melakukan user research, dapat membantu mengetahui kelemahan-kelemahan yang ada dalam website sebelum diuncurkan. Selain itu, dapat menguatkan potensi website sehingga tujuan pembuatan website itu dapat tersampaikan pada penggunanya.

b. Content Strategy

Komponen penting lainnya yang tidak dapat dilewatkan ialah Content Strategy. Komponen ini sangat penting karena berfokus pada perencanaan, pembuatan, pengiriman, dan tata kelola konten suatu website. Tujuan dari Content Strategy ini adalah menciptakan konten yang bermakna, menarik, dan berkelanjutan. Dengan begitu, pengguna akan tertarik dan dapat bertahan menggunakan website yang dibuat.

c. Information Architecture

Aristektur Informasi merupakan komponen user experience design (desain pengalaman pengguna) yang tidak boleh terlupakan. Arsitektur Informasi adalah penciptaan struktur informasi dalam suatu produk agar mudah dimengerti oleh penggunanya. Komponen arsitektur informasi memudahkan pengguna ketika menggunakan website sehingga pengguna dapat menggunakan website itu dengan maksimal.

d. Interaction Design

Interaction design merupakan desain interaksi antara pengguna dengan suatu website. Tujuan utama interaction design ialah agar memudahkan pengguna saat menggunakan website tanpa harus merasa kebingungan atau kesulitan.

e. Visual Design

Ketika sudah merancang interaksi seperti apa yang dikehendaki dalam produk, komponen selanjutnya yang tak kalah penting ialah visual design. Dalam komponen ini, perlu diperhatikan berbagai elemen tampilan visual mulai dari garis, rupa, pilihan warna, tekstur visual, tipografi, hingga bentuk tampilan animasi ataupun visual tiga dimensi. Masing-masing elemen itu harus bisa memberikan kenyamanan saat pengguna berinteraksi dengan website yang dibuat.

f. Usability

Ketika menerapkan UX design dalam merancang suatu website, hal pertama yang harus diperhatikan ialah komponen usability. Usability adalah sejauh mana sebuah website dapat digunakan oleh pengguna tertentu untuk mencapai tujuan tertentu secara efisien, efektif, dan pengguna menjadi puas saat menggunakan website tersebut.

 

Demikian pembahasan kali ini tentang Pengantar UI/UX . Semoga pembahasan kali ini bermanfaat bagi pembaca. Ohh iya admin punya rekomendasi kampus yang Oke banget nih.. Namanya  Kampus STT Terpadu Nurul Fikri . Di Kampus ini sedang mengadakan Program Beasiswa 100% lohh... dan juga program kuliah 3,5 Tahun. Yuk bagi kalian yang ingin tahu lebih lanjut cek link berikut ya :https://nurulfikri.ac.id/ 

Comments

Post a Comment

Popular posts from this blog

Pengenalan Framework CodeIgniter

Sobat kalian pasti sudah banyak yang tahu, kalau Bahasa Pemrograman PHP punya banyak framework, nah.. diantaranya ada Laravel, CodeIgniter, Symfony, Zend, dll. Diantara banyaknya framework tersebut, pada pembahasan kali ini kita akan membahas salah satu saja yaitu Code Igniter. Mari kita simak... Apa Itu CodeIgniter ? CodeIgniter adalah Framework yang dikembangkan pada Bahasa Pemrograman PHP. CodeIgniter bersifat Open-Source yang banyak digunakan oleh para developer dalam mengembangkan website yang dinamis. Code Igniter mengikuti pola kode MVC, sehingga kamu dapat membagi kode kode menjadi 3 bagian yang diberikan di bawah ini: M (Model) Semua panggilan yang berhubungan dengan Database akan ditentukan di sini, seperti pengambilan data, Insert, Delete dan Update Data. V (View) Sesuai Namanya, View hanya tampilan yang biasa disebut HTML. Semua data terkait dengan View (html) akan ditentukan di sini. C (Controller) Merupakan jembatan antara model dan view. Ketika kamu mencari sesuatu ...
Post a Comment
Read more

Perbedaan Front End dan Back End Developer

Mungkin Anda baru saja mulai mempelajari bidang pemrograman, atau mungkin Anda sudah seorang menjadi developer web.Beberapa developer web memutuskan untuk mengambil spesialisasi dalam bahasa pemrograman tertentu seperti (Java, Python, PHP, Swift, dll), sementara yang lain mengembangkan keahlian di bidang pengembangan web tertentu, seperti perangkat seluler atau basis data. Perbedaan paling umum untuk developer web adalah pilihan antara bagian front end dan back end developer, dan ketika Anda maju dalam studi Anda, Anda pasti akan sangat sering menemukan istilah-istilah ini. Jadi apa sebenarnya perbedaan antara back end dan front end developer? dan apa yang dapat Anda harapkan dari masing-masing bidang dalam hal keterampilan dan pekerjaan Anda nantinya? Apa itu Front End Developer? Front end developer mengacu pada pengembangan situs bagian depan yang berkaitan dengan pengalaman pengguna dan antarmuka halaman yang berinteraksi langsung dengan pengguna. Front End Developer atau Pengemban...
Post a Comment
Read more

Pengenalan Wordpress

Pengertian WordPress   Bagi kalangan blogger mungkin sudah tidak asing dengan nama Wordpress. Namun bagi sebagian lainnya mungkin baru saja terjun ke bidang ini, tentu akan bertanya-tanya, apa itu WordPress? WordPress adalah sistem manajemen konten (CMS) yang menaungi lebih dari 35% website di dunia, dan persentase ini masih akan terus meningkat. CMS sendiri merupakan aplikasi berbasis website. Pada dasarnya, WordPress menggunakan PHP dan MySQL yang kompatibel di hampir semua layanan web hosting. Pada umumnya CMS digunakan untuk blogging. Namun, CMS WordPress bisa dimodifikasi menjadi website eCommerce (atau yang biasa kita sebut toko online), website portofolio, koran online, dan lain sebagainya. Bagi yang sering mengerjakan tugas di Microsoft Word, pasti akan sangat familiar dengan halaman editornya. Anda bisa langsung menulis dan mempublikasikan postingan tanpa harus bergumul dengan kerumitan sistem antarmuka. WordPress bersifat open-source dan gratis untuk semua penggunanya....
Post a Comment
Read more