Desain User Interface

✓ Pengertian Desain UI

      Desain User Interface (UI) adalah proses yang digunakan desainer untuk membuat tampilan dalam perangkat lunak atau perangkat terkomputerisasi, dengan fokus pada tampilan atau gaya. Tujuan dari desainer UI adalah untuk membuat desain antarmuka yang membuat pengguna mudah untuk digunakan dan menyenangkan.

✓ Format Desain UI

1. Graphical User Interfaces (GUIs)

2. Voice-controlled Interfaces (VUIs)

3. Gesture-based Interfaces.

✓ Prinsip Desain UI 

1. User familiarity (Mudah dikenali)

Gunakan istilah, konsep dan kebiasaan user bukan istilah-istilah komputer.

2. Consistency (Selalu begitu)

Konsisten dalam penggunaan operasi dan istilah di seluruh sistem sehingga tidak membingungkan.

3. Minimal surprise (Tidak membuat kaget)

Operasi bisa diduga prosesnya berdasarkan perintah yang disediakan.

4. Recoverability (Pemulihan)

• Confirmation of destructive action (konfirmasi terhadap aksi yang merusak).

• Undo (ketersediaan fasilitas pembatalan).

5. User guidance (Bantuan)

Suatu dokumen komunikasi yang bertujuan memberikan bantuan untuk penggunaan suatu sistem.

6. User diversity (Keberagaman)

Fasilitas interaksi untuk tipe user yang berbeda disediakan. Misalnya ukuran huruf bisa diperbesar.

✓ 5 Tipe Utama Interaksi untuk User Interaction

1. Direct manipulation

Interaksi secara langsung dengan objek pada layar.

Kelebihan:

• Waktu pembelajaran user sangat singkat.

• Feedback langsung diberikan pada tiap aksi sehingga kesalahan terdeteksi dan diperbaiki dengan cepat.

Kekurangan:

• Rumit dan memerlukan banyak fasilitas pada sistem komputer.

• Cocok untuk penggambaran secara visual untuk satu operasi atau objek.

2. Menu selection

Memilih perintah dari daftar yang disediakan.

Kelebihan:

• User tidak perlu ingat nama perintah.

• Minim pengetikan dan rendah kesalahan.

Kekurangan:

• Tidak ada logika AND atau OR serta perlu ada struktur menu jika banyak pilihan.

• Menu dianggap lambat oleh expert user dibanding command language.

3. Form fill-in

Mengisi area-area pada form.

Kelebihan:

• Mudah dipelajari.

• Masukan data yang sederhana.

Kekurangan:

• Memerlukan banyak tempat di layar.

• Harus menyesuaikan dengan form manual dan kebiasaan user.

4. Command language

Menuliskan perintah yang sudah ditentukan pada program.

Kelebihan:

• Perintah langsung diketikan pada system dan kombinasi perintah bisa dilakukan.

• Bisa diterapkan pada terminal yang murah.

Kekurangan:

• Perintah harus dipelajari dan diingat cara penggunaannya serta perlunya kemampuan mengetik.

• Tidak cocok untuk user biasa sebab kesalahan pakai perintah sering terjadi.

• Perlu ada sistem pemulihan kesalahan.

5. Natural language

Mendapatkan hasil dengan menggunakan bahasa alami.

Kelebihan:

• Perintah dalam bentuk bahasa alami dengan kosakata yang singkat.

Kekurangan:

• Tidak semua sistem cocok menggunakan tipe ini. Jika digunakan maka akan memerlukan banyak pengetikan.

✓ Penggunaan Warna pada Desain Interface

Petunjuk yang dapat diikuti dalam penggunaan warna pada desain interface:

• Hindari penggunaan terlalu banyak warna.

• Gunakan kode warna untuk mendukung operasi.

• Pengguna bisa kendalikan warna untuk kode.

• Desain monochrome kemudian tambahkan warna.

• Gunakan warna kode secara konsisten.

• Hindari pasangan warna yang tidak cocok/norak.

• Gunakan warna untuk menunjukkan perubahan status