design rules

Aturan Desain
 Designing for maximum usability
(Pemakaian maksimum untuk mendesain)
the goal of interaction design (tujuan desain
interaksi)
Principles of usability (Kegunaan prinsip)

general understanding (pengertian umum)

Standards and guidelines (Standarisasi dan petunjuk)

direction for design (petunjuk untuk mendesain)

Design patterns (pola disain)

capture and reuse design knowledge

(menangkap dan menggunakan kembali pengetahuan desain)
 Principles (prinsi-prinsip)
abstract design rules (abstrak aturan desain)
low authority (kerendahan autoritas)
high generality (ketinggian umum)

Standards

increasing generality
(standar)
Guidelines
specific design rules

increasing generality

(spesifik aturan desain)
high authority
(ketinggian autoritas)
limited application Standards
(keterbatasan aplikasi)

increasing authority
Guidelines (petunjuk)
lower authority (otoritas yang lebih rendah) increasing authority

more general application (aplikasi yang lebih umum)

Learnability
the ease with which new users can begin effective interaction
and achieve maximal performance (memudahkan para pengguna baru untuk
dapat memulai interaksi yang efektif dan mencapai kinerja secara maksimal)

Flexibility (fleksibilitas)

the multiplicity of ways the user and system exchange

information (banyaknya cara pengguna dan sistem pertukaran informasi)

Robustness (ketahanan)

the level of support provided the user in determining

successful achievement and assessment of goal-directed
behaviour (tingkat dukungan yang
diberikan pengguna dalam menentukan pencapaian keberhasilan tujuan dan penilaian terhadap perilaku
yang diarahkan)
Predictability (Dapat Diprediksikan)

determining effect of future actions based on past

interaction history (untuk menentukan pengaruh tindakan masa depan berdasarkan
interaksi sejarah masa lalu)

operation visibility (operasi visibilitas)

Synthesizability
assessing the effect of past actions (menilai efek dari tindakan masa
lalu)

immediate vs. eventual honesty (langsung vs akhirnya kejujuran)

 Principles of learnability
(ctd)
Familiarity (kebiasaan)

how prior knowledge applies to new system

(bagaimana pengetahuan sebelumnya diberlaku untuk sistem baru)
Guessability (kemampuan menerka) ; affordance (kesanggupan)

Generalizability (generalisasi)
extending specific interaction knowledge to new
situations (memperluas pengetahuan interaksi spesifik dalam situasi yang baru)

Consistency (konsisten)

likeness in input/output behaviour arising from similar

situations or task objectives (menyerupai
dengan input / output perilaku yang timbul dari situasi yang sama atau tujuan pekerjaan)
 Principles of flexibility
(Prinsip fleksibilitas)

Dialogue initiative (dialog inisiatif)

freedom from system imposed constraints on input

dialogue (terbebas dari sistem yang dikenakan batasan pada input dialog)
system vs. user pre-emptiveness (sistem vs preemptiveness
pengguna)

Multithreading
ability of system to support user interaction for more
than one task at a time (Kemampuan suatu sistem untuk mendukung
interaksi pengguna lebih dari satu tugas pada satu waktu)
concurrent vs. interleaving; multimodality (bersamaan vs
interleaving; multimodality)

Task migratability (Kerja migratability)

passing responsibility for task execution between user

and system (melewati tanggung jawab untuk eksekusi pekerjaan antara pengguna
dan sistem)
 Principles of flexibility (ctd)
Substitutivity
allowing equivalent values of input and
output to be substituted for each other
(memungkinkan nilai-nilai sama dengan input dan output yang akan menggantikan satu sama
lain)

representation multiplicity; equal

opportunity (representasi keragaman; kesempatan yang sama)
Customizability
modifiability of the user interface by user
(adaptability) or system (adaptivity)
(modifiability dari antarmuka pengguna dengan pengguna (adaptasi) atau sistem (adaptivity))
 Principles of robustness
(Prinsip ketahanan)

Observability
ability of user to evaluate the internal state of the
system from its perceivable representation
(Kemampuan user untuk mengevaluasi keadaan internal sistem dari representasi yang
dapat dipahami)

browsability; defaults; reachability; persistence;

operation visibility (browsability; standar; keterjangkauan; ketekunan;
Tampilan operasi)

Recoverability (pemulihan)

ability of user to take corrective action once an error

has been recognized (Kemampuan pengguna untuk mengambil tindakan
korektif setelah kesalahan telah diakui)

reachability; forward/backward recovery;

commensurate effort (keterjangkauan; maju / mundur pemulihan; upaya
sepadan)
 Principles of robustness
(ctd)
Responsiveness (Tanggapan)

how the user perceives the rate of

communication with the system (bagaimana
pengguna memandang tingkat komunikasi dengan sistem)

Stability (kestabilan)

Task conformance (penyesuaian kerja)

degree to which system services

support all of the user's tasks
(sejauh mana sistem pelayanan mendukung setiap
tugas-tugas pengguna)

task completeness; task adequacy

(ketuntasan pekerjaan; kecukupan pekerjaan)
 generality
Design rules (aturan desain)
suggest how to increase usability
Guidelines

increasingincreasing
generality
(menunjukkan bagaimana meningkatkan kegunaan)
differ in generality and authority
(berbeda dalam hal umum dan kewenangan)

Standards
increasing authority

increasing authority
 set by national or international bodies to ensure
compliance by a large community of designers standards
require sound underlying theory and slowly changing
technology (ditetapkan oleh
badan-badan nasional atau internasional untuk menjamin kesesuaian oleh komunitas besar
desainer Standar tersebut mengharuskan teori yang mendasari suara dan perlahan mengubah
teknologi )

hardware standards more common than software high

