Design for Software: A Playbook for Developers

Overview

A unique resource to help software developers create a desirable user experience

Today, top-flight software must feature a desirable user experience. This one-of-a-kind book creates a design process specifically for software, making it easy for developers who lack design background to create that compelling user experience. Appealing to both tech-savvy designers and creative-minded technologists, it establishes a hybrid discipline that will produce first-rate software. ...

See more details below
Paperback
$33.77
BN.com price
(Save 32%)$49.99 List Price

Pick Up In Store

Reserve and pick up in 60 minutes at your local store

Other sellers (Paperback)
  • All (14) from $26.09   
  • New (11) from $26.73   
  • Used (3) from $26.09   
Design for Software: A Playbook for Developers

Available on NOOK devices and apps  
  • NOOK Devices
  • NOOK HD/HD+ Tablet
  • NOOK
  • NOOK Color
  • NOOK Tablet
  • Tablet/Phone
  • NOOK for Windows 8 Tablet
  • NOOK for iOS
  • NOOK for Android
  • NOOK Kids for iPad
  • PC/Mac
  • NOOK for Windows 8
  • NOOK for PC
  • NOOK for Mac
  • NOOK Study

Want a NOOK? Explore Now

NOOK Book (eBook)
$28.49
BN.com price
(Save 43%)$49.99 List Price

Overview

A unique resource to help software developers create a desirable user experience

Today, top-flight software must feature a desirable user experience. This one-of-a-kind book creates a design process specifically for software, making it easy for developers who lack design background to create that compelling user experience. Appealing to both tech-savvy designers and creative-minded technologists, it establishes a hybrid discipline that will produce first-rate software. Illustrated in full color, it shows how to plan and visualize the design to create software that works on every level.

  • Today's software demands attention to the quality of the user experience; this book guides you through a practical design process to achieve that goal
  • Approaches the mechanics of design with a process inspired by art and science
  • Avoids the abstract and moves step by step through techniques you can put to use immediately
  • Covers planning your design, tested methods, how to visualize like a designer, psychology of design, and how to create software that developers will appreciate
  • Explores such elements as choosing the right typeface and managing interactivity

Design for Software: A Playbook for Developers brings the art of good design together with the science of software development to create programs with pizazz.

Read More Show Less

Product Details

  • ISBN-13: 9781119942900
  • Publisher: Wiley
  • Publication date: 3/25/2013
  • Edition number: 1
  • Pages: 320
  • Sales rank: 787,521
  • Product dimensions: 7.30 (w) x 9.10 (h) x 0.70 (d)

Meet the Author

Erik Klimczak is a Creative Director in Chicago dedicated to making technology meaningful for his clients. He has assisted in the design and production of software for industries as diverse as healthcare, automobiles, finance, retail, law, entertainment, insurance, marketing, education, consumer products, gaming, sports, food and beverage, communications, media, security and more. As a hybrid technologist/artist, Klimczak is uniquely positioned to present design theory concepts to tech-minded professionals who don’t have a background in traditional design.

Read More Show Less

Table of Contents

Acknowledgements viii

Introduction 1

Part I: Research 5

CHAPTER 1 Planning 7

An Introduction to User Research 8

User Research Is Not Usability 9

Design Lingo: Ethnography 9

Start with User Insights 9

Case Study: Lightning Fast Checkout 14

Making Sense of Your Findings 18

Summary 20

CHAPTER 2 Inspiration 21

Steal Like an Artist 22

If All Else Fails 34

Summary 36

Part II: Design Thinking 37

CHAPTER 3 Sketching 39

Design Thinking—A Developer’s Kind of Design 40

Sketching—Where It All Begins 40

The Benefi ts of Sketching 41

When to Sketch 42

Tools for Sketching 42

The Basics of Application Flows 47

Creating an Application Flow 49

What Storyboards Can Do for You 58

When to Use Storyboards 59

Creating a Storyboard 59

Not Sure Where to Begin? Start with a Template 60

Summary 62

CHAPTER 4 Information Architecture 63

What Is information Architecture, Exactly? 65

The Cost of Usability 65

Information Architecture Deliverables 66

Personas, User Scenarios, and Storyboards 67

