Pertemuan Keenam

Prinsip Design Antarmuka

pada aplikasi berbasis komputer
 Dalam perancangan sistem interaktif,
salah satu faktor yang harus diperhatikan
adalah tujuan utama dibuatnya
antarmuka tersebut.

 Tujuan terpenting dari perancangan

desain antarmuka adalah kebergunaan
(usability) dan pengalaman user (user
experience).
 Kepuasan berinteraksi yang dirasakan oleh
user merupakan salah satu kriteria penting
untuk menentukan kebergunaan dari sebuah
sistem.

 Berbagai cara dan metode digunakan untuk

mendapatkan data kuantitatif yang akan
menggambarkan kepuasan berinteraksi.

 Data yang dikumpulkan biasanya yang

bersifat subyektif agar tingkat penilaian lebih
optimal.

Pengumpulan materi desain IMK

 Beberapa pengalaman berdasarkan penelitian
itu kemudian melahirkan prinsip-prinsip
Interaksi Manusia Komputer.

 Terdapat beberapa prinsip atau aturan,

namun yang umum dan mudah digunakan
adalah teori Eight Golden Rules of Dialog
Design (Ben Shneiderman) dan General
Principles of User Interface Design
(Deborah, J.Mayhew)

Prinsip desain IMK

 Ben Shneiderman mengusulkan delapan
prinsip yang didasarkan pada
pengalamannya secara heuristik namun
dapat diterapkan pada berbagai macam
sistem yang interaktif setelah melalui
proses yang panjang dengan pemilahan,
perluasan, dan penginterpretasian.

Eight Golden Rules

of Dialog Design
1. Strive for Consistency (Upayakan untuk
tetap konsisten)

Konsisten pada serangkaian aksi

yang mirip merupakan hal yang
penting. Konsistensi ini berkaitan
dengan tampilan, menu, bantuan,
perintah, pesan-pesan yang disam-
paikan, dan istilah yang digunakan
di layar.

Eight Golden Rules

of Dialog Design
Eight Golden Rules
of Dialog Design
2. Enable Frequent Users to use shortcuts
(Gunakan short cut pada bagian yang
sering digunakan)

Dengan short cut, banyaknya interaksi dapat

ditekan seminimal mungkin.

Waktu tanggap yang singkat dan kecepatan

penampilan merupakan satu hal lain yang
menarik bagi pengguna yang sering
menggunakan sistem (frequent user).

Eight Golden Rules

of Dialog Design
Contoh shortcut pada windows :
 [Alt] + [tab]
 [Windows]+[e],
 [Windows]+[d],
 [Windows]+[r]
 [alt]+[f4].
 [Control]+[Alt]+[Del]

Eight Golden Rules

of Dialog Design
3. Offer Informative Feedback (Sediakan
feedback yang informatif)

Untuk operasi yang umum berikan feedback yang

umum sedangkan untuk operasi yang khusus
apalagi berbahaya berikan feedback dengan
penekanan

Desain yang dibuat harus tetap menginformasikan

kepada pengguna melalui bahasa yang jelas,
singkat, tidak ambigu, dan familiar bagi pengguna.

Eight Golden Rules

of Dialog Design
4. Design Dialogs to yield closure (Dialog
memiliki lingkup tertentu)

Serangkaian aksi harus diatur kedalam

kelompok sedemikian sehingga terdapat bagian
awal, pertengahan, dan penutup.

Feedback yang informatif pada sekelompok aksi

tersebut memberikan kenyamanan bagi
pengguna dan selanjutnya menjadikan petunjuk
untuk serangkaian langkah berikutnya.

Eight Golden Rules

of Dialog Design
5. Offer simple error handling (Sediakan
penanganan kesalahan yang sederhana)

Dalam mendesain sistem, harus dibuat sedapat

mungkin pengguna tidak melakukan kesalahan
yang fatal. Apabila terjadi kesalahan yang
serius, sistem harus dapat mendeteksi dan
melakukan penanganan kesalahan secara
sederhana dan komprehensif.

Eight Golden Rules

of Dialog Design
6. Perbolehkan user melakukan aksi mundur
atau pembatalan.

Fitur ini menghilangkan kekhawatiran

pengguna karena pengguna melakukan
kesalahan, maka aksi tersebut dapat di
batalkan. Pembatalan ini mungkin dapat berupa
pembatalan sebuah aksi, sekelompok data
entri, ataupun sekelompok aksi.

Eight Golden Rules

of Dialog Design
7. Support internal locus of control (Berikan
kontrol internal)

