Index

A note on the digital index

A link in an index entry is displayed as the section title in which that entry appears. Because some sections have multiple index markers, it is not unusual for an entry to have several links to the same section. Clicking on any link will take you directly to the place in the text in which the marker appears.

A

About.com website
Feature, Search, and Browse pattern and, How
Accordion pattern
about, Examples
Collapsible Panels pattern and, What
List Inlay pattern and, Why, Examples
Module Tabs pattern and, What
page layout considerations, Visual Flow: What Should I Look at Next?, Using Dynamic Displays
Titled Sections pattern and, Examples
Two-Panel Selector pattern and, How
action and command patterns
Action Panel, What, Why, Putting the Action Panel on the UI, Examples
Button Groups, What–Examples, How, Examples
Cancelability, The Patterns, What–Examples, How, Examples
Command History, The Patterns, What, Use when, Examples
Hover Tools, What–In other libraries, Why, Examples, Examples, In other libraries
Macros, The Patterns, What–Examples, Defining the macro, Examples
Multi-Level Undo, The Patterns, What, Why, Undoable operations, Examples
Preview, The Patterns, What–How, How, In other libraries, How
Progress Indicator, The Patterns, What, How, Examples
Prominent “Done” Button, The Patterns, What, How
Smart Menu Items, The Patterns, What, How, What
Action Button pattern, In other libraries
Action Panel pattern
about, Why
Hover Tools pattern and, Why
reasons for using, Why
actions and commands
about, The Patterns
best practices, Doing Things: Actions and Commands
common functionality considerations, Doing Things: Actions and Commands
common renderings, Doing Things: Actions and Commands–Pushing the Boundaries, Pushing the Boundaries
creative use of, Pushing the Boundaries–Pushing the Boundaries, Pushing the Boundaries, Pushing the Boundaries
GarageBand example, Pushing the Boundaries–Pushing the Boundaries, Pushing the Boundaries, Pushing the Boundaries, Pushing the Boundaries
invisible, Doing Things: Actions and Commands
labeling actions, Labeling the actions
structuring actions, Structuring the actions
suggested interface goals, Doing Things: Actions and Commands
undoable, Undoable operations
activity streams, How
ad blindness, How to make things look important
AdLucent.com website, In other libraries
Adobe AIR, Examples
Adobe Bridge, The browsing interface, Examples
Adobe CS5, In other libraries
Adobe Fireworks, Examples
Adobe Flash Builder
Button Groups pattern and, How
Canvas Plus Palette pattern and, Examples
Adobe Illustrator
Alternative Views pattern and, How, Examples
Smart Menu Items pattern and, How
Adobe Photoshop
Canvas Plus Palette pattern and, What, Why
color in visual design and, The Basics of Visual Design
Command History pattern and, Examples
Dropdown Chooser pattern and, How
Good Defaults pattern and, Examples
Macros pattern and, What
Movable Panels pattern and, Examples
Multi-Level Help pattern and, Examples
Multi-Level Undo pattern and, What, Why
Overview Plus Detail pattern and, How
Streamlined Repetition pattern and, Streamlined Repetition
Structured Format pattern and, What
affordances in interface design, Pushing the Boundaries
Ahlberg, Christopher, In other libraries
AIGA website, How, Examples, Examples, Examples
Aldrin, Buzz, Examples
Alphabet Scroller pattern
about, What–How, How
information graphics and, The Patterns
alternating row colors, In other libraries
Alternative Views pattern
showing one single thing, Show a List of Things
Amazon website
Autocompletion pattern and, What
Bottom Navigation pattern and, What–Examples, Examples
Carousel pattern and, How
Feature, Search, and Browse pattern and, What
Other People’s Advice pattern and, Other People’s Advice
Settings Editor pattern and, Examples
Sign-in Tools pattern and, How
American Red Cross website
Fat Menus pattern and, Examples
News Box pattern and, What
Repost and Comment pattern and, Examples
Social Links pattern and, Examples
Timing Strategy pattern and, Examples
Animated Transition pattern
about, The Patterns, Use when–In other libraries, In other libraries
Local Zooming pattern and, Examples
Annotated Scrollbar pattern
about, The Patterns, How
Alphabetical Scroller pattern and, What
Carousel pattern and, Examples
Apple Corporation
brand loyalty and, Making It Look Good: Visual Style and Aesthetics
Input Prompt pattern and, How
Apple iPad, Examples
associative navigation, Navigational Models, Design Conventions for Websites
Autocompletion pattern
about, How
form design and, The Basics of Form Design
mobile device design and, The Challenges of Mobile Design
Same-Page Error Messages pattern and, How
AutoTrader website, What, Examples
axes (information graphics), The Actual Data: What Are the Specific Data Values?

B

