SlideShare a Scribd company logo
6
Most read
8
Most read
11
Most read
5 principles of interactive
design
BY: JOEY SASKOWSKI
Consistency:
Differences in design can draw
attention but also distract the users
from the message you are trying to
communicate. Keeping elements
consistent give users the feeling of
authenticity.
For More Info on Consistency
Visit:
https://www.interaction-design.org/literature/article/
principle-of-consistency-and-standards-in-user-
interface-design
Visibility:
 Good visibility, according to David Hogue’s principles, means
that obvious prompts and cues are present, which:
• Lead the user through an interaction
• Guide them through a series of tasks
• Indicate what possible actions are available to them
• Communicate the context of the situation.
For More Info on Visibility
Visit:
http://gangles.ca/2009/04/11/visibility-affordance-
feedback/
Learnability:
 Even interfaces that are easy to use may require learning, and
the more we use them the easier it seems. Learning is also
heightened when the interaction behaviors we see imitate
those we’re familiar with. We learn behaviors from our
experiences across the web, devices, and real-world places
and objects. These experiences are what create our
expectation and intrinsic assumptions and understanding of
how things are supposed to work.
For More Info on Learnability
Visit:
https://pidoco.com/en/help/ux/learnability
Predictability:
 Natoli states “The sense of comfort that is created as
a result is a critical factor in keeping people on the
site, fully engaged and moving forward. A sense of
control – which is a hard- wired cognitive
requirement in the brain – speeds task completion
and makes people feel good about what they’re
using, what they’re doing and what they’ll be able to
accomplish.”
For More Info on Predictability
Visit:
http://www.givegoodux.com/predictability-5-
principles-of-interaction-design-to-supercharge-your-
ui-4-of-5/
Feedback:
 Feedback communicates the results of any
interaction, making it visible and under- stand
able. Its job is to give the user a signal that
they (or the product) have succeeded or failed
at performing a task.
For More Info on Feedback
Visit:
http://www.dcs.gla.ac.uk/~karen/Papers/saics.pdf

More Related Content

PPTX
Design process design rules
PPTX
Chapter1(hci)
PDF
Usability Testing Methods
PDF
Principles of Interactive Design
PDF
User Interface Design - Module 1 Introduction
PPT
Human Computer Interaction Chapter 5 Universal Design and User Support - Dr....
PDF
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
PDF
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
Design process design rules
Chapter1(hci)
Usability Testing Methods
Principles of Interactive Design
User Interface Design - Module 1 Introduction
Human Computer Interaction Chapter 5 Universal Design and User Support - Dr....
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha

What's hot (20)

PPTX
Heuristic evaluation
PPT
The design of everyday things
PDF
10 Usability Heuristics explained
PPT
User centered Design
PDF
Intro Design Principles
PPT
USER INTERFACE DESIGN PPT
PPTX
Human Computer Interaction - Interaction Design
PDF
Introduction to wireframes
PPT
HCI 3e - Ch 10: Universal design
PPT
Interactive design basics
PDF
Hci unit 4( final)
PDF
Human Computer Interaction Chapter 2
PDF
The psychopathology of everyday things!
PPTX
Wimp interface
PPT
HCI - Chapter 6
PPT
Design rules and usability requirements
PDF
User Interface Design Module 5 screen based controls
PPTX
Chapter 2
PDF
UX Design - Client presentation
PPTX
Human Computer Interaction - INPUT OUTPUT CHANNELS
Heuristic evaluation
The design of everyday things
10 Usability Heuristics explained
User centered Design
Intro Design Principles
USER INTERFACE DESIGN PPT
Human Computer Interaction - Interaction Design
Introduction to wireframes
HCI 3e - Ch 10: Universal design
Interactive design basics
Hci unit 4( final)
Human Computer Interaction Chapter 2
The psychopathology of everyday things!
Wimp interface
HCI - Chapter 6
Design rules and usability requirements
User Interface Design Module 5 screen based controls
Chapter 2
UX Design - Client presentation
Human Computer Interaction - INPUT OUTPUT CHANNELS
Ad

Similar to 5 principles of Interactive design (20)

PPTX
Principles of Interactive Design
PPTX
Principle of Interactive Design
PDF
GHAMAS Design Principles
PPTX
Principles of Interactive Design
PPTX
Presentation from Raymond Man Wai Law
PPT
Unit-3- Part-1 Principles of visual design including Gestalt Theory.ppt
PPTX
Concepts of design
PDF
Design Principles
PPTX
USER EXPERIENCE, PRINCIPLES OF INTERACTIVE DESIGN AND RICH CONTENT of Web 2.0...
PDF
Interaction Design
DOCX
C H A P T E R6193Design PrinciplesInteraction .docx
DOCX
PDF
PxS'12 - week 1 - Introduction
PDF
Principles of Interactive Design
PPTX
Importance of UX-UI in Android/iOS Development- Stackon
PPT
Design-Principles.ppt
PPT
Design Rule lect07.ppt Human Computer Interaction
PDF
User Interface Design- Module 2 Uid Process
PDF
Webbt user_centred_demos
PDF
Design Principles.pdf
Principles of Interactive Design
Principle of Interactive Design
GHAMAS Design Principles
Principles of Interactive Design
Presentation from Raymond Man Wai Law
Unit-3- Part-1 Principles of visual design including Gestalt Theory.ppt
Concepts of design
Design Principles
USER EXPERIENCE, PRINCIPLES OF INTERACTIVE DESIGN AND RICH CONTENT of Web 2.0...
Interaction Design
C H A P T E R6193Design PrinciplesInteraction .docx
PxS'12 - week 1 - Introduction
Principles of Interactive Design
Importance of UX-UI in Android/iOS Development- Stackon
Design-Principles.ppt
Design Rule lect07.ppt Human Computer Interaction
User Interface Design- Module 2 Uid Process
Webbt user_centred_demos
Design Principles.pdf
Ad

