We know we can influence where people direct their attention, and how they…perceive a Web site or application.…We're more sensitive to certain colors, and motion, and we're susceptible to…perceptual illusions, and ambiguity.…But we can take what we know about sensation and perception, and use that to…establish a visual hierarchy on the page or screen.…Although this really isn't a course about visual design, many of these…techniques also apply to interaction design.…Value and contrast can attract attention, and establish importance.…
Content that is darker, and has higher contrast with what surrounds it,…will attract attention.…Large, bold, dark font faces for headers are effective, because they combine size…and value to draw our attention.…Color can also draw attention; orange and yellow buttons attract attention,…because we're very sensitive to those colors.…Text links with a different color from the text around them stand out and…attract attention, because they're different.…Whitespace, or negative space, can help highlight information.…
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: Establishing visual hierarchy