When people see content presented in an orderly way, and functionality located…in the same or similar places, which produces consistency, they learn how to…look for other content and functionality on other screens or pages, which…enhances learnability,…and their eyes and hands go to those locations more readily, which…demonstrates predictability.…So far, we've been talking about structure mostly in terms of spatial location:…where it's located in the interface, but we can also provide structure in terms…of time: the sequence or steps by which something occurs.…
We need to provide structure in terms of both place and time.…How do we provide structure for time?…How do we guide people through an experience that may span multiple steps or screens?…First, we need to set expectations about the process. How long will it take? How…many steps are there?…Second, we need to break down complex processes into simpler, more manageable steps.…And the third, we need to design an experience that provides feedback about…
Author
Released
2/10/2012- Understanding the origins of interaction design
- Understanding gestalt principles
- Designing with grids
- Understanding design patterns
- Exploring how people respond to motion and color
- Communicating through labels and icons
- Framing for content and decision making
- Understanding mental models
- Avoiding cognitive overload
- Defining behavior for interaction design
- Designing for clicks and taps
- Understanding the feedback cycle
- Professional resources
Skill Level Beginner
Duration
Views
Related Courses
-
Typography for Web Designers
with Laura Franz6h 25m Intermediate
-
1. Introduction
-
Welcome1m 13s
-
Who is this course for?1m 30s
-
-
2. Exploring Interaction Design
-
What is interaction design?2m 11s
-
-
3. The Interaction Designer's Toolbox
-
Professional resources1m 33s
-
4. Five Essential Principles of Interaction Design
-
Consistency1m 52s
-
Perceivability2m 16s
-
Learnability1m 5s
-
Predictability1m 43s
-
Feedback1m 21s
-
-
5. Understanding Context and Motivation
-
Designing to meet needs5m 53s
-
Persuasive design2m 24s
-
6. Principles of Interface Structure
-
Designing with grids4m 18s
-
7. Navigation Best Practices
-
Effective navigation8m 37s
-
Searching and filtering8m 10s
-
Contextual relevance5m 25s
-
Sense of place4m 17s
-
-
8. How People Respond to Images and Media
-
How people respond to color5m 14s
-
9. Shaping Thinking and Decisions through Design
-
Defining cognition5m 53s
-
Cognitive biases2m 45s
-
Framing choices3m 20s
-
Mental models5m 17s
-
Understanding cognitive load9m 11s
-
-
10. Designing for Behavior and Interaction
-
Perceived affordances6m 26s
-
Inputs and sensors5m 9s
-
11. Best Practices for Providing Feedback
-
Place, time, and meaning5m 25s
-
Error handling and messages4m 30s
-
Feedback cycle58s
-
Conclusion
-
Reviewing the big picture1m 51s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Guiding visitors with sequence, steps, and structure