Dynamic Prototyping with SketchFlow in Expression Blend: Sketch Your Ideas...And Bring Them to Life!

Cover......Page 1
Table of Contents......Page 6
Introduction......Page 18
Part I: The Theory Behind Sketching and Dynamic Prototyping......Page 32
 Chapter 1: Why Sketching and Prototyping Are Important......Page 34
  Revealing Direction......Page 37
  It’s the Ideas People......Page 38
  Ideas Are Cemented in Purpose......Page 40
 Chapter 2: Design Process......Page 44
  A Typical Design Process......Page 49
  Further Reading......Page 57
 Chapter 3: Patterns and Practices for Innovation......Page 58
  Team Sketching for Ideas......Page 60
  Visual Storytelling......Page 62
  Comic Narrative......Page 63
  Communicating Dynamically......Page 66
  Build Twice for Success......Page 67
  Design Process Patterns......Page 68
  Further Reading......Page 73
  Some Final Thoughts......Page 74
Part II: Let’s Build a Prototype......Page 76
  Let’s Build a Prototype......Page 78
  Setup......Page 81
  Understanding Your Workspace......Page 89
  Creating Your First SketchFlow Map......Page 91
  Summary......Page 95
 Chapter 5: Importing and Creating Content......Page 96
  Adding Content to a Navigation Flow......Page 100
  Tools and Assets for Creating Content for a Navigation Flow......Page 101
  Assets......Page 103
  Adding Controls with the SketchFlow Styles......Page 106
  Summary......Page 108
  Building, Running, and Distributing Your Project......Page 110
  Navigation in the SketchFlow Player......Page 113
  Feddback in the SketchFlow Player......Page 119
  Viewing Feedback in Expression Blend......Page 122
  Summary......Page 125
  Animation Concepts in SketchFlow......Page 126
  Using a PSD File with SketchFlow Animation......Page 127
  Understanding Objects and Timelines and Stack Order......Page 132
  Using SketchFlow with Animation......Page 133
  Working with SketchFlow Animation Frames......Page 136
  Summary......Page 143
  Adding Navigation Objects......Page 144
  Adding Navigation Behaviors to Objects......Page 148
  Summary......Page 151
  Understanding States......Page 152
  Working with the States Panel......Page 156
  Activating States and Transition Timing......Page 164
  Summary......Page 167
 Chapter 10: Working with Data......Page 168
  The Data Panel......Page 169
  Working with Data Properties......Page 172
  Binding Data to a Control......Page 175
  Summary......Page 180
  Adding Reusable Assets with Component Screens......Page 182
  Adding Annotations to Our Project......Page 186
  Creating Documentation......Page 188
  Summary......Page 190
Part III: Understanding SketchFlow......Page 192
 Chapter 12: The SketchFlow Interface......Page 194
  The Workspace......Page 195
  The Tools Panel......Page 197
  The Projects Panel......Page 203
  The Assets Panel......Page 205
  Objects in the Objects and Timeline Panel......Page 207
  Timelines in the Objects and Timeline Panel......Page 210
  Artboard Panel......Page 212
  SketchFlow Map......Page 215
  The Results Panel......Page 216
  The Properties Panel......Page 217
  The Data Panel......Page 222
  Application Menus......Page 223
  Summary......Page 229
 Chapter 13: Assets, Styles, and Components......Page 230
  SketchFlow Style Assets......Page 232
  Working with Styles......Page 236
  Understanding Styles, Templates, and Resources......Page 238
  Working with Components......Page 239
  Summary......Page 241
 Chapter 14: SketchFlow Animation and States......Page 242
  Animation Models in SketchFlow and Expression Blend......Page 243
  SketchFlow Animation......Page 244
  States......Page 252
  Keyframe Animation and Storyboards......Page 261
  Summary......Page 263
 Chapter 15: SketchFlow Behaviors......Page 264
  How Behaviors Work......Page 265
  Triggers and Actions......Page 266
  Behavior......Page 268
  Adding Behaviors and Setting Properties......Page 269
  Summary......Page 275
 Chapter 16: Data......Page 276
  Understanding Data and Binding......Page 277
  The Data Panel......Page 281
  Creating Data Resources for SketchFlow Projects......Page 282
  Working with Data in SketchFlow......Page 286
  Summary......Page 292
  Adding Annotations to Your Project......Page 294
  Getting Feedback with the SketchFlow Player......Page 296
  Navigation in the SketchFlow Player......Page 299
  Importing Feedback into Your Project......Page 304
  Creating Documentation......Page 307
  Summary......Page 309
Part IV: Applied Knowledge......Page 310
 Chapter 18: Project Brief and Sketches......Page 312
  Project Brief......Page 314
  Loyal Customer Survey......Page 315
  Sketching Ideas......Page 316
  Refinement and Master Sketches......Page 319
  Summary......Page 323
  Real World Round 1......Page 324
  Summary......Page 327
 Chapter 20: Adding Animation......Page 328
  Summary......Page 334
 Chapter 21: Client Feedback......Page 336
  Summary......Page 340
 Chapter 22: Set Up for Behaviors......Page 342
  Real World Round 2......Page 343
  Interaction Ground Work......Page 344
  Summary......Page 347
 Chapter 23: Refining States......Page 348
  Summary......Page 352
 Chapter 24: Refining Animation and Interactivity......Page 354
  Customizing for Complex Interactivity......Page 358
  DIY Refinements......Page 361
  Summary......Page 362
  Real World Round 3......Page 364
  Summary......Page 371
 Chapter 26: Refining Data......Page 372
  Tie It All Together......Page 377
  Customizing the Color Swatch List......Page 379
  Summary......Page 381
  Real World Round 4......Page 382
  Generate Base Style and Template......Page 384
  Template Modifications......Page 387
  Summary......Page 390
 Chapter 28: Advanced Fidelity with Templates and Styles......Page 392
  Adding Visual States......Page 396
  Updates to the Root UI......Page 397
  Applying Hi-Fi Styles......Page 399
  DIY It......Page 400
  Summary......Page 401
  Process......Page 402
  Measurement......Page 403
  General......Page 404
  Final Thoughts......Page 405
Part V: Reference......Page 406
 Appendix A: What Is .NET?......Page 408
 Appendix B: What Is XAML?......Page 418
 Appendix C: What Is C#?......Page 436
 Appendix D: What Is WPF?......Page 462
 Appendix E: What Is Silverlight?......Page 472
 Appendix F: Additional Resources......Page 486
 A......Page 498
 B......Page 500
 C......Page 501
 D......Page 504
 E......Page 506
 F......Page 507
 G......Page 508
 I......Page 509
 M......Page 510
 N......Page 511
 O......Page 512
 P......Page 513
 R......Page 514
 S......Page 515
 T......Page 518
 U......Page 519
 W......Page 520
 X – Y – Z......Page 521