Design

Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
 Learnability
DeniEon: The ease with which new users can begin eecEve
interacEon and achieve maximal performance (Stephen Kimani)
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
 Learnability: Predictability
Determining eect of future acEons based on
past interacEon history
operaEon visibility

hXps://d13yacurqjgara.cloudfront.net/users/21816/screenshots/587043/dribbbbbble.png
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
 DESIGN RULES and HCI
LEARNABILITY: Synthesizability
Synthesizability: A design feature that provides
support for the user to assess the eect of past
operaEons on the current state.
(I can tell why I am here based on what I have gone through in the past?)

From HCI presentaEon Stephen Kimani hXp://www.dis.uniroma1.it/~kiman

Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
 Learnability: Familiarity
Measure how prior knowledge and experience of the user can
be applied during interacEon with a new system
Guessability matches users expectaEons
Use of metaphors making use of users experience of using the metaphors
Aordance appearance suggests how it can be manipulated; appearance
of an object simulates familiarity with its behavior
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
 Learnability: Generalizability
Generalizability is extending
specific interaction knowledge to
new situations
How easy is it to learn to
perform new tasks, given a
users current experience of a
system or a UI?
If you can to cut-and-paste text
in Word or files in Windows, it
should also be easy to learn to
cut-and-paste in Paint.
Kent. How to Make Background of Images Transparent in Microsoft Paint [Tip]. Digital image. DotTech.org. Azadi Network, 9 Dec. 2014. Web. 9 Sept.
2015. <http://dottech.org/170277/how-to-make-the-background-of-an-image-transparent-in-ms-paint-tip/>.
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
Learnability: Consistency

Likeness in input/output behavior arising from

similar situaEons or task objecEves
CO, Isabelle-Lynn
ROSALES, John Cliord
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
 Flexibility
MulEplicity of ways the user and system
exchange informaEon
A exible design can support doing tasks in
mulEple ways.
Example: Wolfram Alpha
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulHthreading
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
Flexibility: Task Migratability

Zarah Arcega, JusHn BauHsta, Shannon Ching

Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsHtuiHvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
 Flexibility: Customizability
This refers to the modiability of the user interface by the user
(adaptability) or the system (adapEvity).
 Flexibility: Customizability
The ability of the user to modify the user interface
Example: Samsung Galaxy Note 4 and Android OS
The font face and size can be customized
The language can be customized as well
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
Robustness
The level of support provided to
the user in determining
successful achievement and
assessment of goal-directed
behavior.
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
 Robustness - Observability
The user should be able to evaluate and
understand the internal state of the system
from its perceivable representaEon.
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
 Robustness: Recoverability
Ability of a user to take correcEve acEon once
an error has been recognized
Design Principles
1) Learnability 9) Flexibility: Task Migratability
2) Learnability: Predictability 10) Flexibility: Task SubsEtuiEvity
3) Learnability: Synthesizability 11) Flexibility: Customizability
4) Learnability: Familiarity 12) Robustness
5) Learnability: Generalizability 13) Robustness: Observability
6) Learnability: Consistency 14) Robustness: Recoverability
7) Flexibility 15) Robustness: Responsiveness
8) Flexibility: MulEthreading
Source: Dix, A. Finlay, J., Abowd, G. D., & Beale, R. (2004). Human-Computer Interac?on, 3rd Ed. Essex, England: Pearson EducaEon Limited.