Baby Name Wizard, Examples
backgrounds
Deep Background pattern and, What–Examples, How, How, Examples, Examples
images as, Examples
visual design considerations, What This Means for Desktop Applications
bacterium, genomic chart, In other libraries
BBN Cornerstone package, What–In other libraries, How, Examples, In other libraries
Deferred Choices, Deferred Choices
Habituation, Habituation
Incremental Construction, Incremental Construction
Instant Gratification, Instant Gratification
Keyboard Only, Keyboard Only
Microbreaks, Microbreaks, Why
Personal Recommendations, Personal Recommendations
Prospective Memory, Prospective Memory
Safe Exploration, The Patterns
Satisficing, Satisficing
Spatial Memory, Spatial Memory
Bing website, What
Blitzer, Wolf, Examples
Blogger website
Input Hints pattern and, Examples, Examples
Password Strength Meter pattern and, Examples
Recent Chatter pattern and, How
blogging
Content Leaderboard pattern and, What
Recent Chatter pattern and, What–Examples, Examples
Social Links pattern and, What–Examples, Examples, What
Specialized Streams pattern and, What–Examples, How, Examples, Examples, Examples
Timing Strategy pattern and, How
Bly, Robert, How
Boing Boing website
Conversation Starters pattern and, What
Sharing Widget pattern and, How
bookmarks
Deep-linked State pattern and, What
navigation considerations, Navigational Models
borders
Borders That Echo Fonts pattern and, What–Examples, Examples, Examples
Hairlines pattern and, What
Borders That Echo Fonts pattern
about, The Patterns
desktop applications and, What This Means for Desktop Applications
repeated visual motifs, Repeated Visual Motifs
Boston Globe website, Examples
Boston.com website
mobile device design and, Some Worthy Examples, Some Worthy Examples
Thumbnail-and-Text List pattern and, Examples
Bottom Navigation pattern, The Patterns, What
brands
Conversation Starters pattern and, How
importance of identity, Making It Look Good: Visual Style and Aesthetics
online communities and, What This Chapter Does Not Cover
Personal Voices pattern and, What
Streamlined Branding pattern and, Why–Examples, Examples, Examples
visual style and, Making It Look Good: Visual Style and Aesthetics
Breadcrumbs pattern
about, The Patterns, Why
Escape Hatch pattern and, What
Sequence Map pattern and, What
Settings Editor pattern and, Examples
Visual Framework pattern and, How
Button Groups pattern
Picture Manager pattern and, What–In other libraries, The Thumbnail Grid, In other libraries
buttons
form design considerations, Lists of Items, Lists of Items, Text, Numbers, Numbers, Dates or Times

C

Cancelability pattern
about, The Patterns, Why–Examples, Examples
Progress Indicator pattern and, How
Canvas Plus Palette pattern
about, Provide Tools to Create a Thing–The Patterns, The Patterns
Movable Panels pattern and, What
navigation considerations, Navigational Models
providing tools to create things, Provide Tools to Create a Thing
Card Stack pattern, How
Carousel pattern
about, Use when, How
Filmstrip pattern and, How
list display considerations, Some Solutions
mobile device design and, The Patterns
Cartifact website, Examples, In other libraries
Cascading Lists pattern
about, How
list display considerations, Some Solutions
organizational model for, Preattentive Variables: What’s Related to What?
Tree Table pattern and, What
case studies, The Basics of User Research
Center Stage pattern
about, How
Action Panel pattern and, Why
Collapsible Panels pattern and, Examples
Content Leaderboard pattern and, Examples
form design and, The Patterns
Changes in Midstream pattern, Changes in Midstream
Chipotle website, Examples
Chrome developer tools
Accordion pattern and, Examples
Annotated Scrollbar pattern and, Examples
Breadcrumbs pattern and, Examples
Circos website, Why, In other libraries
citation patterns, Examples
Clear Entry Points pattern
about, The Cost of Navigation
Cleveland, William, Examples
CLIs (command-line interfaces), Doing Things: Actions and Commands
Closable Panels pattern, How
closure (Gestalt principle)
page layout considerations, How to make things look important
Prominent “Done” Button pattern and, What
Row Striping pattern and, Why
CNET website, Examples
CNN website
Alternative Views pattern and, In other libraries
Grid of Equals pattern and, How, Examples
Personal Voices pattern and, Examples
Collapsible Panels pattern
about, Use when–Use when, Use when
Accordion pattern and, Use when
Action Panel pattern and, Examples
Animated Transition pattern and, What
Dashboard pattern and, What
Multi-Level Help pattern and, Why–Examples, Examples
collective intelligence, What This Chapter Does Not Cover
Colly.com website, Examples
color
Few Hues, Many Values pattern and, What–Examples, How, Examples
in visual design, Color
Password Strength Meter pattern and, Why
Treemap pattern and, How
color-block technique, Why
Command History pattern
about, The Patterns
Macros pattern and, Defining the macro
Multi-Level Undo pattern and, Examples
Command pattern, The Patterns
command-line interfaces (CLIs), Doing Things: Actions and Commands
Constantine, Larry, Design an undo stack
Content Leaderboard pattern
about, How
navigation considerations, Navigational Models
Sharing Widget pattern and, How
social media principles and, The Basics of Social Media
continuity (Gestalt principle)
information graphics considerations, Organizational Models: How Is This Data Organized?–Navigation and Browsing: How Can I Explore This Data?, Navigation and Browsing: How Can I Explore This Data?
page layout considerations, How to show relationships among page elements
Right/Left Alignment pattern and, Why
Contrasting Font Weights pattern, The Patterns, What, Examples, Examples
controls
collecting text input, Text
for constructing ordered lists, Lists of Items
for constructing unordered lists, Lists of Items
for dates and times, Dates or Times
for entering numbers, Numbers, Numbers
for entering subranges, Numbers
for selecting many of N items, Lists of Items
for selecting one of N items, Lists of Items, Lists of Items
for selecting one of two options, Lists of Items
Conversation Starters pattern
Repost and Comment pattern and, Examples
social media principles and, The Basics of Social Media
Cooper, Alan, Why, How
Cooper, Anderson, Examples
coordinated views, defined, Why
coplot, defined, Examples
Copyblogger website
Inverted Nano-pyramid pattern and, How
Corner Treatments pattern
about, The Patterns
Cover Flow carousel, Examples
Craigslist website, What, Examples
crowdsourcing, Why, Why
Crumlish, Christian, What This Chapter Does Not Cover
Csikszentmihalyi, Mihaly, Incremental Construction
CSS Zen Garden website
angles and curves in, Angles and Curves
color in visual design, Color
Hairlines pattern and, How
images in visual design, Images
spaciousness and crowding in, Spaciousness and Crowding
texture and rhythm in, Texture and Rhythm, Images
typography in visual design, Typography
visual style and, Making It Look Good: Visual Style and Aesthetics–Same Content, Different Styles, Same Content, Different Styles
CulinaryCulture.com website, In other libraries
cultural references in visual design, Cultural References

D

