Week 10 - Day 2 (Ch 12 - Advancing the User Experience)
Navigate using audio
Display Design
- What are strange sequences you’ve seen around?
- Audio 0:01:52.702271
- Whenever you order a pizza
- You build
- Self-checkout
- Two displays - one for pay and one for ringing you up - and they’re not in sync.
Guidelines On A lot of Data
- Audio 0:04:53.976167
- Group similar fields
- spatially
- lines
- color
- separate by screen
Sequence Guidelines
- Audio 0:09:14.153892
- Being able to go back
- progress indicators
- Need to know how long it’s going to take in case they don’t have time
- prevents rushing and frustration
View or Window Management
- Audio 0:11:24.273649
- You have to keep them manageable
- Coordination
- Ex: photoshop - need your pallet and your photo window open at once
- Windows explorer: need to see folders/files and see a preview as well
- Navigation
Animation
- Audio 0:15:10.159731
- When is it good?
- Entertainment
- Getting attention
- Explanation
Video
- Audio 0:18:19.403245
-
- Audio 0:24:55.223570
- Animation makes it easier to see how lifespan and money has increased over time
BumpTop Multi-touch
- Audio 0:27:32.927978
Mistakes on Web-based Displays
- Audio 0:33:44.620799
- Making text too small
- Too much content
- Burying information too deep
- Confusing navigation
- unexpected location
- unclear links
- bad tables
- color combos
- bod forms
- missing features
Color Issues
- Audio 0:38:45.289976
- Using a relatively small number of colors
- Using color for specific things
- Universal
ColorBrewer
- Audio 0:44:15.398286
- ColorBrewer
anthropomorphic design problems
- Causes users to feel like they machine is capable of more than it is
Error messages
- Audio 0:57:36.825977
- Use proper capitalization
- Tell how to resolve it
- Tell the location of the error
- Don’t use harsh wording
Vocab
Term | Definition |
---|---|
grouping field layout guidelines | group spatially, with lines, with color, or separate by screen |
sequence guidelines | being able to go back and progress indicators |
view/window management guidelines | keep layout manageable, coordination, navigation between windows |
good uses of animation | getting attention, tutorials, entertainment |
mistakes on web-based displays | making text too small, having too much content, burying information too deep, confusing navigation, putting information in unexpected places, unclear links, bad tables, bad colors, bad forms, or missing features |
color guidelines | small number of colors, color for specific things, universal usability (colorblindness) |