User interface dan user experience, atau yang biasa disingkat UI/UX yang merupakan satu kesatuan dalam proses desain maupun layout sebuah website dan aplikasi (baik desktop maupun mobile) yang saling mendukung satu sama lain dengan tujuan membuat pengguna/user aplikasi kita lebih nyaman dan betah menggunakan aplikasi yang kita kembangkan.

Dalam tulisan ini saya akan menerangkan apa itu UI/UX sesuai dengan materi workshop saya pada bulan agustus kemarin yang bertempat di DiLo Makassar.
Menurut pengertiannya User interface merupakan desain atau tampilan tatap muka pengguna dalam aplikasi atau website yang sesuai dengan tema yang diinginkan pemilik apps maupun web agar pengunjung maupun user lebih nyaman dan tentu saja mencerminkan brand dari web atau apps itu sendiri.


Bagaimana dengan User experience atau UX? jika pada UI mengatur desain dan layout web atau apps, maka pada UX lebih terfokus kepada pengalaman pengguna ketika menggunakan aplikasi kita.

UX atau user interface merupakan keseluruhan pengalaman pengguna ketika menggunakan produk seperti website maupun aplikasi mobile dan desktop, terkhusus kepada seberapa mudah dan menyenangkannya aplikasi itu saat digunakan.

Bisa kita lihat dari diagram di atas bagaimana pengaruh UX pada aplikasi kita terhadap penggunaan aplikasi kita, dimana hampir 50% pengguna tidak akan menggunakan aplikasi kita lagi.
Salah satu kunci utama dalam mengatur pengalaman pengguna yaitu dengan meminimalisir jumlah klik, maupun tap dalam 1 screen/ layar tampilan.

Satu fungsi utama tiap satu layar tampilan aplikasi

Tidak hanya itu, dalam perancangan aplikasi, terdapat pula komponen navigasi untuk berpindah halaman. Nah pada fungsi navigasi, terdapat pula beberapa konsep utama dari kegunaan bagian navigasi, yaitu:

• Mudah dimengerti bagi pengguna, baik dari tepilan Icon maupun tata letaknya yang mudah dijangkau.
• Selaras dengan layout keseluruhan aplikasi kita, dan
• Memberitahukan posisi user pada saat itu, dimana biasanya ditunjukkan dengan warna icon yang berbeda dengan icon yang lainnya, maupun dengan memberikan text yang menjelaskan posisi user pada saat itu.

Pikirkan juga penggunaan aplikasi kita pada luar ruang atau outdoor

tampilan teks yang sulit terbaca di luar ruangan

 Kemudian dilanjutkan dengan kenyamanan gengaman pengguna dalam pengoprasian aplikasi kita, khususnya pada Smartphone. Apakah apps kita hanya dapat digunakan pada potrait mode saja, landscape mode atau keduanya.

Hijau merupakan area jangkauan termudah tangan manusia, dan merah merupakan area jangkauan terjauh atau tersulit dalam aplikasi mobile.

Pada Red area, biasanya ditempatkan tombol yang beresiko seperti delete, cancel, dan close agar pengguna tidak mudah melakukan kesalahan penekanan (false tap)

 Dan terakhir setelah semua konsep dasar UI/UX kita pahami, maka selanjutnya kita berlanjut ke tahap prototype apps kita menggunakan aplikasi "Pixate" dari Google yang akan saya bahas penggunaannya pada artikel selanjutnya.