39,99 €
Mehr erfahren.
- Herausgeber: John Wiley & Sons
- Kategorie: Wissenschaft und neue Technologien
- Sprache: Englisch
- Veröffentlichungsjahr: 2014
The essential interaction design guide, fully revised and updated for the mobile age About Face: The Essentials of Interaction Design, Fourth Edition is the latest update to the book that shaped and evolved the landscape of interaction design. This comprehensive guide takes the worldwide shift to smartphones and tablets into account. New information includes discussions on mobile apps, touch interfaces, screen size considerations, and more. The new full-color interior and unique layout better illustrate modern design concepts. The interaction design profession is blooming with the success of design-intensive companies, priming customers to expect "design" as a critical ingredient of marketplace success. Consumers have little tolerance for websites, apps, and devices that don't live up to their expectations, and the responding shift in business philosophy has become widespread. About Face is the book that brought interaction design out of the research labs and into the everyday lexicon, and the updated Fourth Edition continues to lead the way with ideas and methods relevant to today's design practitioners and developers. Updated information includes: * Contemporary interface, interaction, and product design methods * Design for mobile platforms and consumer electronics * State-of-the-art interface recommendations and up-to-date examples * Updated Goal-Directed Design methodology Designers and developers looking to remain relevant through the current shift in consumer technology habits will find About Face to be a comprehensive, essential resource.
Sie lesen das E-Book in den Legimi-Apps auf:
Seitenzahl: 1160
Ähnliche
CONTENTS
Part I: Goal-Directed Design
CH 1: A Design Process for Digital Products
The Consequences of Poor Product Behavior
Why Digital Products Fail
Planning and Designing Product Behavior
Recognizing User Goals
Implementation Models and Mental Models
An Overview of Goal-Directed Design
CH 2: Understanding the Problem: Design Research
Qualitative versus Quantitative Data in Design Research
Goal-Directed Design Research
Interviewing and Observing Users
Other Types of Qualitative Research
Research Is Critical to Good Design
CH 3: Modeling Users: Personas and Goals
Why Model?
The Power of Personas
Why Personas Are Effective
Understanding Goals
Constructing Personas
Personas in Practice
Other Design Models
CH 4: Setting the Vision: Scenarios and Design Requirements
Bridging the Research-Design Gap
Scenarios: Narrative as a Design Tool
Design Requirements: The “What” of Interaction
The Requirements Definition Process
CH 5: Designing the Product: Framework and Refinement
Creating the Design Framework
Refining the Form and Behavior
Validating and Testing the Design
CH 6: Creative Teamwork
Small, Focused Teams
Thinking Better, Together
Working Across Design Disciplines
The Extended Team
Establishing a Creative Culture
Identifying Skill Levels in Designers
Collaboration Is the Key
Part II: Designing Behavior and Form
CH 7: A Basis for Good Product Behavior
Design Values
Interaction Design Principles
Interaction Design Patterns
CH 8: Digital Etiquette
Designing Considerate Products
Designing Smart Products
Designing Social Products
CH 9: Platform and Posture
Product Platforms
Product Postures
Postures for the Desktop
Postures for the Web
Postures for Mobile Devices
Postures for Other Platforms
Give Your Apps Good Posture
CH 10: Optimizing for Intermediates
Perpetual Intermediates
Inflecting the Interface
Designing for Three Levels of Experience
CH 11: Orchestration and Flow
Flow and Transparency
Orchestration
Harmonious Interactions
Motion, Timing, and Transitions
The Ideal of Effortlessness
CH 12: Reducing Work and Eliminating Excise
Goal-Directed Tasks versus Excise Tasks
Types of Excise
Excise Is Contextual
Eliminating Excise
Other Common Excise Traps
CH 13: Metaphors, Idioms, and Affordances
Interface Paradigms
Building Idioms
Manual Affordances
Direct Manipulation and Pliancy
Escape the Grip of Metaphor
CH 14: Rethinking Data Entry, Storage, and Retrieval
Rethinking Data Entry
Rethinking Data Storage
Rethinking Data Retrieval
CH 15: Preventing Errors and Informing Decisions
Using Rich Modeless Feedback
Undo, Redo, and Reversible Histories
What If: Compare and Preview
CH 16: Designing for Different Needs
Learnability and Help
Customizability
Localization and Globalization
Accessibility
CH 17: Integrating Visual Design
Visual Art and Visual Design
The Elements of Visual Interface Design
Visual Interface Design Principles
Visual Information Design Principles
Consistency and Standards
Part III: Interaction Details
CH 18: Designing for the Desktop
Anatomy of a Desktop App
Windows on the Desktop
Menus
Toolbars, Palettes, and Sidebars
Pointing, Selection, and Direct Manipulation
CH 19: Designing for Mobile and Other Devices
Anatomy of a Mobile App
Mobile Navigation, Content, and Control Idioms
Multi-Touch Gestures
Inter-App Integration
Other Devices
CH 20: Designing for the Web
Page-Based Interactions
The Mobile Web
The Future
CH 21: Design Details: Controls and Dialogs
Controls
Dialogs
Eliminating Errors, Alerts, and Confirmations
The Devil Is in the Details
Appendix A: Design Principles
Chapter 1
Chapter 3
Chapter 4
Chapter 5
Chapter 8
Chapter 9
Chapter 10
Chapter 11
Chapter 12
Chapter 13
Chapter 14
Chapter 17
Chapter 18
Chapter 19
Chapter 20
Chapter 21
Appendix B: Bibliography
Titlepage
Copyright
Credits
Dedication
About the Authors
Acknowledgments
Foreword
Introduction to the Fourth Edition
A Brief History of Interaction Design
IxD and User Experience
What This Book Is and What It Is Not
How This Book Is Structured
Changes Since the Third Edition
Examples Used in This Book
Who Should Read This Book
Advertisement
End-User License Agreement
List of Tables
List of Illustrations
Figure 1-1
Figure 1-2
Figure 1-3
Figure 1-4
Figure 1-5
Figure 1-6
Figure 1-7
Figure 1-8
Figure 2-1
Figure 2-2
Figure 3-1
Figure 3-2
Figure 3-3
Figure 3-4
Figure 3-5
Figure 3-6
Figure 3-7
Figure 4-1
Figure 5-1
Figure 5-2
Figure 5-3
Figure 5-4
Figure 5-5
Figure 6-1
Figure 6-2
Figure 6-3
Figure 6-4
Figure 6-5
Figure 7-1
Figure 7-2
Figure 9-1
Figure 9-2
Figure 9-3
Figure 9-4
Figure 9-5
Figure 9-6
Figure 9-7
Figure 9-8
Figure 9-9
Figure 9-10
Figure 9-11
Figure 9-12
Figure 9-13
Figure 9-14
Figure 9-15
Figure 10-1
Figure 10-2
Figure 11-1
Figure 11-2
Figure 11-3
Figure 11-4
Figure 11-5
Figure 11-6
Figure 11-7
Figure 11-8
Figure 11-9
Figure 11-10
Figure 12-1
Figure 12-2
Figure 12-3
Figure 12-4
Figure 12-5
Figure 12-6
Figure 12-7
Figure 12-8
Figure 12-9
Figure 12-10
Figure 12-11
Figure 12-12
Figure 12-13
Figure 12-14
Figure 12-15
Figure 12-16
Figure 12-17
Figure 12-18
Figure 13-1
Figure 13-2
Figure 13-3
Figure 13-4
Figure 13-5
Figure 13-6
Figure 13-7
Figure 13-8
Figure 13-9
Figure 13-10
Figure 14-1
Figure 14-2
Figure 14-3
Figure 14-4
Figure 14-5
Figure 14-6
Figure 14-7
Figure 14-8
Figure 14-9
Figure 15-1
Figure 15-2
Figure 15-3
Figure 15-4
Figure 15-5
Figure 15-6
Figure 15-7
Figure 16-1
Figure 16-2
Figure 16-3
Figure 16-4
Figure 16-5
Figure 16-6
Figure 16-7
Figure 16-8
Figure 16-9
Figure 17-1
Figure 17-2
Figure 17-3
Figure 17-4
Figure 17-5
Figure 17-6
Figure 17-7
Figure 17-8
Figure 18-1
Figure 18-2
Figure 18-3
Figure 18-4
Figure 18-5
Figure 18-6
Figure 18-7
Figure 18-8
Figure 18-9
Figure 18-10
Figure 18-11
Figure 18-12
Figure 18-13
Figure 18-14
Figure 18-15
Figure 18-16
Figure 18-17
Figure 18-18
Figure 18-19
Figure 18-20
Figure 18-21
Figure 18-22
Figure 18-23
Figure 18-24
Figure 18-25
Figure 19-1
Figure 19-2
Figure 19-3
Figure 19-4
Figure 19-5
Figure 19-6
Figure 19-7
Figure 19-8
Figure 19-9
Figure 19-10
Figure 19-11
Figure 19-12
Figure 19-13
Figure 19-14
Figure 19-15
Figure 19-16
Figure 19-17
Figure 19-18
Figure 19-19
Figure 19-20
Figure 19-21
Figure 19-22
Figure 19-23
Figure 19-24
Figure 19-25
Figure 19-26
Figure 19-27
Figure 19-28
Figure 19-29
Figure 19-30
Figure 19-31
Figure 19-32
Figure 19-33
Figure 19-34
Figure 19-35
Figure 19-36
Figure 19-37
Figure 19-38
Figure 19-39
Figure 19-40
Figure 19-41
Figure 20-1
Figure 20-3
Figure 20-4
Figure 20-5
Figure 20-6
Figure 20-7
Figure 20-8
Figure 20-9
Figure 20-10
Figure 20-13
Figure 21-1
Figure 21-2
Figure 21-3
Figure 21-4
Figure 21-5
Figure 21-6
Figure 21-7
Figure 21-8
Figure 21-9
Figure 21-10
Figure 21-11
Figure 21-12
Figure 21-13
Figure 21-14
Figure 21-15
Figure 21-16
Figure 21-17
Figure 21-18
Figure 21-19
Figure 21-20
Figure 21-21
Figure 21-22
Figure 21-23
Figure 21-24
Figure 21-25
Figure 21-26
Figure 21-27
Figure 21-28
Figure 21-29
Figure 21-30
Figure 21-31
Figure 21-32
Figure 21-33
Figure 21-34
Figure 21-35
Figure 21-36
Figure 21-37
Figure 21-38
Figure 21-39
Guide
Cover
Part I: Goal-Directed Design
CH 1: A Design Process for Digital Products
Start Reading
CH 2: Understanding the Problem: Design Research
CH 3: Modeling Users: Personas and Goals
CH 4: Setting the Vision: Scenarios and Design Requirements
CH 5: Designing the Product: Framework and Refinement
CH 6: Creative Teamwork
Part II: Designing Behavior and Form
CH 7: A Basis for Good Product Behavior
CH 8: Digital Etiquette
CH 9: Platform and Posture
CH 10: Optimizing for Intermediates
CH 11: Orchestration and Flow
CH 12: Reducing Work and Eliminating Excise
CH 13: Metaphors, Idioms, and Affordances
CH 14: Rethinking Data Entry, Storage, and Retrieval
CH 15: Preventing Errors and Informing Decisions
CH 16: Designing for Different Needs
CH 17: Integrating Visual Design
Part III: Interaction Details
CH 18: Designing for the Desktop
CH 19: Designing for Mobile and Other Devices
CH 20: Designing for the Web
CH 21: Design Details: Controls and Dialogs
APPENDIX A: Design Principles
APPENDIX B: Bibliography
Title Page
Front Matter
Dedication
Foreword
Introduction
End-User License Agreement
Pages
3
4
6
9
10
11
13
14
15
16
17
18
20
21
22
23
24
26
27
28
29
30
31
32
33
34
35
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
61
62
64
65
66
67
68
69
70
71
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
119
120
121
122
123
124
125
126
127
128
130
131
132
134
135
136
137
138
139
140
141
142
143
145
146
147
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
213
215
217
218
219
220
221
222
223
225
226
227
228
230
231
232
233
234
235
237
238
240
241
243
244
245
246
247
249
250
251
252
253
254
255
256
257
259
261
262
263
264
265
266
267
269
271
272
273
274
275
276
278
279
280
281
283
284
285
286
287
288
289
291
294
297
299
300
301
302
303
304
305
308
309
310
311
312
313
314
315
316
317
319
320
321
323
325
326
327
328
329
330
331
332
333
334
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
357
358
360
361
362
363
364
365
366
367
368
369
371
372
373
375
376
379
380
382
384
385
390
391
392
393
394
396
397
398
399
400
401
402
403
405
406
407
408
409
410
411
412
413
414
415
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
435
436
437
438
439
440
441
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
461
462
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
505
506
507
508
509
510
511
512
513
514
515
516
518
519
520
524
525
526
527
528
529
530
531
532
533
535
539
540
541
543
544
547
549
550
551
552
553
556
557
558
559
560
561
563
564
565
566
567
568
569
570
571
572
573
575
577
578
579
580
581
583
584
585
587
589
590
591
592
593
594
595
596
598
599
602
603
604
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
661
662
663
664
665
666
i
ii
iii
v
vi
ix
x
xv
xvi
xvii
xix
xx
xxi
xxii
xxiii
xxiv
xxv
xxvi
xxvii
Part IGoal-Directed Design
CH 1 A Design Process for Digital Products
CH 2 Understanding the Problem: Design Research
CH 3 Modeling Users: Personas and Goals
CH 4 Setting the Vision: Scenarios and Requirements
CH 5 Designing the Product: Framework and Design Refinement
CH 6 Creative Teamwork
CH 1A Design Process for Digital Products
This book has a simple premise: If we design and develop digital products in such a way that the people who use them can easily achieve their goals, they will be satisfied, effective, and happy. They will gladly pay for our products—and recommend that others do the same. Assuming that we can do so in a cost-effective manner, this will translate into business success.
On the surface, this premise seems obvious: Make people happy, and your products will be a success. Why, then, are so many digital products so difficult and unpleasant to use? Why aren’t we all happy and successful when we use them? Why, despite the steady march of faster, cheaper, and more accessible technology, are we still so often frustrated?
The answer, in short, is the absence of design as a fundamental and equal part of the product planning and development process.
Design, according to industrial designer Victor Papanek, is the conscious and intuitive effort to impose meaningful order. We propose a somewhat more detailed definition of human-oriented design activities:
Understanding the desires, needs, motivations, and contexts of people using products
Understanding business, technical, and domain opportunities, requirements, and constraints
Using this knowledge as a foundation for plans to create products whose form, content, and behavior are useful, usable, and desirable, as well as economically viable and technically feasible
This definition is useful for many design disciplines, although the precise focus on form, content, and behavior varies depending on what is being designed. For example, an informational website may require particular attention to content, whereas the design of a simple TV remote control may be concerned primarily with form. As discussed in the Introduction, interactive digital products are uniquely imbued with complex behavior.
When performed using the appropriate methods, design can, and does, provide the missing human connection in technological products. But most current approaches to the design of digital products don’t work as advertised.
The Consequences of Poor Product Behavior
In the nearly 20 years since the publication of the first edition of About Face, software and interactive digital products have greatly improved. Many companies have begun to focus on serving people’s needs with their products and are spending the time and money needed to support the design process. However, many more still fail to do so—at their peril. As long as businesses continue to focus solely on and while shortchanging design, they will continue to create the kind of products we’ve all grown to despise.
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
