Integrating Design & Development

Carl Erickson & Brittany Hunter www.atomicobject.com

MSU Women in ComputingNovember 6, 2012

Integrating Design and Development to

make Great Software

@atomicobject http://spin.atomicobject.com 22

@atomicobject http://spin.atomicobject.com 3

@atomicobject http://spin.atomicobject.com 4

Open Environment

@atomicobject http://spin.atomicobject.com 5

@atomicobject http://spin.atomicobject.com 6

Slide from AO? Talking to a Customer?Shawn talking to person?

@atomicobject http://spin.atomicobject.com 7

Project Kickoff

@atomicobject http://spin.atomicobject.com 8

Innovation Games

@atomicobject http://spin.atomicobject.com 9

closeup of Product Backbone

Product Backbone

@atomicobject http://spin.atomicobject.com 10

Understanding a Problem

@atomicobject http://spin.atomicobject.com 11

Contextual Inquiry

@atomicobject http://spin.atomicobject.com 12

Mental Models

@atomicobject http://spin.atomicobject.com 13

Implementing a Solution

@atomicobject http://spin.atomicobject.com 14

Flexible, Lo-Fi Artifacts

@atomicobject http://spin.atomicobject.com 15

tl:dr;

@atomicobject http://spin.atomicobject.com 16

Storyboards & Sketches

@atomicobject http://spin.atomicobject.com 17

Hi-fidelity Design

Strategy

Scenarios

Sketching

Planning

Prototypes

IA & IxD Patterns

Markup

Coding

@atomicobject http://spin.atomicobject.com 18

pairing shot

Pair Programming

@atomicobject http://spin.atomicobject.com 19

Test-Driven Development

@atomicobject http://spin.atomicobject.com 20

Burn Chart

@atomicobject http://spin.atomicobject.com 21

kanban/tracking tools (big visible charts)

Kanban

@atomicobject http://spin.atomicobject.com 22

Validate Assumptions

@atomicobject http://spin.atomicobject.com 23

Case Study: Paper Prototypes

Carl Erickson & Brittany Hunterwww.atomicobject.com

Conclusion + Q & A