Dakine website, Examples
Dashboard pattern
about, Why–In other libraries, Examples, In other libraries
additional information, In other libraries
Data Brushing pattern
about, The Patterns, The Patterns
Dynamic Queries pattern and, Why
data dimensions
preattentive variables and, Preattentive Variables: What’s Related to What?
Small Multiples pattern and, What–In other libraries, How, Examples, In other libraries
Treemap pattern and, What–In other libraries, Why, Examples, In other libraries
data presentation patterns
Data Brushing, Searching and Filtering: How Can I See Only the Data That I Need?, The Actual Data: What Are the Specific Data Values?, The Patterns, What, How, Examples, In other libraries
Data Spotlight, The Actual Data: What Are the Specific Data Values?, Use when, Why, Examples, Examples
Datatips, The Actual Data: What Are the Specific Data Values?, What–Why, Why, How, Examples, Why
Dynamic Queries, Searching and Filtering: How Can I See Only the Data That I Need?, What, How, Examples, In other libraries
Local Zooming, Navigation and Browsing: How Can I Explore This Data?, The Patterns, What, Why, Examples
Multi-Y Graph, Organizational Models: How Is This Data Organized?, What, Why, Examples, Examples
Overview Plus Detail, Navigation and Browsing: How Can I Explore This Data?, What, Examples, In other libraries
Radial Table, Organizational Models: How Is This Data Organized?, What, Why, How, Examples
Small Multiples, Use when–In other libraries, How, In other libraries
Sortable Table, Organizational Models: How Is This Data Organized?, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?, What, Why, Examples
Tree Table, Organizational Models: How Is This Data Organized?
Treemap, Organizational Models: How Is This Data Organized?, Why, How, Examples
Data Spotlight pattern
about, The Patterns
Datatips pattern and, How
Radial Table pattern and, How
Datatips pattern
about, The Patterns, Examples
Data Spotlight pattern and, Use when, Why
Local Zooming pattern and, Why
DateLens calendar, What, How
Deep Background pattern
about, The Patterns, How, How
Deep-linked State pattern
about, Why–Examples, Examples
Personal Recommendations pattern and, Personal Recommendations
Deferred Choices pattern
about, Changes in Midstream
Prospective Memory pattern and, Prospective Memory
Design For Mobile pattern library, 5. Optimize the most common interaction sequences
desktop applications, visual design and, What This Means for Desktop Applications–The Patterns, What This Means for Desktop Applications, The Patterns
Detail Inlays pattern, In other libraries
Diagonal Balance pattern
page layout considerations, Visual Flow: What Should I Look at Next?
Dialog Inlays pattern, In other libraries
Dialog Overlay pattern, In other libraries
Digg website
News Stream pattern and, How
Pagination pattern and, Examples
direct observation, The Basics of User Research
Directory Navigation pattern, In other libraries
disabilities, visual design and, What This Means for Desktop Applications
Dopplr website, Examples, Examples
double-clicking on items, Doing Things: Actions and Commands
drag-and-drop action, Doing Things: Actions and Commands
drill-down technique
information graphics considerations, Navigation and Browsing: How Can I Explore This Data?
Dropdown Chooser pattern
form design and, Dates or Times
Hover Tools pattern and, Examples
Drupal.org website
Liquid Layout pattern and, Examples
Pagination pattern and, In other libraries
dwell time, How
dynamic indicators, How
Dynamic Queries pattern
about, Examples
Data Brushing pattern and, What

E

eBay website
Fill-in-the-Blanks pattern and, Examples
Ecoki website, Examples
Editorial Mix pattern
about, Why–Examples, How, Examples
Repost and Comment pattern and, What
Eigenfactor Project, Examples
Emacs’ incremental-search facility, Examples
email applications
Autocompletion pattern and, How
Forgiving Format pattern and, Examples
Infinite List pattern and, What–Examples, Examples, Examples
Input Hints pattern and, In other libraries
List Builder pattern and, What
One-Window Drilldown pattern and, What
Password Strength Meter pattern and, What
Smart Menu Items pattern and, What
EMS website, Examples
Engadget website, Examples
EngagementDB, Examples
Epicurious website
Editorial Mix pattern and, The Patterns
error messages, What–In other libraries, Why, Examples, In other libraries, In other libraries
Escape Hatch pattern
about, The Cost of Navigation, Why–What, Examples, What
Modal Panel pattern and, How
Wizard pattern and, Physical structure
ESPN website
Vertical Stack pattern and, Why

F

Facebook website
Editorial Mix pattern and, What
Inverted Nano-pyramid pattern and, What
News Stream pattern and, What, Why, Examples, Use when
Settings Editor pattern and, Examples
Sharing Widget pattern and, What
Thumbnail Grid pattern and, Examples
Timing Strategy pattern and, What–Examples, Examples
faceted browsing, Why
Fandango website, Examples
Fat Footer pattern, In other libraries
Fat Menus pattern
navigation considerations, Navigational Models
Sitemap Footer pattern and, What, Why
Feature, Search, and Browse pattern
about, Provide Tools to Create a Thing, Why–How, How, How
showing lists of things, Show a List of Things
feedback mechanisms, The Basics of Social Media
Few, Stephen, In other libraries
Fidelity.com website, Some Worthy Examples
Fill-in-the-Blanks pattern
about, How
Filmstrip pattern
about, The Patterns, How
filters
Adobe Bridge support, Examples
navigation and, Navigation and Browsing: How Can I Explore This Data?–Navigation and Browsing: How Can I Explore This Data?, Navigation and Browsing: How Can I Explore This Data?
viewing data selectively, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?–The Actual Data: What Are the Specific Data Values?, Searching and Filtering: How Can I See Only the Data That I Need?, Searching and Filtering: How Can I See Only the Data That I Need?, The Actual Data: What Are the Specific Data Values?
fisheye lenses, Use when, Why
flat lists, Use when
flat navigation model, Navigational Models
Flickr website
browsing interface, The browsing interface, Examples
Data Brushing pattern and, Examples
List Builder pattern and, Examples
Loading Indicators pattern and, Why
News Box pattern and, Examples
Pyramid pattern and, How
Sign-in Tools pattern and, What
Sitemap Footer pattern and, Examples
Fling, Brian, How to Approach a Mobile Design
flow, state of, Incremental Construction, Why
Ford website
News Box pattern and, Examples
Forgiving Format pattern
about, Why–In other libraries, How, In other libraries
form design and, Numbers
Input Hints pattern and, How
form and control patterns
Autocompletion, The Patterns, Use when–In other libraries, Why, How, Examples, In other libraries
Dropdown Chooser, The Patterns, What, How, In other libraries
Fill-in-the-Blanks, The Patterns, What–In other libraries, In other libraries
Forgiving Format, The Patterns, What, Examples
Good Defaults, The Basics of Form Design, The Patterns, What, Why
Input Hints, The Basics of Form Design, The Patterns, What, Examples
Input Prompt, The Patterns, What, Examples
List Builder, The Patterns, Why
Password Strength Meter, The Basics of Form Design, In other libraries
Same-Page Error Messages, The Basics of Form Design, What
Structured Format, The Basics of Form Design, The Patterns, Why, How
form design
control selection factors, The Basics of Form Design, Control Choice, Control Choice, Lists of Items, Lists of Items, Text, Text, Numbers, Dates or Times
principles of, The Basics of Form Design–The Basics of Form Design, The Basics of Form Design
Formulate Information Design, Why
FriendFeed media site, How
fully connected navigational model, Navigational Models

