Sketching User Experiences: The Workbook (eBook)

Bill Buxton, Sheelagh Carpendale, Saul Greenberg, Nicolai Marquardt (Autoren)

eBook Download: PDF | EPUB

2011 | 1. Auflage
272 Seiten
Elsevier Science (Verlag)
978-0-12-381961-1 (ISBN)

Infos

Sketching Working Experience: The Workbook provides information about the step-by-step process of the different sketching techniques. It offers methods called design thinking, as a way to think as a user, and sketching, a way to think as a designer. User-experience designers are designers who sketch based on their actions, interactions, and experiences.
The book discusses the differences between the normal ways to sketch and sketching used by user-experience designers. It also describes some motivation on why a person should sketch and introduces the sketchbook. The book reviews the different sketching methods and the modules that contain a particular sketching method. It also explains how the sketching methods are used.
Readers who are interested in learning, understanding, practicing, and teaching experience design, information design, interface design, and information architecture will find this book relevant.

• Features standalone modules detailing methods and exercises for practitioners who want to learn and develop their sketching skills
• Extremely practical, with illustrated examples detailing all steps on how to do a method
• Excellent for individual learning, for classrooms, and for a team that wants to develop a culture of design practice
• Perfect complement to Buxton's Sketching User Experience or any UX text

• Author-maintained companion website at

  http://grouplab.cpsc.ucalgary.ca/sketchbook/

PhD, Full Professor, Department of Computer Science, University of Calgary

Inhalt

Front Cover 1
Sketching User Experiences 2
Copyright Page 3
Table of Contents 4
Preface 8
Acknowledgments 10
Section 1: Getting into the Mood 12
1.1 Introduction 14
Mission 14
What this book is about 14
Companion Book 14
Why Sketch? 15
Audience 16
Structure of this Book 17
1.2 Why Should I Sketch? 18
Sketching is About Design 18
Getting the Design Right 19
Elaboration and Reduction 20
The Design Funnel 21
The Product View 22
You NowKnow 23
1.3 The Sketchbook 24
Why a Sketchbook? 24
Uses of a Sketchbook 24
Best Practices 25
Properties of Good Sketchbooks 26
You Now Know 27
1.4 10 Plus 10: Descending the Design Funnel 28
The 10 Plus 10 Method 28
Design Challenge 1: Connecting Two Smart Phones 29
Design Challenge 2 37
Design Challenge 3 38
You Now Know 38
Section 2:Sampling the Real World 40
2.1 Scribble Sketching 42
Capturing Ideas in Existing Systems 42
Scribble sketching in the dark,While doing other things 44
Practicing Scribble Sketching 45
You Now Know 45
2.2 Sampling with Cameras 46
Sampling Objects That Irritate You and Others 46
Sampling Compelling Designs 49
Sampling Things That Inspire You 51
You Now Know 53
2.3 Collecting Images & Clippings
Developing Your Collection 54
Examples of Collections 58
You Now Know 60
2.4 Toyboxes and Physical Collections 62
Part One: Collecting Objects as Idea Triggers 63
Collecting Objects to Build With 64
Part Two: Storing Objects 66
Part Three: Curating Your Objects 69
Case Study: The Buxton Collection 70
You Now Know 73
2.5 Sharing Found Objects 74
Managing Sharing/Privacy Issues Around Sketching and Collecting 76
You Now Know. 77
Section 3: The Single Image 78
3.1 Warm Up to Sketching 80
An Exercise in Line Quality 80
Variations 85
You Now Know 85
3.2 Sketching What You See 86
An Excercise in Drawing What You See 86
Part 1: Drawing From Your Imagination 87
Part 2: Copy a Drawing of a Person 89
Part 3: Drawing What You Actually See 91
Comparing the Results 91
You Try 94
You Now Know 95
3.3 Sketching Vocabulary 96
You Now Know 101
3.4 The Vanilla Sketch 102
The Drawing 102
Annotations 103
Notes 105
You Now Know 105
3.5 The Collaborative Sketch 106
Gestures: Sketching With Others 107
You Now Know 108
3.6 Slideware for Drawing 110
Sketching in Slideware 110
Digital vs Paper-Based Sketching 113
Digital Collaboration 114
You Now Know 114
3.7 Sketching with Office Supplies 116
The Versatile Sticky Note 116
Interacting with Office Supplies Over Time 119
Using Office Supplies with Others 119
You Now Know 119
3.8 Templates 120
Appropriating Photos 120
Tracing 121
More on Layers 122
Back to Paper 124
Another Example: A Web Page Template 125
You Now Know 126
3.9 Photo Traces 128
Creating a Photo Trace 128
Using the Photo Traces 130
You Now Know 137
3.10 Hybrid Sketches 138
You Now Know 143
3.11 Sketching with Foam Core 144
Method 1: Sketching a Novel Interface or a Digital Watch 144
Method 2: Using Photos to Prototype Existing Devices 150
You Now Know 155
Section 4: Snapshots in Time: The Visual Narrative 156
4.1 Sequential Storyboards 158
The Sequential Storyboard 158
You Now Know 162
4.2 The State Transition Diagram 164
A Storyboard as States and Transitions 164
Transition Diagram with Branches 167
You Now Know 168
4.3 The Branching Storyboard 170
The Cell Phone Example 170
The Interactive Shopping System Example 173
You Now Know 177
4.4 The Narrative Storyboard 178
A Vocabulary of Camera Shots and Film Making 178
Method 1: Sketching Storyboards 179
Method 2: Photo-Based Storyboards 184
You Now Know 188
Section 5: Animating the User Experience 190
5.1 The Animated Sequence 192
The Slide Show 192
The Registration Problem 192
The Solution: Registering Images 193
You Now Know 197
5.2 Motion Paths 198
You Now Know 202
5.3 Branching Animations 204
Selecting Alternative Interaction Paths Through Hyperlinks 204
You Now Know 209
5.4 Keyframes and Tweening 210
Some Definitions 210
Example: Adobe Flash 213
You Try 218
You Now Know 218
5.5 Linear Video 220
Preparation 220
Recording The Movie 222
Variations: Paper and Transparency 223
You Now Know 224
Section 6: Involving Others 226
6.1 Uncovering the Initial Mental Model 228
Uncovering The Mental Model 230
You Now Know 237
6.2 Wizard of Oz 238
Example 1: The Listening Typewriter 238
Example 2: Robotic Interruption 241
Example 3: The Fax Machine 243
You Now Know 245
6.3 Think Aloud 246
Steps of Think Aloud 246
You Now Know 251
6.4 Sketch Boards 252
Preparation Method 1: Foam Core Poster Sheets 252
Preparation Method 2: Sticky Notes And Whiteboards 254
Share Your Sketches with Others 255
You Now Know 257
6.5 The Review 258
The Elevator Pitch 259
The Desktop Review 260
The Meeting 261
The Formal Review (or the Crit) 263
You Now Know 264
Index 266

Produkt-Details

• Erscheint lt. Verlag: 14.11.2011
• Sprache: englisch
• Themenwelt: Kunst / Musik / Theater ► Design / Innenarchitektur / Mode
• Themenwelt: Informatik ► Software Entwicklung ► User Interfaces (HCI)
• Themenwelt: Technik
• Themenwelt: Wirtschaft ► Betriebswirtschaft / Management ► Unternehmensführung / Management
• ISBN-10: 0-12-381961-X / 012381961X
• ISBN-13: 978-0-12-381961-1 / 9780123819611