Simulating Mobile Apps

Scott McDowell

Started 1st company

’94 ’95

Designed 1st site

Designed 1st MobileWAP site

’03

Started UX Agency

’05

Started Mobile Design / Dev Shop

’08

Sold UX Agency

’12

Moved to Sunny LA

User Experience Designer, Entrepreneur, Advisortwitter: @_gotham

Today’s Agenda

10

Why Simulate?

Mobile SimulationTools

Simulation Workshop

Wrap UpQ&A

10 15 40 55

Why Simulate?

“The benefit of it was immediately apparent when all the stakeholders could touch and play with what seemed to be the real app.”

-Pek Pongpaet, Founder of Pinstagram

Explore ideas Identify the navigation and overall contentExperiment with the look and feel, and visual aestheticsPerform user testing to improve usability and user experienceInvestigate possible pitfalls well in advance of development (Fail Fast)

Techniques

Method/Tool TimeFidelit

yShare Test Touch

Paper Prototype Fast LowMediu

mLimite

dNo

Static Wireframes (Visio, Omni,

etc.)

Medium

Low-High

LowLimite

dNo

Source Code Prototype

SlowLow-High

Medium

Yes Yes

Simulating / Rapid Prototype

FastLow-High

High Yes Yes

Paper Prototypes

Wireframes

Coded Prototypes

Simulation / Prototyping ToolsAntetype Axure RP Balsamiq Blueprint codiqa

Divshot Easel.io FieldTest Fireworks Flash

FluidUI Foundation Handcraft Illustrator iMockups

InDesign InVision iRise Jetstrap Justinmind

Keynotopia mockingbird MockingBot Moqups Notism

pidoco proto.io ProtoShare Prototypes Realizer

refine.io SketchFlow Solidify UXPin Wirefy

Simulation / Prototyping ToolsAntetype Axure RP Balsamiq Blueprint codiqa

Divshot Easel.io FieldTest Fireworks Flash

FluidUI Foundation Handcraft Illustrator iMockups

InDesign InVision iRise Jetstrap Justinmind

Keynotopia mockingbird MockingBot Moqups Notism

pidoco proto.io ProtoShare Prototypes Realizer

refine.io SketchFlow Solidify UXPin Wirefy

Let’s Simulate Something

Ideas, Comments, Drinks?

Wrap Up

www.scottmcdowell.me gotham@me.com

@_gotham