Index
0-9, and Symbols
37signals
106
A
Accessibility
339–364
alternative
339, 361–363
interactivity and
341
JavaScript and
347–349
navigation
359–361
in pattern libraries
396
progressive enhancement
339, 341–342
RIAs and
339, 363–364
semantic markup and
341–345
standard and regulations
340
style sheets and
345–347
ACCESSIBLE ALTERNATIVE pattern
361–363
Accessible alternatives
creating
361
links
362
requirements
362
types of
362
ACCESSIBLE FORMS pattern
349–352
ACCESSIBLE IMAGES pattern
352–356
ACCESSIBLE NAVIGATION pattern
359–361
ACCESSIBLE TABLES pattern
356–359
Accordion approach
116
Achievement, recognizing
285
Acknowledgement messages
217–219
Action buttons
alignment
40, 43
disabling, after first click
43
disabling action and
43
Enter key and
43
grouping
42
labeling guidelines
42
labels
40, 42
number of
41–42
Reset buttons and
44–45
secondary
41
use of
40–41
ACTION BUTTONS pattern
40–45
Actions
Adams, C.
350
ADD/UPLOAD CONTENT pattern
260–263
Adkisson, H.
113
Advanced search
see alsoSearch(es)
benefits
152
links
152
option
152
page
153
query options
153
search results and
155
simple search before
152
simple search field support
148
simple search return
153–154
terminology
153
ADVANCED SEARCH pattern
151–155
Aery, S. C.
134
Ajax
225, 342, 363
Alerts
180
icons
88
saved searches
80, 176, 177
as utility function
223
Alexander C.
9, 11, 394, 397
Alignment
action buttons
43
column attribute value
186–187
page elements along grid lines
376
Alt attribute
353
Americans with Disabilities Act (ADA)
340
Anand, S. S.
94, 95
Andrew, R.
357
Animated icons
388
Animations
gratuitous, avoiding
251
icons
249
types of
248
uses
248
ANIMATIONS/TRANSITIONS pattern
247–251
Antipatterns
397–398
Appearance customization
103–104
Apple OS X Human Interface Design Guidelines
15
Application customization
104
Application main page
79–109
blank-slate page
106–109
control panel
81–84
customization
79–80, 98–106
dashboard
84–90
inbox
80–81
personalization
79, 94–98
portals
90–94
reminders
81
Application programming interfaces (APIs)
181
ASCII format
313
Associative navigation
129–130
Asterisks
28–29
Asynchronous communication
297
Attribute breadcrumbs
134
Auditory CAPTCHA
60–61
Autocomplete
232, 233
Automatic logout
see alsoLogout
benefits
73
period of inactivity
71
prompts
73
for security/privacy concerns
73
session timeout duration, user setting
74
user information, saving
73–74
AUTOMATIC LOGOUT pattern
71–74
AUTOSUGGEST/AUTOCOMPLETION pattern
231–234
Aykin, N.
311
B
“Back” button
cumbersome use of
133
problem
256–258
Baekdal, T.
369
Baird, J.
365, 374, 375
Bar charts
86
Baxley, B.
1, 82, 213
Bernard, M.
118, 167, 171, 367
Best practices
seeHow
Blake, R.
50
BLANK SLATE
106–109
Blank-slate page
106
actions
106
guidance
106, 109
initial setup assistance
109
messages
106
purposes
106
screenshot examples
109
tutorials/demos
107
Blogs
304
Bookmarking
258
Borchers, J.
10, 394
Bosenick, T.
118
Boulton, M.
374
Breadcrumbs
attribute
134
implementations
133
indicating
133–134
item symbols
134–135
linked elements
135
location
133, 134
path
134
placement
135
providing
133
trail links, matching
135
in visual hierarchy
35–36
BREADCRUMBS pattern
112, 133–136
Brewer, J.
352
Broadband Internet access
5
Broadcast messages
298
Buddy lists
Buttons
16
C
Calbucci, M.
53
Calder, P.
394
Calendars
default view
196
entries, user search
198
format
196
pop-ups
323
in showing events
197–198
user interaction with
196
Cannon, A.
343, 344
CAPTCHA
49, 59
auditory
60–61
distorted image characters
52, 59
images, examples
60
images, user changes
59–60
noisy backgrounds
59
in registration
51–53
user input
58–59
<caption> tag
357
Card, S.
116, 159, 237
CAROUSEL pattern
255–256
Carousels
255
items
255
linear
255–256
pagination cues
256
uses
255
visual effects
256
Cascading Style Sheets (CSS)
5, 6
font sizes
346
level 3 (CSS3) fonts
314
page markup and
346
structural elements and
344–345
support
345
unobtrusive
345–347
user overriding author
346–347
Champeon, S.
341
Changed content highlight
benefits
253
effect
253
highlight color
253
Chaparro, B.
135
Checkboxes
16
Chen, E.
120
Chi, E. H.
116
Childers, T. L.
203
Christie, R.
358
Clarke, A.
367, 375
CLEAR BENEFITS
16–18
Collaboration
activities
306
coordination
306
enabling
305
interaction modes
308
messaging and
310
nature
306
revision management
309
scheduling
306–308
sessions
308
sharing specification
306
wikis
309
COLLABORATION pattern
305–310
Colors
highlight
253
in maps
209
as required field indicator
28–29
Colter, A.
134
Columns
attribute value alignment
186–187
data readability by
186–187
headers, identifying
357–358
user sort
188
Combo-boxes
16
Command buttons
Comments, in pattern documentation
392
Communication
asynchronous
297
expectations
57
patterns and
10
synchronous
297
Communities
293–297
communication
297
creation
294
event-based
295
ideas and suggestions
296
joining
295
participation in
293, 295
sharing support
302
as virtual places
294
Companion web site, this book
14
Completely Automated Public Turing test to tell Computers and Humans Apart
Concatenated strings
Confirmation
login
68
messages
217–219
Constraints, showing
39
Content-level customization
102–103
Continuous scrolling
170
bookmarks and
172
item subsets
171
pagination versus
171
smoothness
171
tabular lists
190
Contrast, in visual hierarchy
378–379
CONTROL PANEL pattern
81–84
Control panels
in highlighting items
83–84
home pages versus
83
hub-and-spoke approach
82
as launch pad
82
uses
83
Conversion rates, form
20
Coordination
306
Copying files
260–261
Countries
flag representation and
335–336
list of
332, 333
selection, changing per page
333–334
Credentials
forgotten
74–77
login
62
unique
49
Crumlish, C.
284, 401
Culturally-neutral images
319
Currencies
changing, user interaction
330
confusion, avoiding
330
localization
330
multiple, support of
330
native formats
329
persistent selection
330
symbols
331
CURRENCY AND CURRENCY FORMAT pattern
329–331
Cursors, drag-and-drop
244
Customization
98–106
appearance
103–104
application
104
content-level
102–103
content needs
101
dashboard
89
features
100
layout preferences
101
minimizing choices at registration
104
as optional
105
options
79–80, 102
portal
93–94
user effort
105–106
from user preferences
98–99
CUSTOMIZATION pattern
98–106
D
DASHBOARD pattern
84–90
Dashboards
alert icons
88
data display methods
86
data sharing
89
data transfer
89
drilling down
89
exception conditions
87
functions
86
gauges
88
illustrated
85, 90
information in context
88
layout goal
90
one-screen display
88
progress bars
88
spark lines
88
traffic light indicators
88
trend icons
88
user customization
89
visualizations
86, 88
Data display methods
86
DATE FORMAT pattern
321–324
Date formats
311, 321–324
calendar pop-ups
323
designer options
322
ISO 8601 recommended
321, 322
locale-neutral format
323
localized pages
322–323
month abbreviations
322
numerical system
322
Dearden, A.
389
Decimal separators
327
Decorative images
353
Dedicated actions
see alsoList actions
action lists for
213, 215
icons for
215
in limited space
215
selecting
213
support
214
using
214
Defaults
opt-in options and
32
purpose
30–31
sensitive information and
31–32
smart
30–32
wizard
140
Delay indicators
DELAY/PROGRESS INDICATORS pattern
251–253
Dennis, T.
389
Design patterns
Detail pane
236, 237, 238
panning
238
zooming
236, 237, 238
DISCOVER NETWORK MEMBERS pattern
287–291
Divine proportion
375
Dixon, H.
57
Document Object Model (DOM) scripting approach
342, 348
Drag-and-drop
accessibility
245
cursor
244
drop zones
245
interaction style
242
necessary affordance
244–245
supporting
243
uses
243
DRAG-AND-DROP pattern
241–245
Drill down
dashboard
89
rich forms
230
Dropdown lists
16, 31, 34
DYNAMIC QUERYING and
239
filters
173
JavaScript and
348–349
for sorting options
165
Dryer, D. C.
137
Dugas, D.
248
Dynamic contextual instructions
39
DYNAMIC QUERYING pattern
238–239
Dynamic user profiles
282
E
Edelman Trust Barometer
272
Edit-in-place
benefits
235
one editable property and
235
option
234
user activation
235
EDIT-IN-PLACE pattern
234–236
Email
alerts
180
CAN-SPAM compliant
57
sharing via
302–303
Email addresses
sending passwords to
75–76
as usernames
51
Embedded content
304
Embedded labels
26–27
Embedded text in images, avoiding
318
Encoding methods
313–314
Enders, L.
186
Enter key
34, 43, 233
Enterprise portals
93
Erickson, T.
10
Error messages
error fix instructions
46
formatting errors
45
form element identification
48
invalid information
45
missing information
45
on same page as form
46
use approach
45
user-entered information and
46
ERROR MESSAGES pattern
45–48
EVENT LIST pattern
195–198
Event lists
195–198
calendar-like format
196, 197, 198
entries, user search
198
user knowledge of
196
uses
181
Examples
pattern
394–396
providing
37
Excel
221
Explicit personalization
95–96
Explicit sharing
302
Export/download formats
221
Extensible design
312–320
benefits
312–313
culturally relevant metaphors
320
cultural-neutral images
319
elements
313
embedded text and
318
encoding methods
313–314
plain language
320
presentational tags and
314
text expansion
314–316
text swell
314–316
variable text
316–318
F
Faceted navigation
111, 122–126
see alsoNavigation
attributes
122, 124
benefits
124
choices
123
initial facet
124
selection information
124
FACETED NAVIGATION pattern
111, 122–126
Faceted searches
143–144, 174–176
see alsoSearch(es)
attributes
174
benefits
174
facet updating
175
narrowing facets, user removal
176
speed
174
FACETED SEARCH pattern
174–176
Faraday, P.
248
Few, S.
86, 88, 182
Fields
optional
29–30
required
27–30
text
16, 31, 39–40
<fieldset> tags
350
File browsing control
16
Filtering
130
criteria
239
DYNAMIC QUERYING
238–239
tabular lists
189–190
FILTERING pattern
172–173
Filters
applying
172
benefits
172–173
as dropdown lists
173
speed
173
Fincher, S.
10
Finlay, J.
389
FIXED-WIDTH LAYOUT pattern
368–371
Fixed-width layouts
365, 368–371
approaches
369
centering
369–370
designing
369
page background fill size
370
page element control
369
printer-friendly pages
370–371
screen resolutions
369
screen space
366
Flag representation
335–336
Flash
2, 225, 340
Fleming, J.
111
Flickr Design Patterns Group
50
Fluid Open Source Design Pattern Library
392, 396, 397, 403
Fogg, B. J.
365
Folksonomies
112
“Following”
290
Fonts
314, 346
FORGIVING FORMAT pattern
32–34
FORGOT USERNAME/PASSWORD pattern
74–77
Form accessibility
349–352
<fieldset> tags
350
JavaScript use
351–352
keyboard
350–351
<label> tags
349–350
techniques
349
Format, forms
accepted
39
alternatives
33
forgiving
32–34
input hints/prompts
33
phone numbers
32–33
Formats
currency
311, 329–331
number
311, 326–329
presenting
312
Formatting errors
45
Form elements
default values
30–32
field labels placement
24–26
grouping
21, 22–24
identification in error messages
48
ordering
23
selection
15
types of
16
Forms
15–48
action buttons
40–45
benefits, clear
16–18
conversion rates
20
defaults
30–32
dividing
21
error messages
45–48
format
32–34
functionality
18
groupings
22–24
input hints/prompts
37–40
labels
24–27
login
17
long
19
navigation, keyboard
34–37
required fields
27–30
short
18–22
simple
20
uses
15
Fried, J.
253, 254
Friend discovery
during sign-up
288
by email address books
287–288
by existing connections
289
following others
290
with member search
289
methods
287
request confirmation
289
third-party introductions
289
by user profiles
289
FRIEND LIST pattern
291–293
Friend lists
291
friend groupings
292
friend online status
292
“social graph”
291
updating
291
Friends, online status
292
Fulciniti, A.
372, 373
Furl
2–4
G
Galitz, W. O.
15, 40, 246, 252
Gamma, E. R.
9, 397
Gauges
88
Gauri, D. K.
268
Geolocation
312
Gladwell, M.
284
GLOBAL GATEWAY
333–334
Global gateway page
311, 331–334
benefits
332–333
country list
333
country selection, changing
333–334
language list
333
GLOBAL GATEWAY pattern
331–334
Global navigation
GMT (Greenwich Mean Time)
325
Goldberg, D. D.
97
Golden ratio
375
Graham, I.
10, 14, 394
Grids
benefits
374
element positioning
374
golden ratio
375
page divisions
374
page element alignment
376
reusable templates
376
structure
373–376
uses
373
GRID STRUCTURE pattern
373–376
Grouping
action buttons
42
form elements
22
friends
292
search results
160–163
separators
326, 327
visually
379
Groups
293–297
creation
294
event-based
295
friends,’
295
joining
295
participating in
295
private
295
public
295
as virtual places
294
GROUPS AND SPECIAL-INTEREST COMMUNITIES pattern
293–297
H
Halvey, M.
132
Hamblin, C.
118
Handles
281
Headers attribute
358
Hearst, M. A.
320
Helm, R.
9
HIERARCHICAL LIST pattern
191–195
Hierarchical lists
181, 191–195
multilevel
193
nonhierarchical view offering
193
parent-child relationship
191, 193
parent item deletion and
193–194
sorting
194
trees
192
uses
192
Highlighting
autosuggest
233
changed content
253–255
consistency
383
detail pane zoom
237
drop zones
245
lightbox effect
382–383
method
381
selected items in lists
214, 381
selected navigation option
114, 120
HIGHLIGHT pattern
380–383
HIJAX
342
History, as pattern documentation
392
Hoekman, R. Jr.
106
Holzschag, M. E.
343
Home pages, control panels versus
83
Horizontal sliders
246
Hornbaek, K.
207
Horton, S.
376
Hosted applications
Houston, M. J.
203
Hovertips
206
How
11
as pattern documentation section
391
HTML
5, 221, 226
version 4.01
6
version
5, 6
Hub-and-spoke approach
82
Hurst, S.
311, 318
I
Icons
383–388
animation
249, 388
for dedicated actions
215
familiarity
384
health badges
385
labels
316, 384
modifiers
385
in nonnumbered lists
182
object status indication
385
text in
385
toggling
385–387
tooltips
384
uses
384
visual distinction
387
visual styles
387
ICONS pattern
383–388
Image accessibility
352–356
alt attribute
353
benefits
352
d-link (description link)
353
graphics and
355
longdesc attribute
353
text alternatives
352
text descriptions
353–354
Image lists
181, 202
as alternative
204–205
benefits
202–203
in limited space
203
in slideshow
204
space requirement
205
thumbnails
203–204
IMAGE LISTS/GRIDS pattern
202–205
Images
cultural-neutral
319
decorative
353
embedded text, avoiding
318
in search results
159
Implicit personalization
95, 96–97
Implicit sharing
302
INBOX pattern
80–81
Indexes
127
Individuals with Disabilities Education Act (IDEA)
340
Information foraging theory
115
Information scent
115–116
Information visualization
237
Instone, K.
133, 134
Interface design
challenges
5–9
control/widget limitations
6
guidelines
8
inconsistent interaction approaches
6–9
web architecture and
5
Internationalization
311–338
see alsoLocalization
currencies
311, 329–331
date formats
311, 321–324
extensible design
311, 312–320
number formats
311, 326–329
I10N
311
in pattern libraries
396
phone number formats
327–328
process
311
time formats
311, 324–326
units of measure
327
Invalid information
45
Ishida, R.
314
ISO 8601
321, 322, 324
Item customization
examples
239
preview
240
three-dimensional
240
ITU-T E.123
327, 328
J
Java
2
JavaScript
5, 6, 341, 363
DOM scripting approach
348
dropdown list use and
348–349
in form accessibility
351–352
functions, calling
348
navigation and
348–349
page markup and
347–348
support
347
unobtrusive
347–349
use benefits
347
Jaws 7.0+
364
Jesse, D.
373
Johnson, R.
9
JSP (Java Server Pages)
313
K
Kalbach, J.
111, 118, 129
Kashimura, K.
365
Keane, M. T.
132
Keith, J.
342, 348
Keyboard navigation
see alsoNavigation
cursor placement
36
drop-down lists
34
enabling
35
Enter key
34
shortcuts
36, 37
suggested list selection
233
Tab key
34
KEYBOARD NAVIGATION pattern
34–37
Keywords
see alsoSearch(es)
form accessibility
350–351
search engine combination
155
simple search
145
suggestions
148
Known-item search
144
Koch, N.
94, 96
Koerner, B. I.
319
Krug, S.
134
Kurosu, M.
365
L
Laasko, S.
10
LABEL ALIGNMENT
24–27
<label> tags
349–350
Labels
see alsoForms
action buttons
40, 42
alignment
24–27
association
25, 26
embedded, using
26–27
icon
384
icon, text expansion and
316
log out
70–71
placements
24–26
primary navigation
115–116
search buttons
147–148
search controls
169
tagging
263
visual separation
26
Language(s)
change, keeping user on same page
337
flag representation and
335
initial selection, changing
337
multiple, support
338
options
334
selectors
311, 334–338
switching
335
user choice, remembering
337
user recognition
335
LANGUAGE SELECTOR pattern
334–338
Larsen, L.
367
Layouts
365–373
fixed-width
368–371
golden ratio and
375
liquid-width
365–368
preferences
101
progressive
371–373
“Lazy” registration
53
Leacock, M.
10
Leaderboards
285
Lenz, K.
145
Lida, B.
135
Lidwell, W.
202, 365, 375
Linderman, M.
253, 254
Line charts
86
Links
accessible alternative
362
advanced search
152
breadcrumb trail
135
logout
70
pagination
167
Privacy Policy
30
“skip navigation”
360–361
for sorting options
165
LIQUID-WIDTH LAYOUT pattern
365–368
Liquid-width layouts
365–368
benefits
366–367
designing
367
fixed-width navigational areas
367
page areas
367
page components
367
page element sizing
368
user preference
367
List actions
181, 212–219
acknowledgement messages
217–219
applying
214
configuration messages
217–219
dedicated
213–214
“delete”
217
for items
212–213
multiselect lists
216
reversing
219
row highlighting
214
selection errors and
217
shared
213, 214
shared action repetition
215
LIST ACTIONS pattern
212–219
Lists
181–223
hierarchical
181, 191–195
highlighting items in
381
image
181
long, repeating shared actions
215
multiselect
216–217
nonnumbered
182
numbered
182
simple
181, 182–185
tabular
181, 185–191
timelines
181, 198–202
utility functions
220–223
LIST UTILITY FUNCTIONS pattern
220–223
Live preview
239
benefits
240
three-dimensional items
240–241
LIVE PREVIEW pattern
239–241
Lloyd, I.
344
Localization
311
applications
331
currency
330
date format
322–323
embedded text and
318
L10N
311
language elements to avoid for
320
time zone
325
variable text and
318
Local navigation
Location breadcrumbs
133, 134
LOGICAL GROUPING
22–24
Log in
account security during
62
confirming
68
credentials
62
forgotten information, retrieving
64
forms
17
information, remembering
66–68
multistep
64
page
63
passwords
63
registration option
63–64
secure
63
single
65
unified
65–66
user identification
61
LOG IN pattern
61–69
Log out
acknowledgment
71
automatic
71–74
labels
70–71
links
70
offering
69–70
page
71
reasons for
69
LOG OUT pattern
69–71
Longdesc attribute
353
Lynch, J. P.
376
M
Macintosh OS X Aqua interface
6, 7, 8
Mackay, W. E.
102, 105
Mahemoff, M. J.
53, 380
Malone, E.
390, 401, 402
Maps
181, 206–212
as background images
206
colors and shapes
209
complementing with lists/tabular views
210
contextual overviews
206–207
detailed information on demand
206
hovertips
206
as illustrations
206
legend
209
location attributes
210
panning
206, 207
as photographic/satellite images
206
pop-ups
206
for real-time information
210–211
for status information
210
symbols for location types
209
as text
206
zooming
206, 207
MAPS pattern
206–212
Markowsky, G.
375
Markup
JavaScript separation
347–348
page structure identification in
361
presentational tags in
314
semantic
342–345
structural
344–345
style sheet separation
346
Marlow, C.
264
Mayhew, J. D.
15, 40, 186
McIntire, P.
365
Menus, in secondary navigation
118
Messaging
259, 297–299
asynchronous
297
broadcast
298
collaboration and
310
synchronous
297–298
MESSAGING pattern
297–299
Metaphors, culturally relevant
320
Missing information
45
Mobasher, B.
94, 95
Molich, R.
247, 252
Month abbreviations
322
Morville, P.
111, 126
Multiselect lists
216–217
N
Names, pattern
10, 391
Navigation
111–142
associative
129–130
breadcrumbs
133–136
calendar control
197
faceted
111, 122–126
filtering
130
folksonomies
112
global
111, 112–117
JavaScript and
348–349
keyboard
34–37
key functions
111
orientation function
112
pivot browsing
129
popularity-based
130
self-contained
115
supplementary
126–128
tag clouds
128–132
as user help
112
utility
120–122
Navigation accessibility
359–361
page structure identification
361
primary navigation
360, 361
secondary navigation
360, 361
“skip navigation” link
360–361
utility navigation
361
Nielsen, J.
45, 133, 134, 144, 158, 168, 247, 252, 366
Nolan, P. R.
384
Nonnumbered lists
182
Notification alerts
176, 177
Numbered lists
182
NUMBER FORMAT pattern
326–329
Number formats
conventions
326
groups
326
phone numbers
327–328
separators
326–327
units of measure
327
O
Online presence indicators
300
activity status
300–301
status image
300
status preferences
301
OpenID accounts
54–55, 279
Opt-in
options, defaults and
32
registration and
57
Optional fields
29–30
Overview pane
236, 237
OVERVIEW-PLUS-DETAIL pattern
236–238
P
Pagination
benefits
165–167
continuous scrolling versus
171
cues
256
divisions
165–167
drawbacks
171
first results page navigation
168–169
links
167
presence of more search results and
168
tabular lists
190
total search results
168
view range
168
Pagination controls
chronological
169
easily clickable
167
labeling
169
linking
169
repeating
169
target size
168
PAGINATION pattern
165–170
Paging, minimizing
167
Paivio, A.
202, 203
Panning
225, 238
Parametric searches
149
see alsoSearch(es)
benefits
149
not-so-common parameters, hiding
150
precision
150
PARAMETRIC SEARCH pattern
149–151
Participation, in pattern libraries
398–401
Passwords
echoing
63
forgotten
74–77
registration
51
remembering
66
sending to registered email addresses
75
Path breadcrumbs
134
Pattern documentation
10–11, 389
comments section
392
core sections
391–392
history or change log section
392
how section
391
name section
10, 391
problem section
391
related design patterns section
391–392
research evidence section
392
solution section
391
why section
391
A Pattern Language (Alexander)
9
Pattern libraries
389–403
accessibility
396
antipatterns
397–398
assistance
398
benefits
390–391, 393
developing with wikis
402–403
documentation
391–393
efficiencies
391
examples
389, 394–396
internationalization
396
managing
401–402
participation
398–401
pattern search
398
(re)usable design components
393–394
reuse
391
richer interactions
396
screen shots
395–396
sharing
390
star-rating system
394–395
updating
402
PATTERN LIBRARY pattern
389–403
Patterns
9, 14
Alexandrian notation
10
benefits
9
best practices
11
communication and
10
design
9–10
design productivity and
9
documenting
10–11
problem
11
rationale
11
related
11
repository
390
reusability
9–10
solution
11
as teaching aid
10
use guidance
9
web application usability and
10
PDF
340
icon as background image
356
in maintaining visual look
221
Peer recommendations
286–287
Penzo, M.
25, 26
Permalinks
304
Personalization
94–98
benefits
95
driven by business rules
79
explicit
95–96
for guest users
96
implicit
95, 96–97
levels
95
for logged-in users
96
user preference indication
98
user preferences/needs
96–97
PERSONALIZATION pattern
94–98
Peterson, H.
248
Phone numbers format
32–33, 327–328
Picture Superiority Effect
202
Pie charts
86
Pirolli, P.
116, 159
Pitfalls
397–398
Pivot browsing
129
Plain language
320
“Please wait” icon
249
Popularity-based navigation
130
Pop-ups, map
206
PORTAL pattern
90–94
Portals
appearance consistency
93
automatic user sign-in
93
benefits
91
content access
93
content tailoring
93
enterprise
93
organization
92
portlets
92
user customization
93–94
Porter, J.
282, 283, 284, 301, 302
PRESENCE INDICATOR pattern
299–301
Presentational tags
314
Preview
exploration
240
item customization and
239–241
LIVE PREVIEW pattern
239–241
three-dimensional items
240
Primary navigation
see alsoNavigation
accessibility
111, 360, 361
horizontal placement
113–114
labeling
115–116
option highlighting
114, 120
placement consistency
114
removing for self-contained navigation
115
role
112
vertical placement
113–114
visually salient
114
PRIMARY NAVIGATION pattern
111, 112–117
Printing
options
222
page preview
221–222
style sheets for
371
as utility function
221
Privacy concerns
56
Privacy Policy link
30
Private groups
295
Progress indicators
dashboards
88
forms
252
long delays
252–253
showing
251
status information
253
uploading
262
uses
252
Progressive enhancement
339, 341
client-side scripting approaches
341
HIJAX approach
342
style sheets and
341
web standards and
341
PROGRESSIVE ENHANCEMENT pattern
341–342
PROGRESSIVE LAYOUT pattern
371–373
Progressive layouts
371–373
see alsoLayouts
benefits
372
functioning of
371–372
implementing
373
minimum/maximum design width
371, 372
Prompts/hints
automatic logout
73
constraints
39
dynamic contextual
39
examples
37
formats
39
providing
37
text field sizes
39–40
Providers
283
Public groups
295
Q
Querying
R
Radio buttons
16
analyzing
31
for sorting options
165
Raskin, A.
219
Ratings
see alsoReviews
anchoring
269
average
268
breakdown of
270
multiple criteria
270
popularity
267–268
previous, indication
270
rationale
271
repurchase retention and
268
star
267, 268
users, combining
268
users, separating
268
RATINGS pattern
267–272
Really Simple Syndication (RSS) feeds
180
Receivers
283
Recommendations
128
“Redo” function
219
Registration
benefits, indicating
53
best practices
282
CAPTCHA use
51–53
customization choices at
104
delaying
50, 53
eliminating
53
email address as username
51
form length
50
“lazy” approach
53
at login
63–64
opt-in
57
passwords
51
privacy concerns and
56
process efficiency
53
requirement, removing
50
returning users after
57
security questions
57
sensitive information and
51
unified
54–55
user goals and
50
verifying
56
REGISTRATION pattern
49–58
Related design patterns
11
as pattern documentation section
391–392
Related items
128
Reminders
81
Repurchase intention
268
REPUTATION pattern
283–287
Reputation system
achievement recognition
285
benefits
283
criteria
284
designing
283
leaderboards
285
levels
286
multiple methods
284
peer recommendations
286–287
review judgment
284
users’ ranks
285
REQUIRED FIELD INDICATORS
27–30
Required fields
see alsoFields; Forms
asterisk indicator
28–29
color indicator
28
distinguishing
27–28
indicating
27–30
instructive text
30
(Re)usable design components
393–394
Research evidence, in pattern documentation
392
Reset buttons
44–45
Reviews
see alsoRatings
judging usefulness
284
logging in before writing
274
sorting
273
usefulness, judging
273
writing
272, 274
REVIEWS pattern
272–274
Revisions, managing
309
RICH FORM pattern
229–231
Rich forms
see alsoForms
benefits
229
designing
229
drill-down approaches
230
error minimization
229–230
patterns
231
Rich Internet Applications (RIAs)
170, 225–258
accessibility and
339, 363–364
animations
247–251
with assistive technology
362
AUTOSUGGESTION/AUTOCOMPLETE
231–234
“back” button problem
256–258
bookmarking problem
258
browsing
225–226
carousels
255–256
changed content highlights
253–255
data input choices
225
data retrieval delays/progress
225
development approaches
363
drag-and-drop
241–245
DYNAMIC QUERYING
238–239
earliest
225
edit-in-place
234–236
highlighting
225
information editing
225
live preview
239–241
panning
225, 238
poor designs
256
previewing
225
progress bars
251–253
rich forms
229–231
rich-text editors
226–229
roles
363
sliders
245–247
sorting and filtering in real time
225
usability issues
256–258
user input validation
225
visual effects
225
zooming
225, 236, 237, 238
RICH-TEXT EDITOR pattern
226–229
Rich-text editors
alternative text input options
227
formatting controls
227–228
text-input area, enlarging
228
uses
227
WYSIWYG nature
226
Rivadeneira, A. W.
131, 132
Rosenfeld, L.
111, 126
Rossi, G.
94, 95
Rows
see alsoTables
header, identifying
357–358
highlighting, list actions and
214
striping
186
Rutledge, A.
378
S
Sakai UI Design Patterns
393, 403
Saved searches
see alsoSearch(es)
alerts and
176
availability
178
benefits
177
as email alerts
180
notification options
180
option
177
rerunning
177
sharing
180
SAVED SEARCHES pattern
176–180
“Scent” information
115–116
Schedules
223
Scheduling, collaborative
306–308
Schwartz, B.
267
Scott, B.
397, 398
Screen resolutions
369
Screenshot examples
109
Scrolling
continuous
170–172
lists
16
long lists
215
minimizing
167
Search(es)
143–180
advanced
143, 151–155
calendar entries
198
case insensitivity
158
keywords
145, 148
known-item
144
notification alerts
176, 177
parametric
149–151
simple
143, 144–149
Search results
143
advanced search and
155
alternate views for presenting
159–160
case-insensitive
158
categories
160–163
close matches at top
157
continuous scrolling
143
delays, reducing
163
descriptive information
159
faceted search
143–144
first page, navigating to
168
grouping
160–163
images
159, 205
more, presence of
168
narrowing
174, 175
no results alternatives
163
number per page
163
pagination
143, 165–170
presentation
157
quality
155
sorting
143, 158, 164–165
tips for
155–157
total number
159
view range
168
SEARCH RESULTS pattern
157–164
Search tips
benefits
155
in help systems
157
search examples
156
user presentation
56
SEARCH TIPS pattern
155–157
Secondary navigation
111, 117–120
see alsoNavigation
accessibility
360, 361
breadcrumbs
120
horizontal placement
117
indented list
118
menus
118
option highlighting
120
as primary navigation complement
117
vertical placement
117–118
SECONDARY NAVIGATION pattern
111, 117–120
Secure login
63
Security questions
confirming identity with
76–77
sensitive information and
57, 76
Self-contained navigation
115
Semantic markup
basic level
343
benefits
343
headings and lists structure
343–344
menus and submenus
344
structural markup
344–345
style sheets
344
with unobtrusive CSS
343
SEMANTIC MARKUP pattern
342–345
Sensitive information
default values and
31–32
registration and
51
security questions and
57, 76
Separators
decimal
327
grouping
326, 327
Session timeouts
duration, user setting
74
occurrences after
73
Shafer, D.
357
Shaikh, A. D.
145
Shared actions
213
see alsoList actions
repeating
215
support
214
utility functions versus
220
Sharing
259, 301–305
calendars
306
content posting
303
data
89
with email
302–303
embedded content
304
explicit
302
human initiation of
303
implicit
302
permalinks
304
printable pages
305
reasons for
301
specification
306
tagging and
264
third-party applications
303
SHARING pattern
301–305
SHORT FORMS pattern
18–22
Simple lists
181, 182–185
see alsoLists
attributes
183, 185
nonnumbered
182
numbered
182
secondary actions on hover
184
uses
182
Simple search
see alsoSearch(es)
benefits
145
complex search support
148
defined
144
feature placement
145
keywords
145
keyword suggestions
148
return from advanced search
153
search button labels
147–148
search scope
145–146
SIMPLE SEARCH pattern
143, 144–149
Single-sign-on (SSO)
65, 93
Sinnig, D.
391
SLIDER pattern
245–247
Sliders
advantages
245–246
descriptive anchors
247
horizontal
246
implementations
247
selected values
247
values
246
vertical
246
Slideshows, image previews
204
Slide-up/slide-down transition effects
249
SMART DEFAULTS pattern
30–32
Smith, G.
129, 265
Snow, K.
389
Social applications
adding/uploading content
259, 260–263
collaboration
259, 305–310
communities
293–297
friend discovery
259, 287–291
friend lists
291–293
groups
259
messaging
259, 297–299
online status
259
presence indicator
299–301
ratings
259, 267–272
reputation
283–287
reviews
259, 272–274
sharing
259, 301–305
tagging
259, 263–267
user profiles
259, 277–283
user reputation
259
voting
274–277
Software as a service (SaaS) model
1
Solutions
11
as pattern documentation section
391
Sorting
143, 158
columns
188
on criteria
164
hierarchical lists
194
on keyword searches
165
multiple levels of
188
options
165, 166
Spark lines
88
Spin controls
16
Spool, J.
133, 157, 158, 167
Spotlight effect
253–255
SPOTLIGHT/YELLOW-FADE pattern
253–255
Star ratings
267, 268
interaction approaches
268
pattern libraries
394–395
usefulness
267
Status casting
300–301
Status images
300
Structural roles
363
Style guides
8
Style sheets
in data table presentation
358
font sizes
346
for layout and presentation
344
page markup and
346
for printing
371
in progressive enhancement
341
structural markup and
344–345
unobtrusive
345–347
user overriding author
346–347
Suggestions
alternatives
232
first match highlighting
233
keyboard selection
233
Supplementary navigation
see alsoNavigation
benefits
126
indexes
127
recommendations
128
related items
128
types of
126
SUPPLEMENTARY NAVIGATION pattern
111–112, 126–128
Sutcliffe, A.
248
SVG (Scalable Vector Graphics)
221
Symbols
see alsoIcons
breadcrumb item
134–135
currency
331
for map location types
209
neutral
319
in nonnumbered lists
182
Synchronous communication
297
Szeto, J.
371
T
Tab key
34, 233
Table accessibility
356–359
benefits
357
<caption> tag
357
headers attribute
358
row and column header identification
357–358
style sheets
358
<table> tag and
356–357
Tables
86
columns
186–187
design
185–186
headers
185
multiattribute data presentation
185
<table> tag
356–357
Tabs
16
TABULAR LIST pattern
185–191
Tabular lists
181, 185–191
alternative views
190
columns
186–187
columns, sorting
188
continuous scrolling
190
data accessibility
190
filtering
189–190
pagination
190
reading
185
table headers
185
Tag clouds
129
benefits
129–131
exploration support
129–130
filtering and
130
pivot browsing and
129
popularity-based navigation and
130
purpose
131
tag order determination
132
tag popularity
131–132
TAG CLOUDS pattern
112, 128–132
TAGGING pattern
263–267
Tags
benefits
263–264
<caption>
357
changing
266
deleting
266
delimiters
264
entering
264
<fieldset>
350
Gmail
264
<label> tags
349–350
<legend>
350
managing
266
multiple items
265
as optional
265
popular
265
presentational
314
previously used
265
recommended
265
suggesting
265–266
<table>
356–357
Templates, grid structure
376
Text
embedded
318
in icons
385
maps as
206
variable
316–318
Text alternatives
352–353
for decorative images
353
detailed descriptions
353
graphics and
355
meaningful
353
Text expansion
314–316
approaches
315–316
graphical elements and
316
icon labels and
316
Text fields
16
analyzing
31
size matching
39–40
Third-party introductions
289
Thumbnails
in image lists
203–204
for map locations
209
Tidwell, J.
6, 10, 82, 389, 403
TIME FORMAT pattern
324–326
Time formats
event/activity time zones
325
ISO 8601 recommendations
324
local conventions
324
time zone preferences
325
variance
324
Timelines
198–202
benefits
199
event detail access
200
horizontal axis
200
relationships
199
uses
181
zooming in/out
202
TIMELINES pattern
198–202
Toggle icons
385–387
Tool tips
384
Top-level domains (TLDs)
331
Tractinsky, N.
365
Traffic light indicators
88
Transient highlighting
381
Transitions
247–251
direction
250
in introducing/removing content
249–250
slide-up/slide-down
249
Tree controls
16
Trend icons
88
TSV (tab-separated values)
221
Tutorials
107
U
UC Berkeley Pattern Library
392
UI Pattern Factory
400, 401
“Undo” function
219
Unicode standard
314
Unified login services
65–66
Units of measure
327
UNOBTRUSIVE JAVASCRIPT pattern
347–349
UNOBTRUSIVE STYLE SHEETS pattern
345–347
Updating
facets
175
friend lists
291
pattern libraries
402
Uploading
efficiency
260
progress indication
262
removing selected content for
261
successful
262–263
User accounts, locking
68
User assistance
109
User authentication
49–77
automatic logout
71–74
CAPTCHA
58–61
forgotten usernames/passwords
74–77
login
61–69
logout
69–71
registration
49–58
unique credentials
49
Usernames
email address
51
forgotten
74–77
remembering
66
User preferences
customization from
98–99
indication of
98
liquid-width layouts
367
personalization from
96–97
USER PROFILE pattern
277–283
User profiles
avatars
281
basic contents
278
building gradually
279–280
completion indication
280
dynamic
282
in friend discovery
289
handles
281
identities
277
“made-up” information
277
private information
280–281
pseudonyms
281
questions
280
universal identity options
279
update incentives
280
user management
277
User ranks
285
UTC (Coordinated Universal Time)
325
UTF-8 standard
313, 314
Utility functions
220–223
see alsoLists
alerts
223
distinguishing
220
export/download formats
221
“Print”
221
print preview
221–223
schedules
223
uses
220
Utility navigation
120
see alsoNavigation
accessibility
361
defined
global functions
121–122
language selector
121
local functions
122
placement
121
for switching workspaces/applications
121
visual prominence
120
UTILITY NAVIGATION pattern
111, 120
V
van Duyne, D. K.
10, 31, 389
van Weilie, M.
389
Variable text
316
example
316–318
localization and
318
Verification, registration
56
Vertical sliders
246
Vinh, K.
374
Visual design
365–388
best practices
365
components, balancing
365
fixed-width layout
365, 368–371
grid structure
373–376
hierarchy
376–380
liquid-width layout
365–368
progressive layout
371–373
Visual hierarchy
contrast
378–379
creating
376–377
functions
376
information grouping
379
page element importance
377
persistent element placement
379–380
VISUAL HIERARCHY pattern
376–380
VOTE TO PROMOTE pattern
274–277
Voting
274
abuse, minimizing
276
counts
275
initiation from other sites
276–277
item identification
275
in promoting stories
275
unvoting
275
W
W3C
6
Wakiten (boten marks)
314
Web Accessibility Initiative–Accessible Rich Internet Applications (WAI-ARIA)
339, 363–364
Web Accessibility Initiative (WAI)
339, 340, 363
Web Accessibility in Mind (WebAIM)
340
Web applications
access
1–4, 1
accessibility
339–364
benefits
1–5
browser-agnostic
6
deployment
4
design guidelines
8
design patterns
9–11
enterprise-level
104
forms
15–48
interface design challenges
5–9
internationalization
311–338
main page
79–109
navigation
111–142
network connectivity maturity/reliability
5
searches
143–180
social
259–310
style guides
8
usability
10
user authentication
49–77
user base
4
visual design
365–388
Web browsers
“back” button
133
keyboard shortcuts
36
user familiarity
4
Web Content Accessibility Guidelines (WCAG)
340, 362
Web sites
1
Web standards
5
Why
11
Wickham, D. P.
137, 139
Widget roles
363
Wikis
309
change history
402
in pattern library development
402–403
Windows CardSpace
54
Windows Eyes 5.5+
364
Windows Vista User Experience Guidelines
15
Winn, T.
394
Wizards
136
accordion design approach
137
benefits
137
defaults
140
first step
137
information, saving
141
information summary
140
infrequently used
139
last page
140
links/buttons, removing
140–141
overview page
139
steps, clarity
139
steps, limiting
137
user progress
140
WIZARDS pattern
112, 136–142
Wroblewski, L.
26, 41, 43, 365, 376
WYSIWYG (What You See Is What You Get)
226
X
Xe.com, Universal Currency Conventer
331
XHTML
313
XML (eXtensible Markup Language)
221
Y
Yahoo! Design Pattern Library
389, 390, 393, 394, 396
Yank, K.
357
Yunkers, J.
332
Z
Zebra striping
186
Zoho Notes
6, 7
Zooming
225, 236–237
ZoomText
364
..................Content has been hidden....................

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