Principles of
Interactive Design
By: Katlyn Chwalinski
Consistency
Differences in design can draw attention but also distract
the users from the message you are trying to
communicate.
Consistency
Color pattern: black,grey or blue colors• plenty of negative space
Consistency
Voice: • labels and terms should be the same throughout
● Content and imagery- photos, illustrations,and icons
● All have a stable and consistent style
Visability
● 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
Viability
Click & tap: people will attempt interaction with anything that could possibly be
clickable or touchable!
Learnability
Even interfaces that are easy to use may require learning, and the more we use
them the easier it seems.
Learnability
Predictability
“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.
Predictability
Feedback
Communicates the results of any interaction, making it visible and
understandable. Its job is to give the user a signal that they (or the product!) have
succeeded or failed at performing a task.
Feedback
principles of interactive design

More Related Content

PPTX
Principle of Interactive Design
PPTX
Principles of Design
PPT
CEC 2009: Towards Creative Design Using Collaborative Interactive Genetic Alg...
PPTX
Google glass presentation
PDF
UX STRAT 2013: Aline Baeck, BEYOND WIREFRAMES How User Experience Methods Ca...
PDF
Graphic recording by Creative Support
PPTX
Designing for Mobile
PDF
KP T24 Experience Design 2017
Principle of Interactive Design
Principles of Design
CEC 2009: Towards Creative Design Using Collaborative Interactive Genetic Alg...
Google glass presentation
UX STRAT 2013: Aline Baeck, BEYOND WIREFRAMES How User Experience Methods Ca...
Graphic recording by Creative Support
Designing for Mobile
KP T24 Experience Design 2017

What's hot (20)

PDF
Just Make Me a Dashboard!
PDF
Designing Engaging Experiences
PDF
Experince Design Seminar // Hyper Island
PDF
Intro to User Experience
PPTX
UX and Advertising
PPTX
Make a Good Slide Show 1 - Methods of SlideCraft
PDF
Designing in the Open
PPTX
From Classroom to Print to Online
PPT
Corporate Presentation
PPTX
Conscious UX
PPTX
Using Co-creation to Make Design Solutions that Work (EuroIA 2013, Edinburgh)
PPTX
UX Design Principles
PPTX
UX presentation
PDF
MURAL Webinar: Special Touches That Make Your Sprints Kickass
PDF
Design Beyond the Screen - Tony Aube at AmuseConf 2019
PPTX
Designing Ecosystems, Not Just Apps
PPTX
UX for Mobile with Steven Hoober at Pointworks Academy
PDF
Growth hacking and User Experience: A love story?
PPT
Building for People: 5 Practical Tip for Greating Great UX
PDF
Design Beyond the Screen - Mixed Reality at Osmo - Tony Aube XRDC 2018
Just Make Me a Dashboard!
Designing Engaging Experiences
Experince Design Seminar // Hyper Island
Intro to User Experience
UX and Advertising
Make a Good Slide Show 1 - Methods of SlideCraft
Designing in the Open
From Classroom to Print to Online
Corporate Presentation
Conscious UX
Using Co-creation to Make Design Solutions that Work (EuroIA 2013, Edinburgh)
UX Design Principles
UX presentation
MURAL Webinar: Special Touches That Make Your Sprints Kickass
Design Beyond the Screen - Tony Aube at AmuseConf 2019
Designing Ecosystems, Not Just Apps
UX for Mobile with Steven Hoober at Pointworks Academy
Growth hacking and User Experience: A love story?
Building for People: 5 Practical Tip for Greating Great UX
Design Beyond the Screen - Mixed Reality at Osmo - Tony Aube XRDC 2018
Ad

Similar to principles of interactive design (20)

PDF
Principles of Interactive Design
PDF
What ux is
PPTX
From barrier-free to delightful
PPT
Chapter 1 id2e_slides
PDF
Designing Interactions Downloadable PDF Doc
PDF
Demystifying Mobile: Designing with Accessibility in Mind
PDF
Hci [6]interaction design
PPTX
Play, Engagement & Addiction: Semiotics & Digital User Interface Design
PDF
Going from Here to There: Transitioning into a UX Career
PDF
Principles of User Interface Design
PDF
Impact of Visual Design on UX
PDF
UI Design Principles : 20 Essential Rules for User Interface Design
PDF
20 Principles: UI Design
PPT
How tos of UX
PDF
Visual Usability: principles & practices for designing great web and mobile a...
PPTX
Hci design collaboration lec 9 10
PDF
A Walk Through of User Experience and User Interface
PDF
Dev fest ile ife 2014-ux, material design and trends
PDF
Wireframing and prototyping
PDF
Why User Experience Matters
Principles of Interactive Design
What ux is
From barrier-free to delightful
Chapter 1 id2e_slides
Designing Interactions Downloadable PDF Doc
Demystifying Mobile: Designing with Accessibility in Mind
Hci [6]interaction design
Play, Engagement & Addiction: Semiotics & Digital User Interface Design
Going from Here to There: Transitioning into a UX Career
Principles of User Interface Design
Impact of Visual Design on UX
UI Design Principles : 20 Essential Rules for User Interface Design
20 Principles: UI Design
How tos of UX
Visual Usability: principles & practices for designing great web and mobile a...
Hci design collaboration lec 9 10
A Walk Through of User Experience and User Interface
Dev fest ile ife 2014-ux, material design and trends
Wireframing and prototyping
Why User Experience Matters
Ad

Recently uploaded (20)

PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PDF
How Animation is Used by Sports Teams and Leagues
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PPT
Unit I Preparatory process of dyeing in textiles
PPTX
Introduction to Building Information Modeling
PDF
The Basics of Presentation Design eBook by VerdanaBold
PDF
Timeless Interiors by PEE VEE INTERIORS
PPTX
Drawing as Communication for interior design
PPTX
Bitcoin predictor project presentation
PDF
Social Media USAGE .............................................................
PPT
Fire_electrical_safety community 08.ppt
PPTX
a group casestudy on architectural aesthetic and beauty
PPTX
2. Competency Based Interviewing - September'16.pptx
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PDF
Govind singh Corporate office interior Portfolio
PPTX
Drafting equipment and its care for interior design
PDF
trenching-standard-drawings procedure rev
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
How Animation is Used by Sports Teams and Leagues
GSH-Vicky1-Complete-Plans on Housing.pdf
Unit I Preparatory process of dyeing in textiles
Introduction to Building Information Modeling
The Basics of Presentation Design eBook by VerdanaBold
Timeless Interiors by PEE VEE INTERIORS
Drawing as Communication for interior design
Bitcoin predictor project presentation
Social Media USAGE .............................................................
Fire_electrical_safety community 08.ppt
a group casestudy on architectural aesthetic and beauty
2. Competency Based Interviewing - September'16.pptx
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
Govind singh Corporate office interior Portfolio
Drafting equipment and its care for interior design
trenching-standard-drawings procedure rev
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
Architecture Design Portfolio- VICTOR OKUTU
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk

principles of interactive design