integrating design & development

24
Carl Erickson & Brittany Hunter www.atomicobject.com MSU Women in Computing November 6, 2012 Integrating Design and Development to make Great Software

Upload: atomic-object

Post on 19-Nov-2014

704 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Integrating Design & Development

Carl Erickson & Brittany Hunter www.atomicobject.com

MSU Women in ComputingNovember 6, 2012

Integrating Design and Development to

make Great Software

Page 2: Integrating Design & Development

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

Page 3: Integrating Design & Development

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

Page 4: Integrating Design & Development

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

Open Environment

Page 5: Integrating Design & Development

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

Page 6: Integrating Design & Development

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

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

Page 7: Integrating Design & Development

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

Project Kickoff

Page 8: Integrating Design & Development

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

Innovation Games

Page 9: Integrating Design & Development

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

closeup of Product Backbone

Product Backbone

Page 10: Integrating Design & Development

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

Understanding a Problem

Page 11: Integrating Design & Development

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

Contextual Inquiry

Page 12: Integrating Design & Development

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

Mental Models

Page 13: Integrating Design & Development

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

Implementing a Solution

Page 14: Integrating Design & Development

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

Flexible, Lo-Fi Artifacts

Page 15: Integrating Design & Development

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

tl:dr;

Page 16: Integrating Design & Development

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

Storyboards & Sketches

Page 17: Integrating Design & Development

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

Hi-fidelity Design

Strategy

Scenarios

Sketching

Planning

Prototypes

IA & IxD Patterns

Markup

Coding

Page 18: Integrating Design & Development

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

pairing shot

Pair Programming

Page 19: Integrating Design & Development

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

Test-Driven Development

Page 20: Integrating Design & Development

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

Burn Chart

Page 21: Integrating Design & Development

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

kanban/tracking tools (big visible charts)

Kanban

Page 22: Integrating Design & Development

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

Validate Assumptions

Page 23: Integrating Design & Development

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

Case Study: Paper Prototypes

Page 24: Integrating Design & Development

Carl Erickson & Brittany Hunterwww.atomicobject.com

Conclusion + Q & A