authority and low level of detail hardware
(lebih banyak hardware umum dibanding otoritas perangkat lunak yang tinggi
dan rendahnya tingkat hardware detil standar )

ISO 9241 defines usability as effectiveness, efficiency

and satisfaction with which users accomplish tasks
(ISO 9241 mendefinisikan kegunaan sebagai efektivitas, efisiensi dan kepuasan dengan
mana pengguna menyelesaikan tugas-tugas)
 more suggestive and general
(lebih sugestif dan umum)

many textbooks and reports full of guidelines

(berbagai buku teks dan laporan lengkap dengan petunjuk)

abstract guidelines (principles) applicable

during early life cycle activities (abstrak
pedoman (prinsip) yang berlaku selama kegiatan siklus awal kehidupan)

detailed guidelines (style guides) applicable

during later life cycle (rincian
pedoman (gaya panduan) yang berlaku selama kegiatan siklus hidup kemudian hari)

understanding justification for guidelines aids

in resolving conflicts
(pemahaman alasan untuk petunjuk membantu dalam menyelesaikan konflik)
 Broad brush design rules ("Luas kuas" aturan desain)
Useful check list for good design
(Memeriksa manfaat daftar untuk desain yang baik)

Better design using these than using nothing! (lebih

baik menggunakan desain dibandingkan tidak menggunakan apa-apa)

Different collections e.g. (Berbagai Model Koleksi misalnya)

Nielsens 10 Heuristics (see Chapter 9) (Nielsen 10
Heuristik (lihat Bab 9)

Shneidermans 8 Golden Rules (Shneiderman di

8 Golden Rules)

Normans 7 Principles (7 Prinsip Norman)

1. Strive for consistency (Berusaha untuk konsistensi)
2. Enable frequent users to use shortcuts (Memungkinkan
pengguna sering menggunakan jalan pintas)

3. Offer informative feedback (Memberikan tanggapan informasi)

4. Design dialogs to yield closure (Rancangan
dialog akan menghasilkan penutupan)

5. Offer error prevention and simple error

handling
(Memberikan pencegahan kesalahan dan penanganan kesalahan yang sederhana)

6. Permit easy reversal of actions

(Memungkinkan pemulihan yang mudah dari tindakan)

7. Support internal locus of control

(Dukungan lokus kontrol internal)

8. Reduce short-term memory load

(Mengurangi jangka pendek beban memori)
Normans 7 Principles
1. Use both knowledge in the world and knowledge
in the head. (Menggunakan
pengetahuan baik di dunia dan pengetahuan di kepala)

2. Simplify the structure of tasks. (Menyederhanakan struktur tugas.)

3. Make things visible: bridge the gulfs of Execution
and Evaluation.
(Membuat sesuatu terlihat: menjembatani jurang Pelaksanaan dan Evaluasi)

4. Get the mappings right.(Memperoleh pemetaan yang tepat)

5. Exploit the power of constraints, both natural and
artificial.(Manfaatkan kekuatan kendala, baik alami maupun buatan)
6. Design for error.(kesalahan desain)
7. When all else fails, standardize.
(Bila semuanya gagal, standarisasi.)
 HCI design patterns (pola desain HCI)
An approach to reusing knowledge about successful
design solutions
(Sebuah pendekatan untuk menggunakan kembali pengetahuan tentang solusi keberhasilan desain)

Originated in architecture: Alexander

(Berasal dari arsitektur: Alexander )

A pattern is an invariant solution to a recurrent

problem within a specific context.
(Sebuah pola invarian merupakan solusi untuk masalah berulang dalam konteks tertentu )

Examples (contoh)

Light on Two Sides of Every Room (architecture)

(Cahaya pada Dua Sisi setiap Ruang (arsitektur))

Go back to a safe place (HCI) (Kembali ke tempat yang aman (HCI))

Patterns do not exist in isolation but are linked to other

patterns in languages which enable complete designs
to be generated (pola
tidak ada dalam isolasi tetapi terkait dengan pola-pola lain dalam bahasa yang memungkinkan desain yang
lengkap dihasilkan)
 HCI design patterns (cont.)
Characteristics of patterns (pola Karakteristik)

capture design practice not theory (mengambil praktek desain bukan teori)
capture the essential common properties of good examples of
design (menangkap sifat umum penting dari contoh yang baik dari desain)
represent design knowledge at varying levels: social,
organisational, conceptual, detailed
(merupakan pengetahuan desain di berbagai tingkat: sosial, organisasi, konsep, rinci)

embody values and can express what is humane in interface

design
(mewujudkan nilai-nilai dan dapat mengekspresikan apa yang manusiawi dalam mendesain interface)

are intuitive and readable and can therefore be used for

communication between all stakeholders
(yang intuitif dan mudah dibaca karena itu dapat digunakan untuk komunikasi antara semua pihak)

a pattern language should be generative and assist in the

development of complete designs.
(pola bahasa harus generatif dan membantu dalam pengembangan desain lengkap)
Summary (rangkuman)

Principles for usability (Kegunaan prinsip)

repeatable design for usability relies on maximizing

benefit of one good design by abstracting out the
general properties which can direct purposeful
design (desain diulang untuk kegunaan yang bergantung pada manfaat
memaksimalkan satu desain yang baik oleh abstrak di luar sifat-sifat umum yang dapat
secara langsung desain memiliki tujuan)

The success of designing for usability requires both

creative insight (new paradigms) and purposeful
principled practice
(Keberhasilan merancang untuk kegunaan membutuhkan wawasan kreatif (paradigma baru)
dan latihan yang berprinsip memiliki tujuan)

Using design rules (Menggunakan aturan desain)

standards and guidelines to direct design activity
(standar dan panduan untuk kegiatan desain secara langsung)