G

GarageBand application, Pushing the Boundaries–Pushing the Boundaries, Pushing the Boundaries, Pushing the Boundaries, Pushing the Boundaries
gatekeeper forms, The Patterns
Generous Borders pattern, What–Examples, Examples
Gestalt principles
Button Groups pattern and, What
information graphics considerations, Preattentive Variables: What’s Related to What?, Preattentive Variables: What’s Related to What?, Navigation and Browsing: How Can I Explore This Data?–Navigation and Browsing: How Can I Explore This Data?, Navigation and Browsing: How Can I Explore This Data?
Getty Museum website, In other libraries
global navigation
defined, Navigational Models
Fat Menus pattern and, Why
Liquid Layout pattern and, Design Conventions for Websites
GNOME application themes., What This Means for Desktop Applications
Good Defaults pattern
about, Use when–In other libraries, Why, Examples, In other libraries
Deferred Choices pattern and, Deferred Choices
New-Item Row pattern and, What
Good website, Examples, Examples
Google Analytics, Examples, In other libraries
Google Books
Deep-linked State pattern and, Examples
Google Docs
Center Stage pattern and, How
Responsive Disclosure pattern and, Examples
text editor, Examples
Google Finance, Examples
Google Labs, Examples
Google Maps
Alternative Views pattern and, What
Datatips pattern and, Examples
Escape Hatch pattern and, Examples
Google News
Vertical Stack pattern and, What
Google Public Data Explorer
Dynamic Queries pattern and, What
Google Trends, Examples
Google website
Text Clear Button pattern and, What
Thumbnail-and-Text List pattern and, Examples
Grid of Equals pattern
about, How
repeated visual motifs and, Repeated Visual Motifs
Thumbnail Grid pattern and, Why
Grooveshark website
Hover Tools pattern and, Examples
Progress Indicator pattern and, Examples
Gunn, Tim, What

H

Habituation pattern, Habituation–Habituation, Habituation, Habituation
Hairlines pattern
about, The Patterns
Hanna Andersson website
Thumbnail Grid pattern and, What
Henry, Ed, Examples
HermitageMuseum.org website, What
Home Link pattern, In other libraries
Hotmail website, In other libraries
Hsieh, Tony, What
hub and spoke navigational model, Navigational Models
Hulu website, Examples, In other libraries
human behavior
about, Users’ Motivation to Learn–Safe Exploration, The Patterns, Safe Exploration
basics of user research for, The Basics of User Research–Users’ Motivation to Learn, Users’ Motivation to Learn
motivation to learn and, Users’ Motivation to Learn–The Patterns, Users’ Motivation to Learn, The Patterns
tool usage and, A Means to an End, Users’ Motivation to Learn, Users’ Motivation to Learn

I

IA (information architecture)
list displays, Use Cases for Lists
iBird Explorer, Examples
iGoogle, Examples, Examples
Image Browser pattern, In other libraries
images
as backgrounds, Examples
visual design considerations, Images
Incremental Construction pattern
about, Incremental Construction
indicators
dynamic, How
Loading Indicators pattern and, What–Examples, Examples
Progress Indicator pattern and, The Patterns, What
static, How
information graphics
about, The Patterns
accessing specific values, The Actual Data: What Are the Specific Data Values?–The Patterns, The Patterns, The Patterns
Gestalt principles, Preattentive Variables: What’s Related to What?–Navigation and Browsing: How Can I Explore This Data?, Navigation and Browsing: How Can I Explore This Data?
navigation and browsing, Navigation and Browsing: How Can I Explore This Data?–Navigation and Browsing: How Can I Explore This Data?, Navigation and Browsing: How Can I Explore This Data?
organizational models, Organizational Models: How Is This Data Organized?
searching and filtering, Searching and Filtering: How Can I See Only the Data That I Need?–The Actual Data: What Are the Specific Data Values?, Searching and Filtering: How Can I See Only the Data That I Need?, The Actual Data: What Are the Specific Data Values?
sorting and rearranging data, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?
user’s goal, The Basics of Information Graphics
information visualization
additional information, In other libraries
organizational models, Organizational Models: How Is This Data Organized?
radial graphics and, Why
“focus plus context” mantra, Navigation and Browsing: How Can I Explore This Data?
Infragistics, In other libraries
inline navigation, Navigational Models
Input Error Message pattern, Examples
Input Feedback pattern, In other libraries
Input Hints pattern
about, How, Examples
Forgiving Format pattern and, Examples
Input Prompt pattern and, What
Password Strength Meter pattern and, In other libraries
Input Prompt pattern
about, How
Structured Format pattern and, How
interface design
accessing specific data values, The Actual Data: What Are the Specific Data Values?–The Patterns, The Actual Data: What Are the Specific Data Values?, The Patterns
affordances, Pushing the Boundaries
information graphics considerations, The Basics of Information Graphics
positive affect in, Making It Look Good: Visual Style and Aesthetics
understanding motivation to learn, Users’ Motivation to Learn–The Patterns, The Patterns
Inverted Nano-pyramid pattern
about, How
News Box pattern and, Why
social media principles and, The Basics of Social Media
Inxight TableLens
Sortable Table pattern and, Why
iPad (Apple), Examples
iPhone
Filmstrip pattern and, What
Text Clear Button pattern and, Use when
Thumbnail-and-Text List pattern and, What–Examples, Examples
Touch Tools pattern and, What, Examples
iPhoto application
Action Panel pattern and, What
browsing interface, The browsing interface
iTunes
Row Striping pattern and, How
Sortable Table pattern and, What
iWeb application
Dropdown Chooser pattern and, Examples
Module Tabs pattern and, Examples