Pengguna cenderung merasa tahu dan mereka

mampu mengendalikan sistem. Oleh karena itu
desain yang baik harus memposisikan
pengguna sebagai inisiator atau operator
ketimbang sebagai responder dari sistem.

Eight Golden Rules

of Dialog Design
8. Reduce Short term memory load (Kurangi
aktifitas mengingat)

Keterbatasan manusia yang berkaitan dengan

memori jangka pendek menuntut desainer sistem
membuat antarmukayang sederhana. Sedapat
mungkin user tidak perlu mengingat terlalu
banyak.

Eight Golden Rules

of Dialog Design
 Deborah J. Mayhew, memperkenalkan General
Principles Of UI Design, atau Prinsip Umum
Desain User Interface.

 Prinsip desain yang diperkenalkan oleh Deborah

merupakan suatu penjabaran secara lebih luas
dari prinsip-prinsip desain antarmuka yang telah
ada.

 Prinsip ini dibagi menjadi 17 bagian yang harus

dipahami para perancang sistem, terutama
untuk mendapatkan hasil maksimal dari tampilan
yang dibuat.

General Principles of User

Interface Design
1. User Compatibility
User Compatibility artinya kesesuaian tampilan
dengan tipikal dari user. karena berbeda user
bisa jadi kebutuhan tampilannya berbeda.

2. Product Compatibility
Istilah ini mengartikan bahwa produk
aplikasi yang dihasilkan juga harus sesuai,
memiliki tampilan yang sama/serupa, baik
untuk user yang awam maupun yang ahli.

General Principles of User

Interface Design
3. Task Compatibility
Berarti fungsional dari task/tugas yang ada
harus sesuai dengan tampilannya.

4. Work Flow Compatibility

Aplikasi bisa dalam satu tampilan untuk
berbagai pekerjaan. Dengan pertimbangan
tidak terlalu overload.

General Principles of User

Interface Design
5. Consistency
Konsisten. Contohnya, jika anda menggunakan
istilah save yang berarti simpan, maka gunakan
terus istilah tersebut.

6. Familiarity
Familiar.Icon disket akan lebih familiar jika
digunakan untuk perintah menyimpan.

7. Simplicity
Simpel. Aplikasi harus menyediakan pilihan default
untuk suatu pekerjaan.

General Principles of User

Interface Design
8. Direct Manipulation
Manipulasi secara langsung. Misalnya untuk
mempertebal huruf, cukup dengan ctrl+B.

9. Control
Berikan kontrol penuh pada user, tipikal user
biasanya tidak mau terlalu banyak aturan.

10. WYSIWYG
Buatlah tampilan mirip seperti kehidupan nyata
user dan pastikan fungsionalitas yang ada
berjalan sesuai tujuan.

General Principles of User

Interface Design
11. Flexibility
Tool/alat yang bisa digunakan user. Jangan hanya
terpaku pada keyboard atau mouse saja.

12. Responsiveness
Tampilan yang dibuat harus ada responnya. Misal,
yang sering kita lihat ketika ada tampilan please
wait... 68%...

13. Invisible Technology

User tidak penting mengetahui algoritma apa
yang digunakan.

General Principles of User

Interface Design
14. Robustness
Handal. Dapat mengakomodir kesalahan user.
jangan malah error, apalagi sampai crash.

15. Protection
Melindungi user dari kesalahan yang umum
dilakukan. misalnya dengan memberikan fitur
back atau undo.

General Principles of User

Interface Design
16. Ease of Learning
Aplikasi mudah dipelajari.

17. Ease of use

Aplikasi harus mudah digunakan.

General Principles of User

Interface Design
 Prinsip-prinsip tersebut mengacu pada
peningkatan kebergunaan suatu aplikasi
seperti yang dipelajari dalam IMK.

 Aplikasi tersebut kemudian diujikan,

apakah telah sesuai dengan tujuan awal
atau masih perlu suatu perbaikan atau
pembaharuan.
 Menurut Dix, et al., (2004) keberhasilan sebuah
sistem untuk membantu penggunanya
menyelesaikan suatu tugas ditentukan oleh
kombinasi tiga kata guna (use), yaitu :

1. Berguna (useful)
Sistem berfungsi seperti yang diinginkan oleh
penggunanya.

Keberhasilan sebuah sistem

2. Dapat digunakan (usable)
Sistem mudah untuk dioperasikan.

3. Digunakan (Used)
Sistem yang memotivasi penggunanya untuk
menggunakannya, menarik, menyenangkan
dan lain-lain.

Keberhasilan sebuah sistem