Functional Prototyping for Mobile Apps Levent Gurses @gursesl April 2015
Jul 16, 2015
TerminologyPaper drawings
Wireframes
Mockups
Prototypes
Functional prototypes
Throw-away prototypes
Mock applications
Prototyping ToolsPOP
Balsamiq
Flinto
Marvel
InVision
Proto.io
Axure
Keynote
Adobe After Effects
Form
Origami
Framer
Xcode
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
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
In closing...
● Prototyping rocks● Prototyping = Money● Abundance of prototyping tools● DevUX on the horizon
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