J

JAWS screen reader, What This Means for Desktop Applications
JetBlue website
Corner Treatments pattern and, What, How
Prominent “Done” Button pattern and, Examples
Row Striping pattern and, What
Johnson, Joshua, In other libraries
Jump to Item pattern
about, Why–Examples, Examples, Examples

K

KaleidoscopeApp.com website, Examples
Kayak website
Good Defaults pattern and, What
List Inlay pattern and, What
Modal Panel pattern and, Examples
Keyboard Only pattern
Two-Panel Selector pattern and, Why
Kitchen Table Math website, What–Examples, Examples
Kobo website, Examples, Examples
Krug, Steve, Satisficing

L

labels
form design and, The Patterns
information graphics considerations, The Actual Data: What Are the Specific Data Values?
Right/Left Alignment pattern and, The Patterns
Last.fm website, In other libraries
layering, defined, Preattentive Variables: What’s Related to What?
layout grids, defined, How
lazy loading, How
legends (information graphics), The Actual Data: What Are the Specific Data Values?
Levi’s website, Examples
Lexus navigation system, Examples, In other libraries
lightbox effect, How
Linked Multiples pattern, In other libraries
linked views, defined, Why
Liquid Layout pattern
global navigation and, Design Conventions for Websites
list display patterns
Carousel, Some Solutions, What, Why, How, Examples, Examples
Cascading Lists, Some Solutions, What
Jump to Item, What–Examples, Examples, Examples
List Inlay, Some Solutions, Why, In other libraries
One-Window Drilldown, Some Solutions, Examples
Pagination, What–In other libraries, How, In other libraries
Row Striping, Some Solutions, Why, Examples, Examples
Sortable Table, The Patterns
Thumbnail Grid, Some Solutions, Examples
Tree Table, Some Solutions, Examples
Two-Panel Selector, What–In other libraries, Examples, In other libraries
list displays
Radial Table pattern and, What–In other libraries, Why, Why, In other libraries
salient characteristics, Back to Information Architecture–Some Solutions, Some Solutions
selecting controls for, Lists of Items–Dates or Times, Lists of Items, Lists of Items, Lists of Items, Lists of Items, Lists of Items, Text, Numbers, Numbers, Numbers, Dates or Times
List Inlay pattern
about, Use when–In other libraries, In other libraries
list display considerations, Back to Information Architecture
One-Window Drilldown pattern and, Examples
Live Preview pattern, In other libraries
LiveJournal website, Examples
Loading Indicators pattern, What, Examples
Local Zooming pattern
about, The Patterns, Examples
Datatips pattern and, Why
Lockwood, Lucy, Design an undo stack
logos
clickable on websites, Examples
Los Angeles Times website, Examples
Lulu website, Examples

M

Mac operating system
Action Panel pattern and, Putting the Action Panel on the UI
Cancelability pattern and, How
Cascading Lists pattern and, Some Solutions, What, Why
desktop applications and visual design, What This Means for Desktop Applications
Jump to Item pattern and, What
Liquid Layout pattern and, What, Examples
Modal Panel pattern and, In other libraries
Right/Left Alignment pattern and, What, Examples
Settings Editor pattern and, What
Thumbnail Grid pattern and, Examples
Two-Panel Selector pattern and, What
MacPaint application, Examples
macro and micro readings, Why
Macros pattern
about, The Patterns
Malone, Erin, What This Chapter Does Not Cover
Many Eyes project (IBM), Examples, Examples, Examples, Examples
Many Workspaces pattern
about, Use when–Examples, Examples
Changes in Midstream pattern and, Changes in Midstream
maps
navigation considerations, The Cost of Navigation
pan-and-zoom technique and, Navigational Models
Marriott website, What
Mashable website
Sharing Widget pattern and, In other libraries
MATLAB application
Command History pattern and, What
Multi-Y Graph pattern and, Examples
Menu Page pattern
about, What–Why, Use when, Examples, Why
navigational model for, Navigational Models
Mercedes-Benz website, Examples
Microbreaks pattern
mobile device design and, 1. What do users in a mobile context actually need?
Microsoft Corporation
Fat Menus pattern and, What
Microsoft Money 2000, What This Means for Desktop Applications
Microsoft Office applications
Accordion pattern and, What
Annotated Scrollbar pattern and, Examples
Dropdown Chooser pattern and, What
Module Tabs pattern and, How
Preview pattern and, What
Wizard pattern and, Examples
Mini Cooper website
Diagonal Balance pattern and, Examples
product configurator, Examples
Sequence Map pattern and, Examples
MIT website, How, Examples
mobile device patterns
Bottom Navigation, The Patterns, Examples
Filmstrip, The Patterns, Examples
Richly Connected Apps, Why, Examples
Touch Tools, The Patterns, Examples
Vertical Stack, 4. Linearize your content, The Patterns, How
mobile devices
additional design information, 5. Optimize the most common interaction sequences
Autocompletion pattern and, Why
design approaches, The Challenges of Mobile Design–Some Worthy Examples, 1. What do users in a mobile context actually need?, Some Worthy Examples, Some Worthy Examples
design challenges, The Challenges of Mobile Design–The Patterns, The Challenges of Mobile Design, Some Worthy Examples, The Patterns, The Patterns
design considerations, Going Mobile
design examples, Some Worthy Examples–Some Worthy Examples, Some Worthy Examples
design pattern overview, The Patterns
Menu Page pattern and, What
navigation considerations, Navigational Models
organizing content and, Show One Single Thing
Mochimedia website, Examples
Modal Panel pattern
about, The Cost of Navigation, Why–In other libraries, In other libraries
navigation considerations, Examples
Module Tabs pattern
about, How
Mothering.com website, In other libraries
motivation to learn, Users’ Motivation to Learn–The Patterns, Users’ Motivation to Learn, Users’ Motivation to Learn, The Patterns
Movable Panels pattern
about, Examples–In other libraries, In other libraries
Dashboard pattern and, How
Spatial Memory pattern and, Spatial Memory
MSN website, Examples, Examples
MSNBC website, What
Mullet, Kevin, How
Multi-Level Help pattern
Other People’s Advice pattern and, Other People’s Advice
user motivation to learn and, Users’ Motivation to Learn
multi-level navigational model, Navigational Models
Multi-Level Undo pattern
about, The Patterns, Why, Undoable operations
Command History pattern and, Why
Museum of Modern Art website
Menu Page pattern and, Examples
Mysteriously Dimmed Menu Items, How

