Documente Academic
Documente Profesional
Documente Cultură
Design
Principles
CSE
564
Ashraf
Gaffar
Design
Guidelines
and
Heuris>cs
• Guidelines:
– A
General
set
of
applica>on-‐agnos>c
instruc>ons
• Different
selec>ons,
concrete
interpreta>ons
• Architecture
design
• Code
design
• Interac>on
and
interface
design
– Color
pallets
– Fonts
– UI
and
HCI
paFern
building
blocks
• Security
• Heuris>cs:
– High-‐level
design
strategies
• Can
be
interpreted
in
many
different
ways
UI
Guidelines
Nielson’s
UI
Heuris>cs
• Visibility of system status.
• Match between system and the real world.
• User control and freedom.
• Consistency and standards.
• Error prevention.
• Recognition rather than recall.
• Flexibility and efficiency of use.
• Aesthetic and minimalist design.
• Help users recognize, diagnose and recover from
errors.
• Help and documentation.
Design
Principles
• The
80/20
Rule
• The
LxMxN
Rule
• Mind
Networks
(Advance
Organizers)
• Mental
Models
• Alignment
• Symmetry
• Design
by
Space
• Mapping
• Conceptual
Blending
Design
Principles
(cont.)
• Anthropomorphism
• Uncanny
Valley
• Biophilia
Effect
• Gestalt:
– Proximity,
Similarity,
Con>nuity,
Closure,
connectedness)
• Cogni>ve
Dissonance
• Constraints
• Deep
Processing
• Design
by
CommiFee
• Desire
Line
(Happy
Path)
Design
Principles
(cont.)
• Fibonacci
Sequence
• The
Golden
Ra>o
• FiFs’
Law
• Hick’s
law
• Power
Law
(dimension
of
space,
fractals)
• Normal
Distribu>on
• Five
Hat
Racks
– Time,
Space,
Alphabet,
Category,
Hierarchy
Design
Principles
(cont.)
• Iconic
Representa>on
• Immersion
• Emergence
• Layering
• Affordance
• Mimicry
• Modularity
• Aesthe>c-‐Usability
Effect
• Form
Follows
Func>on
Design
Principles
(cont.)
• Nudge
• Ockham’s
Razor
• Path
of
least
effort
• Redundancy
• Direct
Manipula>on
• Forgiveness