Mobile app prototyping

Petr Dvorak, iOS Development Lead

Petr Dvorak, iOS Development Lead

Outline

• Motivation for an app prototyping

• Tools and techniques for prototyping

• Design and design testing

Motivation

How to have an app without making an app

Why prototyping?

• Discover issues before the product is done

• The resulting product is better

• Create design more efficiently

• Have more insightful team

ČT24 verze 1.0.0

ČT24 verze 3.0.0

Lessons Learned

• Invest more time in initial product design

• Never stop improving your product

• Communicate and iterate with client

• Let professionals review the design

Tools

Paper, Pencil & Stencils

Balsamiq Mockups

Join.me

• Easy screen sharing

• Enables efficient collaboration

• Concept explaining

• Order tracking

• Sign-in and sign-out needed

• Contact your sales person

Business case

What we aim for...

Balsamiq Mockups

The first design is prototype too

Photoshop / Fireworks

Photoshop / Fireworks

LiveView

• Screen-cast from desktop to iPhone/iPad

• Quick design verification by designer

• Design presentations

Design implementation

“No matter how good your design is

programmers will screw it up...”

-- Dvorak’s first law of physics, 2011

Use tools

• Detect misaligned or scaled images

• Detect incorrect image blending

• Measure the font and gap sizes

Use people too...

• Ask designer for review

• Verify design with customer

How is app design born?

•Someone does it for you

•You need to do it

ArchetypesExtrovert

Introvert

IndividualAffiliative

Ares

Zeus

AppoloDemeter

Hera

Aphrodite

NeedScopeTM

Does your product cause emotions?

Thank you. Q&A?

Tuesday, October 11, 2011