Halo, selamat datang di Lumigi bersama saya Panca Hadi Putra. Pada video kali ini kita akan belajar menggunakan Figma dari 0 dengan mendesain user interface dan membuat prototype aplikasi mobile!
Tapi sebelum itu, apa sih bedanya UI dengan UX?
UI (User Interface) dan UX (User Experience) adalah dua aspek yang sangat berhubungan tetapi berbeda.
UI berkaitan dengan tampilan dan interaksi visual dari suatu produk atau aplikasi dengan pengguna. Dalam kata lain, tujuan dari UI lebih fokus pada tampilan seperti dalam elemen-elemen berbentuk tombol, icon, teks, warna, dan layouting.
Sementara itu, UX mencakup keseluruhan aspek pengalaman pengguna saat berinteraksi dengan produk atau aplikasi, termasuk UI, perasaan, persepsi, dan efisiensi pengguna dalam mencapai tujuan mereka saat menggunakan produk tersebut.
Jadi pertama-tama, kita akan membuat wireframe atau low-fidelity design dari aplikasi kita. Wireframe ini biasanya sangat sederhana, fokusnya adalah pada fungsi, tata letak, dan navigasi, tanpa elemen-elemen desain grafis seperti warna atau gambar.
Setelah kita buat wireframe, kita akan membuat high-fidelity design atau mockup yang lebih mendetail dari wireframe. Pada desain mockup, kita sudah mulai mempertimbangkan desain visual seperti warna, gambar, dan tipografi. Tujuan dari mockup ini adalah untuk menunjukkan bagaimana desain akhir aplikasi kita akan tampak oleh pengguna, jadi aspek estetika visualnya adalah hal sangat penting.
Nah, terakhir, berdasarkan mockup yang sudah kita buat, kita merancang prototype yang interaktif dan siap diujicobakan dengan calon pengguna. Yuk, kita mulai desain!