Desain User Interface - Lecturer EEPIS

Desain User Interface
Achmad Basuki

“Make it simple, but no simpler.”
(Albert Einstein)

“Before you buy software, make sure
it believes in the same things you do.
Before you choose software, make
sure it shares yours.”
PeopleSoft Advertisement (1996)

The Golden Rule
• Sistem harus beradaptasi sesuai pengguna.
• Tiga hal yang perlu diperhatikan:
– Posisi pengguna dalam kendali antar muka
– Mengurangi beban pikiran pengguna
– Konsisten
• Hansen (197) dalam prinsip desain:
– Ketahui pengguna
– Kurangi mengingat-ingat
– Optimalkan pemakaina
– Bantuan dalam kesalahan

#1 Posisi Kendali Pengguna
• Gunakan mode secara sederhana (modeless)
• Ijinkan user menggunakan baik keyboard maupun mouse (flexible)
• Ijinkan user mengubah fokusnya (interruptible)
• Tampilkan pesan deskriptif (Helpful)
• Berikan tindakan cepat dan umpan balik (forgiving)
• Berikan jalan yang tepat dan keluar (navigable)
• Mengakomodasi pengguna dengan level skill yang berbeda
(accessible)
• Membuat antar muka yang terbuka (facilitative)
• Mengijinkan pengguna untuk meng-customize (preferences)
• Mengijinkan pengguna untuk memanipulasi obyek (interactive).

#2 Mengurangi Ingat-mengingat
• Meringatkan ingatan jangka pendek (remember)
• Lebih baik mengenali daripada mengingat (recognition)
• Memberikan isyarat visual (inform)
• Memberikan keadaan awal, kembali ke proses
sebelumnya atau sesudahnya (forgiving)
• Menyediakan shortcuts (frequency)
• Mempromosikan bentuk aksi dari obyek (intuitive)
• Memanfaatkan metafora dari dunia nyata (transfer)
• Pengungkapan yang progresif dari pengguna (context)
• Mempromosikan kejelasan visual (organize)

#Konsisten
• Mempertahankan konteks dari pekerjaan
pengguna (continuity)
• Menjaga konsistensi dalam dan antar produk
(experience)
• Menjaga hasil interaksi yang sama
(expectations)
• Menyediakan daya tarik estetika dan integritas
(attitude)
• Mendorong eksplorasi (predictable)

Desain UI
Desain UI membuat aplikasi menjadi:
• Intuitif
• Mudah dipelajari
• Teratur
• Efisien
• Konsisten

Pelajari Pengguna
• Pelajari Pengguna
– Tujuan
– Pekerjaan
– Context/lingkungan
• Mengerti bagaimana manusia dan mesin
berinteraksi
– 7 tahap interaksi
– Kebanyakan pengguna belajar hanya yang mereka
butuhkan
– “Kami tidak membaca. Kami hanya menangkap
gambarnya.”

Prinsip Dasar Desain UI
(7 Tahap Interaksi)

Menggunakan Komponen Grafis
• Layouts – buat dengan sederhana, konsisten dan
efektif
• Hierarchy – buat komponen-komponen secara
hirarki
• Fonts – Pilih font yang bisa dibaca secara
maksimal dan manfaatkan hirarki
• Colors – Gunakan warna yang cukup dalam
brightness and contrast
• Links – Buat link yang jelas dan dapat diakses.

Google+ UI

Facebook UI