Content Models 67

Application Flow 67

Wireframes 69

Gesture Dictionary 69

Information Architecture Is All About the Content 70

Make It Meaningful 70

Information Architecture: Like a Boss in Five Steps 72

Step 1: Define Themes, Goals and Requirements 73

Step 2: Choose a Layout 74

Step 3: Group Similar Items 85

Step 4: Be Consistent 86

Step 5: Reduce 87

Summary 88

CHAPTER 5 Wireframes 91

Debunking Wireframes 92

Wireframes 101 93

When Should You Create the Wireframes? 93

Anatomy of a Wireframe 94

Are You Speaking Wireframe? 95

Do’s & Don’ts 98

Tools for Awesome Wireframes 102

Tools for Awesome-er Wireframes 105

Wireframe Techniques 107

Wireframe Technique #1: Creating the Basic Wireframe 107

Wireframe Technique #2: Using Shades of Gray and One Color 108

Wireframe Technique #4: Using the Frame-by-Frame Approach 111

Wireframe Technique #5: Using Bubbles 112

Wireframe Technique #6: Magnifying Details 112

Summary 114

CHAPTER 6 Prototyping 115

When Should I Prototype? 116

1. Communicating a New Idea 117

2. Creating a Proof of Concept 117

3. Conducting Basic Usability Testing 117

4. Determining Whether an Idea Is Worth a Bigger Investment 117

What Makes an Eff ective Prototype? 118

Fake It—Be Clever, Not Complicated 120

Making “Little Bets” 121

Awesome Tools for Prototyping 122

Microsoft SketchFlow 122

Adobe Edge Tools 123

Adobe After Effects 124

Keynote / PowerPoint 125

HTML / JavaScript / CSS3 126

Axure RP 127

Arduino, Openframeworks, Processing 128

Prototyping Techniques 129

Prototyping Technique #1: Paper Prototypes 130

Prototyping Technique #2: Interactive Wireframes 131

Prototyping Technique #3: Video Prototyping 136

Summary 140

Part III: Visual Design 141

CHAPTER 7 Color 143

Color Basics 144

Color Vocabulary 144

Color Models 146

Cool and Warm Colors 149

The Psychology of Color 151

Contrast 154

Applied Color: A Few Rules of Thumb 156

Stick With Two to Three Colors 156

Start with Solids, Then Move to Gradients 157

Use Shades of a Hue 157

Green Means Go 157

What Makes a Good Color Palette? 158

Shades of Gray 159

Five Color Palettes You Can’t Go Wrong With 160

Color Techniques 163

Color Technique #1: Use a Photograph to Generate a Color Palette 163

Color Technique #2: Code with Color 165

Color Technique #3: Use Photoshop 167

Bonus Color Technique: Use an Algorithm to Find Average Color 170

Summary 173

CHAPTER 8 Digital Typography 175

First Things First 176

A Lap Around Typography 177

Understanding Type Terminology 177

Font or Typeface—What’s the Difference? 182

Type Classification 182

Serif Typefaces 182

Sans-Serif Typefaces 185

Eight Ways to Improve Your Typography 187

1. Pick a Scale and Stick with It 187

2. Use Consistent Spacing 188

3. Consider the Measure 189

4. A Little Can Go a Long Way 190

5. Pick a Good Body Font 191

6. Use a Single Family 193

7. Combine Two to Three Typefaces 194

8. Use a Good Ampersand 199

Summary 199

CHAPTER 9 Visual Communication 201

It Ain’t Th at Simple 202

1. Design As Th ough You’re Designing for Yourself 203

2. Be Consistent 203

Five Ways to Clarify Your Design 204

1. Slap a Grid on It 204

2. Establish Hierarchy 211

3. Remove the Junk 215

4. Check for Parallelism 220

5. Create Clear Aff ordances 221

Summary 226

CHAPTER 10 Motion 227

Animations Look Cool, but Can Th ey Actually Make It Work Better? 228

Transitions, Animations, and Timing Guidelines 229

What’s the Difference Between an Animation and a Transition? 229

Not Too Fast, Not Too Slow, Not Too Many 230

When Should I Use Motion? 230

When Should I Avoid Motion? 231

