Design Prototyping Bringing Wireframes to Life Dan Harrelson

Please * * As if I could stop #mix09 #proto

Introduction Design deliverables What’s design prototyping? Why prototype? What makes a good prototype? Techniques for prototyping

No ProductAwesome Product Design processes are dynamic

We take in all sorts of input Competitive Analysis User Research Brand Guidelines Metrics Technology Business Strategy

We work with lots of different people Stakeholders Prospects Customers Designers Developers Partners Users

We come up with some dynamic ideas

We output some pretty static stuff Sitemaps User flows Personas Wireframes Visual comps

We need something more dynamic: Design Protoyping

* Prototypes... allow engineers and designers the ability to explore design alternatives, test theories and confirm performance prior to starting production of a new product *

Proof of concept secure scalable connected integrated Rails.NET mashup hard easy REST JSON Silverlight AIR slow fast api performance XAML

... allow engineers and designers the ability to explore design alternatives, test theories and confirm performance prior to starting production of a new product * * Prototypes

Design prototype animated usable slick branded friendly hard easy competitive personal safe functional complex simple static interactive

Why prototype?

Wireframes aren’t enough

Prototype goes here

Reduce documentation

Get internal buy-in* *money for your concept

Usability test

See how a concept will Function Feel Work

Experiences are Interactive

Experiences are Responsive

Experiences have Emotion* *Wireframes Don’t

Generate concepts Validate concepts

What makes a good prototype?

Interactive

FastHow Fast? How about an afternoon?

Disposable It’s not about the prototype, it’s about the ideas! It’s not about the prototype, it’s about the ideas!

Do prototype: Core interactions Important patterns Risky functionality Don’t prototype: Solved problems Agreed upon solutions Focused

Complex Critical Design Prototype Quick Wireframe

Prototyping techniques

Paper prototyping

Digital prototyping

In conclusion Deliverables need to be more dynamic Design prototyping can help... Good ones are fast, disposable and focused

Thanks! Questions? Comments? Dan m

September 15-18, 2009 San Francisco Use promotional code MIX and get 10% off either registration price. April 2-3, 2009 San Francisco events/2009/apr May 11-14, 2009 Berlin June 15-18, 2009 San Francisco November 2-5, 2009 Washington, D.C. ts/2009/uxihttp://adaptivepath.com/even ts/2009/uxi/