In this video, learn how to use proximity, similarity, and closure to group UI elements on the screen.
- Let's do a little visual exercise.…What do you see on the screen?…Most people say they see three pairs of lines…with a spare line on the right.…Now what do you see on the screen here?…Most people say they see three boxes…with a half box on the left.…The position of the vertical lines didn't change,…but the spare piece moved…from the right side to the left side.…Why is that?…It's time to talk about the Gestalt principles…of grouping and closure.…
The word Gestalt means shape or form in German.…And this is the story about how some German psychologists…told us all we need to know…about UI design in the year 1900.…Well, not entirely, but the Gestalt psychologists…did describe a lot of the ways…our brains tend to deal with the stuff we see.…We'll cover three common ones here.…The Gestalt principle of proximity says…that objects close to each other…are perceived as forming a group.…So, the left image is seen as two vertical groups,…whereas the right image is seen as two horizontal groups.…
The principle of similarity says…
- Designing around human limitations
- Telling stories
- How we group the things we see
- Making standard and consistent interfaces
- Smart defaults
- Reducing system latency and communicating during delays
- Making error messages into useful dialogs
- Designing for delight
Skill Level Beginner
1. How Brains Work
2. How We See Things: Perception Principles
3. Real-World Metaphors: Physical Concepts
4. Telling a Story: Workflow Concepts
5. Communicating through the UI
6. Designing for Delight
Next steps1m 6s
- 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.Cancel
Take 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.