Fade, Slide, and Scale—Animation’s Super Tools 232

Fade 232

Slide 233

Scale 233

Motion Principles 234

Slow In and Slow Out 234

Squash and Stretch 235

Anticipation 236

Follow-Through and Overlapping Action 237

Arcs 238

Easing 239

Advanced Motion Techniques 242

Follow 242

Cognitive Tomfoolery 243

Summary 244

Part IV: Interaction Design 245

CHAPTER 11 Interaction Design Principles 247

An Introduction to Interaction Design 248

Getting In the Flow 249

Ways to Facilitate Flow 250

Learnability Versus Usability 256

Designing for Usability 256

Designing for Learnability 258

Ergonomics 259

Muscle Fatigue 260

Field of View and Peripheral Vision 261

Environment and Lighting Conditions 263

Optimal Touch Targets 263

Occlusion 265

Summary 267

CHAPTER 12 Design Patterns 269

Why Use Design Patterns? 270

Other Design Pattern Resources 271

The Patterns 273

Auto Focus 274

Drag and Drop 274

Auto Save 275

Blank Slate 276

Progress Indicators 277

Use Good Target Sizes 278

A Button Is a Button Is a Button 279

Avoid Modal States unless It’s Critical to Use Them 279

Direct Manipulation 281

Group Like Items 281

Continuous Scrolling 282

Size to Importance Visualization 283

Glance-View Dashboard 284

Error-Proof Controls 285

Get Me Out of Here 286

Right/Left Input Alignment 287

Super Search 288

Simple Task, Simple UI; Complex Task, Complex UI 288

Sync Position 290

Contrast Your Fonts 290

Summary 291

Index 293

Read More Show Less

Customer Reviews

Be the first to write a review
( 0 )
Rating Distribution

5 Star

(0)

4 Star

(0)

3 Star

(0)

2 Star

(0)

1 Star

(0)

Your Rating:

Your Name: Create a Pen Name or

Barnes & Noble.com Review Rules

Our reader reviews allow you to share your comments on titles you liked, or didn't, with others. By submitting an online review, you are representing to Barnes & Noble.com that all information contained in your review is original and accurate in all respects, and that the submission of such content by you and the posting of such content by Barnes & Noble.com does not and will not violate the rights of any third party. Please follow the rules below to help ensure that your review can be posted.

Reviews by Our Customers Under the Age of 13

We highly value and respect everyone's opinion concerning the titles we offer. However, we cannot allow persons under the age of 13 to have accounts at BN.com or to post customer reviews. Please see our Terms of Use for more details.

What to exclude from your review:

Please do not write about reviews, commentary, or information posted on the product page. If you see any errors in the information on the product page, please send us an email.

Reviews should not contain any of the following:

  • - HTML tags, profanity, obscenities, vulgarities, or comments that defame anyone
  • - Time-sensitive information such as tour dates, signings, lectures, etc.
  • - Single-word reviews. Other people will read your review to discover why you liked or didn't like the title. Be descriptive.
  • - Comments focusing on the author or that may ruin the ending for others
  • - Phone numbers, addresses, URLs
  • - Pricing and availability information or alternative ordering information
  • - Advertisements or commercial solicitation

Reminder:

  • - By submitting a review, you grant to Barnes & Noble.com and its sublicensees the royalty-free, perpetual, irrevocable right and license to use the review in accordance with the Barnes & Noble.com Terms of Use.
  • - Barnes & Noble.com reserves the right not to post any review -- particularly those that do not follow the terms and conditions of these Rules. Barnes & Noble.com also reserves the right to remove any review at any time without notice.
  • - See Terms of Use for other conditions and disclaimers.
Search for Products You'd Like to Recommend

Recommend other products that relate to your review. Just search for them below and share!

Create a Pen Name

Your Pen Name is your unique identity on BN.com. It will appear on the reviews you write and other website activities. Your Pen Name cannot be edited, changed or deleted once submitted.

 
Your Pen Name can be any combination of alphanumeric characters (plus - and _), and must be at least two characters long.

Continue Anonymously

    If you find inappropriate content, please report it to Barnes & Noble
    Why is this product inappropriate?
    Comments (optional)