Recently uploaded (20)

PPTX
65bc3704-6ed1-4724-977d-a70f145d40da.pptx
PPTX
G10 HOMEROOM PARENT-TEACHER ASSOCIATION MEETING SATURDAY.pptx
PPTX
Socio ch 1 characteristics characteristics
PPTX
400kV_Switchyard_Training_with_Diagrams.pptx
PPTX
CMU-PPT-LACHICA-DEFENSE FOR RESEARCH PRESENTATION
PPTX
Presentation on tradtional textiles of kutch
PDF
TUTI FRUTI RECETA RÁPIDA Y DIVERTIDA PARA TODOS
PPTX
slide head and neck muscel for medical students
PPTX
MUSIC-W1-Q1-1.pptxL;ML;MLNL;NL;NL;N;LNL;NL;N
PPTX
VAD - Acute and chronic disorders of mesenteric.pptx
PDF
the saint and devil who dominated the outcasts
PPTX
DIMAYUGA ANDEA MAE P. BSED ENG 3-2 (CHAPTER 7).pptx
PPTX
4277547e-f8e2-414e-8962-bf501ea91259.pptx
PDF
; Projeto Rixa Antiga.pdf
PPSX
Multiple scenes in a single painting.ppsx
PPTX
vsfbvefbegbefvsegbthnmthndgbdfvbrsjmrysnedgbdzndhzmsr
PPTX
Visual-Arts.pptx power point elements of art the line, shape, form
PPTX
Military history & Evolution of Armed Forces of the Philippines
PDF
DPSR MUN'25 (U).pdf hhhhhhhhhhhhhbbnhhhh
PPTX
SAPOTA CULTIVATION.pptxMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
65bc3704-6ed1-4724-977d-a70f145d40da.pptx
G10 HOMEROOM PARENT-TEACHER ASSOCIATION MEETING SATURDAY.pptx
Socio ch 1 characteristics characteristics
400kV_Switchyard_Training_with_Diagrams.pptx
CMU-PPT-LACHICA-DEFENSE FOR RESEARCH PRESENTATION
Presentation on tradtional textiles of kutch
TUTI FRUTI RECETA RÁPIDA Y DIVERTIDA PARA TODOS
slide head and neck muscel for medical students
MUSIC-W1-Q1-1.pptxL;ML;MLNL;NL;NL;N;LNL;NL;N
VAD - Acute and chronic disorders of mesenteric.pptx
the saint and devil who dominated the outcasts
DIMAYUGA ANDEA MAE P. BSED ENG 3-2 (CHAPTER 7).pptx
4277547e-f8e2-414e-8962-bf501ea91259.pptx
; Projeto Rixa Antiga.pdf
Multiple scenes in a single painting.ppsx
vsfbvefbegbefvsegbthnmthndgbdfvbrsjmrysnedgbdzndhzmsr
Visual-Arts.pptx power point elements of art the line, shape, form
Military history & Evolution of Armed Forces of the Philippines
DPSR MUN'25 (U).pdf hhhhhhhhhhhhhbbnhhhh
SAPOTA CULTIVATION.pptxMMMMMMMMMMMMMMMMMMMMMMMMMMMMM

5 principles of Interactive design

  • 1. 5 principles of interactive design BY: JOEY SASKOWSKI
  • 2. Consistency: Differences in design can draw attention but also distract the users from the message you are trying to communicate. Keeping elements consistent give users the feeling of authenticity.
  • 3. For More Info on Consistency Visit: https://www.interaction-design.org/literature/article/ principle-of-consistency-and-standards-in-user- interface-design
  • 4. Visibility:  Good visibility, according to David Hogue’s principles, means that obvious prompts and cues are present, which: • Lead the user through an interaction • Guide them through a series of tasks • Indicate what possible actions are available to them • Communicate the context of the situation.
  • 5. For More Info on Visibility Visit: http://gangles.ca/2009/04/11/visibility-affordance- feedback/
  • 6. Learnability:  Even interfaces that are easy to use may require learning, and the more we use them the easier it seems. Learning is also heightened when the interaction behaviors we see imitate those we’re familiar with. We learn behaviors from our experiences across the web, devices, and real-world places and objects. These experiences are what create our expectation and intrinsic assumptions and understanding of how things are supposed to work.
  • 7. For More Info on Learnability Visit: https://pidoco.com/en/help/ux/learnability
  • 8. Predictability:  Natoli states “The sense of comfort that is created as a result is a critical factor in keeping people on the site, fully engaged and moving forward. A sense of control – which is a hard- wired cognitive requirement in the brain – speeds task completion and makes people feel good about what they’re using, what they’re doing and what they’ll be able to accomplish.”
  • 9. For More Info on Predictability Visit: http://www.givegoodux.com/predictability-5- principles-of-interaction-design-to-supercharge-your- ui-4-of-5/
  • 10. Feedback:  Feedback communicates the results of any interaction, making it visible and under- stand able. Its job is to give the user a signal that they (or the product) have succeeded or failed at performing a task.
  • 11. For More Info on Feedback Visit: http://www.dcs.gla.ac.uk/~karen/Papers/saics.pdf