N

National Cancer Institute website, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?
National Film Board of Canada, Examples
natural language output, How
navigation
cognitive costs, Staying Found
common techniques, Navigation and Browsing: How Can I Explore This Data?–Navigation and Browsing: How Can I Explore This Data?, Navigation and Browsing: How Can I Explore This Data?, Navigation and Browsing: How Can I Explore This Data?
environmental clues and, Staying Found
maps and, Staying Found
performance costs, The Cost of Navigation
signage and, Staying Found
signposts and, Staying Found
wayfinding and, Staying Found
website design considerations, Navigational Models
navigation patterns
about, The Patterns
Animated Transition, The Patterns, Use when, Why
Annotated Scrollbar, Staying Found, The Patterns, What
Breadcrumbs, Staying Found, The Patterns, What–In other libraries, Why, Examples, In other libraries
Clear Entry Points, Staying Found, Navigational Models, Navigational Models, What, How
Deep-linked State, Navigational Models, What, Examples
Escape Hatch, Staying Found, Navigational Models, What, Examples, In other libraries
Fat Menus, Navigational Models, Design Conventions for Websites, Why, Examples
Menu Page, Navigational Models, Use when, How, Examples, Examples, In other libraries
Modal Panel, Staying Found, Navigational Models, Navigational Models, What, How, Examples
Overview Plus Detail, Staying Found
Pyramid, Navigational Models, What–Examples, Examples, Examples
Sequence Map, Staying Found, Staying Found, The Patterns, What, Examples, In other libraries
Sign-in Tools, Design Conventions for Websites, What, Examples
Sitemap Footer, Navigational Models, Design Conventions for Websites, Why, Examples, Examples
navigational models
associative navigation, Design Conventions for Websites
bookmarks, Navigational Models
escape hatch, Navigational Models
fully connected, Navigational Models
global navigation, Navigational Models, Design Conventions for Websites, Why
hub and spoke, Navigational Models
modal panel, Navigational Models
multi-level, Navigational Models
pan-and-zoom, Navigational Models
pyramid, Navigational Models
stepwise, Navigational Models
NBA.com website, 2. Strip the site or app down to its essence
Neil, Theresa
Blank Slate Invitation, Provide Tools to Create a Thing
list inlays, In other libraries
transition patterns, In other libraries
types of application structures, The Big Picture
Netflix website, Examples, What
Netvibes website, Examples
New York Times website
Carousel pattern and, Examples
Fill-in-the-Blanks pattern and, What
Multi-Y Graph pattern and, What
Overview Plus Detail pattern and, Examples
News Box pattern
about, Use when–Examples, Why, Examples, Examples
Menu Page pattern and, How
News Stream pattern
about, What–Examples, How, How, Examples, Examples
Many Workspaces pattern and, What, How
Microbreaks pattern and, Microbreaks
Newsmap application, Examples
NeXTSTEP File Viewer, Examples, In other libraries
Nielsen Norman Group, 5. Optimize the most common interaction sequences
Nike website, What, Examples
Nokia (company), How
Norman, Donald, Making It Look Good: Visual Style and Aesthetics
NPR website, Examples
numbers, entering in forms, Numbers, Numbers

O

One-off Modes pattern, How
One-Window Drilldown pattern
about, Use when–Examples, Examples, Examples
Picture Manager pattern and, In other libraries
Settings Editor pattern and, Why
Two-Panel Selector pattern and, Examples
OneHourCourses.com website, Examples
online communities
brands and, What This Chapter Does Not Cover
OnlineMBARankings.com website, In other libraries
Oracle website, How
ordered lists, constructing, Lists of Items
organizing content
about, Organizing the Content: Information Architecture and Application Structure, Provide Tools to Create a Thing
facilitating single tasks, Facilitate a Single Task
providing tools for, Show a List of Things
showing lists of things, Show a List of Things
social media considerations, How
treemap design considerations, Why
organizing content patterns
Alternative Views, What–Examples, How, Examples, Examples
Dashboard, Why–In other libraries, How, Examples, In other libraries, In other libraries
Many Workspaces, Use when–Examples, Examples
Multi-Level Help, What–Examples, Examples, Examples
News Stream, Why–Examples, How, Examples, Examples
Settings Editor, Why–Examples, Examples, Examples
Wizard, What–In other libraries, “Chunking” the task, Examples, Examples, In other libraries
Other People’s Advice pattern, Other People’s Advice
Overview Plus Detail pattern
about, The Cost of Navigation, Navigation and Browsing: How Can I Explore This Data?, Examples
O’Reilly, Tim, Examples

