Tutorial UI Design — #3 Menemukan Alasan dalam Mendesain

Seri Tutorial UI Design Bagian 3, Alasan dalam Mendesain

gipey_design
Komunitas Android  CCIT-FTUI
3 min readSep 6, 2020

--

Pada artikel sebelumnya, kita sudah belajar bagaimana membuat UI. Namun kali ini, kita belajar alasan untuk membuat UI.

Saat membuat UI. Munculkan pertanyaan-pertanyaan disetiap elemen, guna memudahkan user saat berinteraksi.

Apa artinya?

Design yang kamu buat, komponen/elemen yang kamu buat, sebaiknya harus punya alasan dalam membuatnya.

“Button submit kok letaknya disini, kenapa ya?”

“Warna yang digunakan cuma 3, kok sedikit?”

Studi Kasus 1 — Dashboard

Health Dashboard by Afterglow

Kenapa menu nya ada di sebelah kiri?

Meletakkan menu disebelah kiri akan meningkatkan skalabilitas. Kenapa?karena seiring bertambahnya fitur maka mendesain disebelah kiri akan tepat.

Coba bayangkan jika menunya terletak diatas (horizontal) dan ketika fiturnya sudah cukup banyak maka akan menggaggu kenyamanan interaksi user.

Kalo terjadi pernambahan pada fitur, desain dengan bentuk vertikal akan lebih tepat untuk skalabilitas hingga terlihat clean, trend, dan eye catching.

Studi Kasus 2 — Hint dan Color

Mail Client by Ihor Chipak

Kok inbox text berwarna biru ya? sedangkan yang lain berwarna abu-abu

Inbox text yang berwarna biru menandakan bahwa ada pesan yang belum terbaca, desainer merancang warna text tersebut berbeda supaya user mengetahui dengan cepat apa yang belum dibuka/dibaca.

Apa fungsi green dot (titik hijau) di sebelah nama?

Green dot memberitahu bahwa pesan tersebut belum dibaca oleh user. Sehingga diberikan tanda green dot disebelah nama.

File extension punya warna dan text yang berbeda

Agar user ngga salah dalam mengupload dan mendownload file. diperlukan perbedaan yang mencolok pada setiap jenis file extension. Pada gambar tersebut file .psd berwarna biru karena sesuai dengan color logo brandingnya yang berwarna biru pula. sedangkan file .zip bisa menggunakan warna selain biru

Gunakan alasan yang kuat disetiap fitur desain kamu, kenapa harus berada disini, kenapa warna nya biru, dsb. Alasan ini harus berpihak kepada user ya.. intinya untuk menyelesaikan masalah :)

Have a nice day!

Ghifari Nur Athoillah, Mahasiswa di Program Profesi CCIT-Fakultas Teknik Universitas Indonesia.

Akses materi selanjutnya di:

--

--