Product Design for iOS - Sketch Fast, Test Often
20
SKETCH FAST. TEST OFTEN.
Transcript of Product Design for iOS - Sketch Fast, Test Often
SKE TCH FAST. TEST OF TEN.
WHO WE ARE
WHAT VALUE IS IT PROVIDING?
IS IT A UTILITY? WHAT DOES IT DO?
For target customer, who has customer need, product name is a market category that one key benefit, unlike competition,the product
unique differentiator
CREATING VALUE PROPOSITIONS +
ELEVATOR PITCHES
vs
THE TARGETED EXPERIENCE
Manual – Custom exposure cameraInstagram
For intermediate-professional photographers, who has a desire for manual control on a phone, Manual is a photography app that allows
photographers to use a phones’ camera with DSLR-like controls, unlike Instagram,the product focuses on empowering users to create
performance, quality, and variation similar to a professional camera.
CREATING VALUE PROPOSITIONS +
ELEVATOR PITCHES
For intermediate-professional photographers, who has a desire for manual control on a phone, Manual is a photography app that allows
photographers to use a phones’ camera with DSLR-like controls, unlike Instagram,the product focuses on empowering users to create
performance, quality, and variation similar to a professional camera.
CREATING VALUE PROPOSITIONS +
ELEVATOR PITCHES
MAKING IT REAL
GOOD DESIGN CREATES
COGNITION WITH EVERYDAY LIFE
The Converted
BE CONSCIOUS OF THE USERS SURROUNDING
AND HOW FAMILIAR
INFORM NEW INTERACTIONS.
Sky Guide: View Stars Night or Day
STRUCTURING CONTENT
LAYING THINGS OUT
LAYING THINGS OUT
LAYING THINGS OUT
LAYING THINGS OUT
TEST TEST TEST
CAN YOU REACH ALL THE BUTTONS?
IS THERE HIERARCHY BETWEEN THE OBJECTS?
IS EVERYTHING LEGIBLE?
DO THE FLOWS BETWEEN SCREENS MAKE SENSE?
CAN I MAKE THIS FEEL BETTER?
TOOLS
After Effects or Core Animator Creating high fidelity mockups for animation and communicating visual and motion language.
Zeplin Collaboration app for UI designers & frontend developers. Turns wireframes into specs and guidelines
Pixate Creating high fidelity mockups using native IOS animations and click-through interactions.
TOOLS
RESOURCES
IOS CHEATSHEET - FOR DISPLAYS, DIMENSIONS AND ICONS
HTTP://IVOMYNTTINEN.COM/BLOG/THE-IOS-DESIGN-CHEAT-SHEET-VOLUME-2/
ICONS
FONTAWESOME / ICOMOON / THE NOUN PROJECT
INSPIRATIONS
DRIBBBLE / PTTRNS / PANDA CHROME EXTENSION / BEHANCE
STOCK IMAGES + RESOURCES
HTTP://WWW.SITEBUILDERREPORT.COM/STOCK-UP / HTTP://FREEBIESBUG.COM