P

page layout
dynamic displays, Using Dynamic Displays
visual flow, Visual Flow: What Should I Look at Next?–Visual Flow: What Should I Look at Next?, Visual Flow: What Should I Look at Next?, Visual Flow: What Should I Look at Next?, Visual Flow: What Should I Look at Next?, Visual Flow: What Should I Look at Next?
visual hierarchy, The Basics of Page Layout–Visual Flow: What Should I Look at Next?, How to make things look important, How to make things look important, How to show relationships among page elements, Visual Flow: What Should I Look at Next?, Visual Flow: What Should I Look at Next?
page layout patterns
Accordion, How, How, Examples
Center Stage, The Patterns, What, Use when, How
Collapsible Panels, Using Dynamic Displays, Use when, Examples, In other libraries
Diagonal Balance, Visual Flow: What Should I Look at Next?, The Patterns, What, Why
Grid of Equals, The Patterns, What
Liquid Layout, The Patterns
Module Tabs, How to show relationships among page elements, Using Dynamic Displays, How
Movable Panels, Using Dynamic Displays, Use when, Why, How, In other libraries
Responsive Disclosure, Using Dynamic Displays, The Patterns, What, Why
Responsive Enabling, Using Dynamic Displays, The Patterns, What
Right/Left Alignment, Visual Flow: What Should I Look at Next?, The Patterns, Why
Titled Sections, Using Dynamic Displays, What
Visual Framework, The Patterns, What, How
Pagination pattern
about, Examples
Palette/Canvas screen layout, In other libraries
pan-and-zoom navigational model, Navigational Models
Partners in Health website, Examples
Password Strength Meter pattern
about, Use when, Examples
PayPal website, Examples, Examples
Perl commmunity website, What
Personal Recommendations pattern
about, Personal Recommendations
personas, The Basics of User Research
photostream sequence, Examples
Picasa application
Accordion pattern and, How
browsing interface, The browsing interface
Preview pattern and, How
Picture Manager pattern
about, Provide Tools to Create a Thing, The single-item view
Pyramid pattern and, What
positive affect, Making It Look Good: Visual Style and Aesthetics, Making It Look Good: Visual Style and Aesthetics
preattentive variables, Preattentive Variables: What’s Related to What?, Preattentive Variables: What’s Related to What?, Preattentive Variables: What’s Related to What?, Navigation and Browsing: How Can I Explore This Data?, How
Preview pattern, The Patterns, What, Why
Primary Action pattern, In other libraries
Product Configurator pattern, Use when
Progress Indicator pattern
about, The Patterns, How
Cancelability pattern and, What
progressive disclosure, Why, Why
Prominent “Done” Button pattern
about, The Patterns, Why–Use when, Use when
property sheets, Control Choice
pyramid navigational model, Navigational Models
Pyramid pattern
navigation considerations, Navigational Models

R

Radial Table pattern
about, How
Ravelry website, Examples, Examples
Raven vector editor, Examples, Examples
rearranging data, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?–Searching and Filtering: How Can I See Only the Data That I Need?, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?, Searching and Filtering: How Can I See Only the Data That I Need?
Recent Chatter pattern
Yahoo News! and, How
Red Bull website, Examples
reentrance property, Changes in Midstream
REI website
Conversation Starters pattern and, Examples
Sitemap Footer pattern and, Examples
Reimann, Robert, Why, How
Repost and Comment pattern
about, How–Examples, How, Examples
responsive disabling, Examples
Responsive Disclosure pattern
about, Why
Responsive Enabling pattern and, What
Responsive Enabling pattern
about, Why–Examples, Examples, Examples
Responsive Disclosure pattern and, Why
Wizard pattern and, “Chunking” the task
Richly Connected Apps pattern, What
Row Striping pattern
about, Why, Examples
rulers (information graphics), The Actual Data: What Are the Specific Data Values?
RuthsChris.com website, Some Worthy Examples

S

Safe Exploration pattern
about, The Patterns
Saffer, Dan, 5. Optimize the most common interaction sequences, How
San Francisco Crimespotting project
Data Spotlight pattern and, How
Dynamic Queries pattern and, In other libraries
Sano, Darrell, How
sans-serif fonts, Typography, How
SAP website, How
Satisficing pattern
about, Satisficing
user motivation to learn and, Users’ Motivation to Learn
scales (information graphics), The Actual Data: What Are the Specific Data Values?
Scott, Bill
Blank Slate Invitation, Provide Tools to Create a Thing
list inlays, In other libraries
searching
navigation and, Navigation and Browsing: How Can I Explore This Data?–Navigation and Browsing: How Can I Explore This Data?, Navigation and Browsing: How Can I Explore This Data?
Sequence Map pattern
about, The Cost of Navigation, The Patterns
Breadcrumbs pattern and, What
Settings Editor pattern
about, Examples
Movable Panels pattern and, How
utility navigation and, Navigational Models
Sharing Widget pattern
about, Why, How
Shneiderman, Ben, In other libraries, In other libraries
Sierra Club website, Examples
signage, navigation and, Staying Found
signposts, defined, Staying Found
Simon, Herbert, Satisficing
Sitemap Footer pattern
about, Use when–In other libraries, How, Examples, In other libraries
Accordion pattern and, Examples
Skins and Themes pattern
about, The Patterns, Why–Examples, How, Examples
cultural references and, Cultural References
skins versus themes, Why
Slate website
Fat Menus pattern and, Examples
SlideShare website, Examples, Examples
Small Multiples pattern
about, Why–In other libraries, Examples, Examples, In other libraries
Multi-Y Graph pattern and, Examples
Smart Menu Items pattern
about, The Patterns
SmartMoney website, What, Why
Smashing Magazine, In other libraries
SMS messages, How
Social Links pattern
about, Why–Examples, Examples
social media
basic usage principles, The Basics of Social Media–The Basics of Social Media, The Basics of Social Media
basic usage strategies, The Basics of Social Media–The Basics of Social Media, The Basics of Social Media
emerging best practices, Using Social Media
social media patterns
Content Leaderboard, The Basics of Social Media
Conversation Starters, The Basics of Social Media, What, Examples
Editorial Mix, The Basics of Social Media
Inverted Nano-pyramid, The Basics of Social Media
News Box, The Basics of Social Media, What, How, Examples, Examples, Examples
Personal Voices, The Basics of Social Media
Recent Chatter, What–Examples, How, Examples
Repost and Comment, The Basics of Social Media
Sharing Widget, The Basics of Social Media, What, How, Examples
Social Links, The Basics of Social Media, How, Examples
Specialized Streams, The Basics of Social Media, How
Timing Strategy, The Basics of Social Media, Use when
SolidSX Software Explorer application, Examples
Songza website
Pagination pattern and, What
Sortable Table pattern
about, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?, How
sorting data, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?, Sorting and Rearranging: Can I Rearrange This Data to See It Differently?, What, Why, Examples
Southwest website, Examples
sparklines, defined, Use when
Spatial Memory pattern
Movable Panels pattern and, Why
navigation and, Navigation and Browsing: How Can I Explore This Data?
Specialized Streams pattern
about, How
SPOT Adventures website
Data Brushing pattern and, In other libraries
Datatips pattern and, What
spotlight effect, What–Examples, How, Examples, Examples
Spring-Loaded Modes pattern, How
Stanford Web Credibility Project, Making It Look Good: Visual Style and Aesthetics
static indicators, How
Stefaner, Moritz, Examples
Stepwise navigational model, Navigational Models
Streamlined Branding pattern, What–Examples, Examples, Examples
Streamlined Repetition pattern
about, Prospective Memory
Structured Format pattern
about, Why–In other libraries, How, In other libraries
Sumo Paint editor, Examples, Examples
surveys, The Basics of User Research

