USER INTERFASE (UI)
Yuyun Rohmatun, [Link].
User Interface (UI) atau tampilan antarmuka adalah tampilan visual
produk yang menghubungkan antara pengguna (user) dan sstem.
Dalam bidang pengembangan perangkat lunak dan gim, UI dapat
ditemukan dalam tampilan sistem operasi, aplikasi, situs web, blog,
dan lainya.
UI yang baik memiliki tata letak koponen, gambar, pemilihan arna,
dan desain yang menarik serta tipografi yang mudah dibaca oleh
pengguna
1. Graphical Uuser Interface (GUI)
GUI adalah tmapilan antarmuka grafis dalam bentuk objek yang
mewakili informasi dan tindakan yang dapat dilakukan pengguna.
Objek tersebut dapat berupa warna, gambar, ikon, tipografi, dan
animasi.
Data pada sistem ditampilkan secara visual sehingga pengguna
dapat memberikan input dan mengetahui respons dari sistem ketika
input dimasukkan.
2. Elemen Struktural User Interface
a. Kontrol masukan
Elemen desain yang termasuk kontrol masukan memungkinkan
pengguna untuk memasukkan input ke dalam sistem.
Beberapa elemen yang termasuk kontrol masukan, antara lain
kontak centang, radio button, pemilih tanggal, kotak teks, pilihan
dropdown, tombol, dan sakelar on/off.
Contoh penggunaanya adalah ketika pengguna memasukkan
tanggal lahir pada pemilih tanggal, dan menekan tombol untuk
mengirimkan data yang telah diinputkan ke dalam sistem.
b. Komponen navigasi
Elemen desain yang termasuk kontrol navigasi digunakan untuk
membantu pengguna berpindah dari satu halaman ke halaman lain,
atau menggeser tampilan layar dari atas ke bawah atau ke samping.
Beberapa elemen yang termasuk komponen naviasi, antara lain
breadcrumbs, pagination, penggeser, dan tab, contoh pengunaanya
adalah ketika pengguna berpindah ke halaman berikutnya denga
mengklik pagination.
c. Komponen informasi
Elemen desain yang termasuk komponen informasi digunakan untuk
menampilkan infomrasi pada pengguna. Beberapa elemen termasuk
komponen informasi, antara lain kotak pesan, notifikasi, jendela
pop-up, dan progress bar.
Contoh penggunaanya adalah ketika pengguna menerima notifikasi
atau melihat progres pengiriman pesanan pada aplikasi e-commerce.
d. Kontainer
Elemen desain yang termasuk kontainer digunaan untuk
menyembunyikan beberapa elemen agar tampilan tidak terlihat
ramai dan pengguna dapat fokus pada elemen-elemen yang penting.
Contoh elemen ini adalah accordeon yang biasa digunakkan untuk
menmapilkan informasi FAQ pada situs web.
3. Kriteria User Interface Yang Baik
a. Jelas dan mudah dipahami
Desain UI yang baik arus jelas dengan desain yang ringkas.
Tampilan teks pada desain harus diatur agarr tulisan dapat
terlihat dengan jelas dan mudah dipahami
b. Desain cepat menyesuaikan
Desain aplikasi yang cepat menyesuaikan perangkat.
Memungkinkan pengguna mengakses aplikasi dengan mudah di
berbagai perangkat, seperti PC dan smartphone
c. Tampilan informasi terstruktur dengan pemilihan font dan
warna yang sesuai
Informasi yang ditampilkan pada tampilan tidak boleh terpencar-
pencar. Setiap informasi harus ditampilkan secara terstruktur
agar pengguna dapat memahami informasi yang tercantum dan
aplikasi. Pemilihan font dan warna juga harus diperhatikan,
pilihlah font yang mudah dibaca dengan warna yang
menyesuaikan dengan latar belakang dan desain secara
keseluruhan
d. Konsisten
Tampilan UI harus memiliki konsistensi sehingga pengguna
lebih mudah memahami cara pengunaan aplikasi
e. Mudah dipahami
Ketika menggunakan sebuah aplikasi, diharapkan pengguna
tidak perlu menghabisan waktu terlalu lama. Pengguna dapat
mempelajari cara penggunaan fitur-fitur yang tersedia sambil
menggunakan aplikasi tersebut. (learning-by-doing)