Web Anatomy Interaction Design Frameworks that Work

by Hoekman, Robert, Jr.; Spool, Jared

• ISBN13: 9780321635020
• ISBN10: 0321635027
• Edition: 1st
• Format: Paperback
• Copyright: 2009-12-01
• Publisher: New Riders

Summary

Renowned design researcher Spool and veteran interaction designer Hoekman introduce a collection of interaction design frameworks and reveal how the psychology behind these standards leads not only to effective designs, but can also serve as the basis for cutting-edge innovations and superior user experiences.

Author Biography

Robert Hoekman, Jr. is the founder of Miskeeto, a product development and web design consultancy focused on projects that improve the world. The author of Designing the Obvious and Designing the Moment, he's a passionate and outspoken interaction designer, writer, and user-experience evangelist. Jared Spool, founder of User Interface Engineering, is a recognized authority on user interface design and human factors in computing. Jared is on the faculty of the Tufts University Gordon Institute and teaches seminars on product usability.

Table of Contents

	p. 1
The Case for Frameworks	p. 2
Reuse Strategy	p. 6
Patterns: a catalog of desired behaviors	p. 7
Components: taking advantage of reusable code	p. 8
Frameworks: the final puzzle piece	p. 9
Pushing beyond standards	p. 12
Distributing the workload	p. 12
New answers to old problems	p. 13
Questions, answers, and inspiration	p. 13
The Reuse Trinity	p. 15
Design Patterns	p. 17
Elements of a design pattern	p. 18
Pattern libraries	p. 21
Components	p. 24
Elements of a component	p. 25
Component libraries	p. 27
Interaction Design Frameworks	p. 28
Elements of an interaction design framework	p. 29
Qualities of a framework	p. 36
The first framework library	p. 39
Frameworks in the Wild	p. 41
	p. 43
Catalog	p. 44
Description	p. 45
Context of use	p. 46
Task flow	p. 47
Co-requisites	p. 47
Related	p. 47
Elements	p. 48
Category page	p. 48
Gallery page	p. 52
Content page	p. 57
Guided links	p. 62
Design Criteria	p. 65
Support exploration	p. 67
Expose the taxonomy	p. 73
Search	p. 75
Description	p. 76
Context of Use	p. 77
Task Flow	p. 79
Elements	p. 80
Quick Search	p. 80
Search Results	p. 85
Search Outcomes	p. 87
Advanced Search	p. 89
Filters	p. 92
Pagination	p. 95
Design Criteria	p. 97
Offer multiple paths to content	p. 97
Associate content to user terminology	p. 98
Make the content easy to identify	p. 99
Sign-up	p. 101
Description	p. 103
Context of use	p. 103
Task flow	p. 104
Elements	p. 104
Value proposition	p. 104
Investment Breakdown	p. 106
Testimonial	p. 110
Call to action	p. 111
Blank slate (a.k.a Immediate Engagement)	p. 112
Registration form	p. 114
Design Criteria	p. 116
Communicate a clear value proposition	p. 117
Set expectations	p. 118
Demonstrate that it works well	p. 119
Encourage action and enable progress	p. 119
Associate the user to the user's actions	p. 120
About Us	p. 123
Description	p. 124
Context of use	p. 125
Task flow	p. 125
Elements	p. 126
The company story	p. 126
Financial status	p. 129
Client list	p. 130
Team profile	p. 131
Press releases and news	p. 133
Jobs	p. 134
Contact	p. 136
Design Criteria	p. 139
Establish brand trust	p. 140
Open communication lines	p. 141
Movie Sites	p. 145
Description	p. 147
Context of Use	p. 150
Elements	p. 150
Splash page	p. 151
Teaser/Trailer	p. 153
Cast and crew	p. 155
Synopsis	p. 156
Design Criteria	p. 158
Establish and build a reputation	p. 159
Enable word-of-mouth marketing	p. 161
Engage them	p. 163
Support lifestyle integration	p. 164
	p. 167
Building the Framework Toolkit	p. 168
Crafting Frameworks	p. 169
Identify the problem	p. 170
Tour for sources	p. 171
Write it up	p. 175
Distribute the workload	p. 179
Putting Frameworks to Work	p. 181
The Setup	p. 182
Building with Frameworks	p. 183
Putting context into context	p. 184
Picking patterns	p. 188
Applying design criteria	p. 190
Making Frameworks Practical	p. 191
Libraries	p. 191
Stencils	p. 192
Improving the Future	p. 195
The Cost of Frustration	p. 197
Resources	p. 201
Index	p. 203
Table of Contents provided by Ingram. All Rights Reserved.