Functional Prototyping for Mobile Apps

Levent Gurses@gursesl

April 2015

Levent Gurses

@gursesl

Entrepreneur, hacker, speaker, organizer

Agenda

Paper Prototyping

Mobile App Prototyping

Apple Watch Prototyping

Q & A

TerminologyPaper drawings

Wireframes

Mockups

Prototypes

Functional prototypes

Throw-away prototypes

Mock applications

The Proto Landscape

Prototyping ToolsPOP

Balsamiq

Flinto

Marvel

InVision

Proto.io

Axure

Keynote

Adobe After Effects

Form

Origami

Framer

Xcode

The Value Proposition

Prototyping Saves Money● $230,000 - Large project for enterprise client -

emphasis on requirements clarification and unified

vision

● $25,000 - Smaller project - offshore development -

most savings from improved developer productivity

and clarity of requirements

Unrelated to Prototyping...

Building great software requires a multidisciplinary team

Yet, we always hear some disciplines are done as an afterthought:

● Security● Testing - performance, I18N, etc.● Ops - environment, etc.

Have you run into this Security guy?

Can’t you build security in?

Why do I feel like an afterthought?

Or this Ops gal?Where is my scripted environment? You’ve got everything: Docker, Fig, Consul, Vagrant, Nginx...

And yet… I feel like an afterthought...

Two days for performance testing? Are you seriously kidding me?

I feel like an afterthought...again...

Or this Testing expert?

Clearly...

They must be suffering from a Feeling Like an Afterthought [and maybe even a Problem] (FLAP) Syndrome

We [UX] may have the opposite problem● UI, UX and related “creative” or design disciplines are

sometimes lumped into an upfront analysis phase as a prequel to the “real” effort. Which clearly makes it feel like a forethought.

● Maybe I am suffering from a Feeling Like A Forethought (FLAF) Syndrome

Allow me to explain

You might think ‘What’s wrong with being a forethought?’

Forethought Thought Afterthought● UI/UX● Design● Requirements

● Dev● Architecture● Testing● Database● Project management

● Security● Ops● Testing● Disaster recovery● I18N● Content management

Yes!

We all yearn to be part of the “real” team, the Thought.

No more Forethought, Afterthought. We are all a Thought!

Cross-Functional Teams to the Rescue● Dev + Ops = DevOps● Dev + UX = DevUX● Dev + DB = DevDB● Dev + Security = DevSec● Dev + Requirements = DevReq

Each sprint includes all disciplines

No more FLAP or FLAF!

A Better Agile Process

In closing...

● Prototyping rocks● Prototyping = Money● Abundance of prototyping tools● DevUX on the horizon

Thank you

@gursesl

ResourcesSketch resources● Apple Watch GUI for Sketch - https://designcode.io/watch

● Apple Watch UI/UX - https://www.pinterest.com/linoleum0/apple-watch-uiux

● Apple Watch Springboard - http://dzinlife.github.io/Apple-Watch-Spring-Board

Framer resources● Framer Docs - http://framerjs.com/docs

● Framer Examples - http://framerjs.com/examples

● Framer Studio - http://framerjs.com/download