With digital interfaces, we need to communicate efficiently, because we have a…limited amount of space available on the screen, so we need to carefully choose…labels, and icons, and where they're placed.…Labels include navigation links, button text, image captions, and headers, and subheaders.…They communicate factual information, reflect the classification of that…information, and reveal the organization of the Web site or application.…Images and icons resemble, or portray the information and functionality they represent.…We rely on our memory, language, pattern recognition, and associations to…understand what we see and perceive.…
The navigation on a Web site is often hierarchical, and how the links and labels…are presented influence how we understand that hierarchy.…Two common techniques for representing this structure are indenting, and grouping.…Grouping related items, and simply indenting them visually communicates the hierarchy.…Labels and links that are indented below another are perceived as subordinate to it.…
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: Communicating with labels and icons