T

table of contents, Use when
Target website, What, Why, In other libraries
Task Pane pattern, In other libraries
Technorati website, Examples
TED website
browsing interface, Examples
Contrasting Font Weights pattern and, Why–Examples, Examples
Visual Framework pattern and, What
testing, usability, The Basics of Form Design
Text Clear Button pattern, What–Examples, Examples, Examples
themes versus skins, Why
Thumbnail Grid pattern
about, Use when–In other libraries, In other libraries
Carousel pattern and, Why
timeline (information graphics), Examples
Timing Strategy pattern
about, Why–Examples, How, Examples
Titled Sections pattern
about, Why–In other libraries, In other libraries
Center Stage pattern and, Use when
form design and, Getting Input from Users: Forms and Controls
tkdiff application, Examples, Examples
Tognazzini, Bruce, How
tool tips
design suggestions for, Pushing the Boundaries
Touch Tools pattern, The Patterns, What, How
Toyota navigation system, Examples
Tree Table pattern
about, Use when–Examples, Examples
Treemap pattern
about, How
critical design steps, How
organizational models for, Organizational Models: How Is This Data Organized?
trellis plot, Examples
Tufte, Edward
Overview Plus Detail pattern and, What, Use when
Twitter
Hover Tools pattern and, What
Input Hints pattern and, What
News Stream pattern and, Show a List of Things
Two-Panel Selector pattern
about, Use when–In other libraries, Why, In other libraries
typography
borders and, What
Contrasting Font Weights pattern and, How, Examples
visual design considerations, Typography, Typography, Spaciousness and Crowding

U

UIM/X builder, How
undo stacks, Undoable operations
University of Maryland, In other libraries
unordered lists, constructing, Lists of Items
usability testing, The Basics of Form Design
utility navigation, Navigational Models, What

V

Vancouver Olympics website, How
Vertical Stack pattern
about, The Patterns
mobile device design and, 4. Linearize your content
Visual Basic language, Examples, Examples
visual design
basics of, The Basics of Visual Design
branding and, Making It Look Good: Visual Style and Aesthetics
evoking reactions, Same Content, Different Styles, The Basics of Visual Design
images in, What This Means for Desktop Applications
positive affect and, Making It Look Good: Visual Style and Aesthetics
repeated visual motifs, Repeated Visual Motifs
typography in, Typography
visual design patterns
Borders That Echo Fonts, Repeated Visual Motifs, What This Means for Desktop Applications, The Patterns
Contrasting Font Weights, The Patterns
Corner Treatments, Repeated Visual Motifs, What This Means for Desktop Applications, The Patterns, What, How
Deep Background, What This Means for Desktop Applications, The Patterns
Few Hues, Many Values, Color
Hairlines, Texture and Rhythm, The Patterns, How–Examples, Examples, Examples, Examples
Skins and Themes, Cultural References, The Patterns, What
Visual Studio, Examples
visually impaired users, What This Means for Desktop Applications
Vote to Promote pattern, The Basics of Social Media, How

W

Wall Street Journal website
Radial Table pattern and, Examples
Sitemap Footer pattern and, Examples
wayfinding, defined, Staying Found
Weather.com website, What
web browsers
Multi-Level Help pattern and, Examples
Skins and Themes pattern and, What
WebMD website, Examples
websites
clickable site logos, Examples
curved corner usage in, How
Welie.com, In other libraries
Williamson, Christopher, In other libraries
Windows operating systems
Breadcrumbs pattern and, Why
desktop applications and visual design, What This Means for Desktop Applications
Diagonal Balance pattern and, What
Skins and Themes pattern and, Why
Wizard pattern
about, Use when–In other libraries, Physical structure, Physical structure, Examples, In other libraries
workspaces, defined, How
Wroblewski, Luke, In other libraries, How

X

Xerox Star, How

Y

Yahoo! Developer Network, Examples
Yahoo! pattern library
transition types, Why
YouTube website
browsing interface, The browsing interface, Examples
Collapsible Panels pattern and, Examples

Z

zebra striping, Why, In other libraries
Zillow website, Examples
zooming
Data Brushing pattern and, How
Local Zooming pattern and, What–What, What
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.145.206.169