In this talk I talk about what it takes to create an amazing mobile experience, be innovative and include some tips and tricks we've learned at pinch/zoom to be successful.
41. a mobile design & development
firm located in Fremont
a few of our clients...
42. “We could build the best mobile app
ever made, but if our customers don’t
know why it’s good, then it could be
a mobile design & development
firm located in Fremont
the worst app ever made.
—Scott Dierdorf
a few of our clients... @sdierdorf
56. Creating Amazing Experiences for all Mobile Devices
CLIENT
Automatic Data Processing
PROJECTS
ADP iPhone App, Mobile Web App, Content Proxy
SERVICES Screenshot
Concept, Strategy, Design & Development
DESCRIPTION
Placeholder
We designed and developed an application for ADP customers to
complete common tasks related to HR, payroll, and benefits in a
mobile context.
This document contains confidential information and is provided for private review only. Do not distribute without permission.
57. disrupt
ls
tec
oa
business
hn
sg
ica
es
lg
sweet
sin
spot
oa
bu
ls
user goals
71. “As long as a function is confined to
a small area on a wafer, the amount
of capacitance which must be driven
is distinctly limited.”
—Gordon E. Moore
April 19, 1965
MADE WITH LOVE IN SEATTLE BY
73. 1970 1980 1990 2000 2010 2020
computing mainframe pc’s mobility ubiquity
network
internet
devices
web
MADE WITH LOVE IN SEATTLE BY
74. 1970 1980 1990 2000 2010 2020
computing mainframe pc’s mobility ubiquity
network 1G 2G 2.5G 3G 4G
internet
devices
web
MADE WITH LOVE IN SEATTLE BY
75. 1970 1980 1990 2000 2010 2020
computing mainframe pc’s mobility ubiquity
network 1G 2G 2.5G 3G 4G
internet IPv4 IPv6
devices
web
MADE WITH LOVE IN SEATTLE BY
76. 1970 1980 1990 2000 2010 2020
computing mainframe pc’s mobility ubiquity
network 1G 2G 2.5G 3G 4G
internet IPv4 IPv6
devices brick candybar feature touch
web
MADE WITH LOVE IN SEATTLE BY
77. 1970 1980 1990 2000 2010 2020
computing mainframe pc’s mobility ubiquity
network 1G 2G 2.5G 3G 4G
internet IPv4 IPv6
devices brick candybar feature touch
web academia dot-com web 2.0 HTML5
MADE WITH LOVE IN SEATTLE BY
78. 1970 1980 1990 2000 2010 2020
computing mainframe pc’s mobility ubiquity
network 1G 2G 2.5G 3G 4G
internet IPv4 IPv6
devices brick candybar feature touch
web academia dot-com web 2.0 HTML5
MADE WITH LOVE IN SEATTLE BY
79. 1970 1980 1990 2000 2010 2020
computing mainframe pc’s mobility ubiquity
network 1G 2G 2.5G 3G 4G
internet IPv4 IPv6
devices brick candybar feature touch
web academia dot-com web 2.0 HTML5
MADE WITH LOVE IN SEATTLE BY
81. ‣ designed to get brands on the mobile path
quickly
‣ it lasts from 1-5 days depending on the size
and scope of the project
‣ we create a shared vision of how mobile is
meant to improve your business
‣ we discover what you do well
‣ we uncover areas where you can improve
‣ we define what success will look like
‣ we define how mobile will improve your
bottom line
‣ the result is a mobile strategy that you can
start on today that will take you into
tomorrow
MADE WITH LOVE IN SEATTLE BY
82. disrupt
ls
tec
oa
business
hn
sg
ica
es
lg
sweet
sin
spot
oa
bu
ls
user goals
empower users
97. us them
mobile experts customer experts
the product
MADE WITH LOVE IN SEATTLE BY
98.
99.
100.
101.
102. ‣ The BBC app was designed by pinch/zoom
‣ BBC hired pinch/zoom based on their deep knowledge and over a
decade’s experience of creating mobile experiences
‣ pinch/zoom & BBC designed the iPad app as a new means
to connect people to the wealth of BBC content
‣ We worked with BBC to define strategy, pricing, wording, content,
design, interactions and more
‣ pinch/zoom created an interaction concept to test with 32
users between Dec 2010 and Feb 2011 in New York
‣ New York-based usability firm, Creative Good facilitated the
usability tests
‣ We did rapid design iteration based on real-time user and
client feedback
103. ‣ iPad users are incredibly sophisticated
‣ Users have an expectation of the “Apple Aesthetic” when it comes to
interaction and user experience. Pixel perfection is important.
‣ Users prefer Need-driven over Marketing-driven Design
‣ Users are in control of their iPad experience, and will remove, close,
delete or leave anything they perceive as marketing or advertising
activity.
‣ Less is more
‣ This is true when talking about animations or content on each
screen. Users have an expectation of interactions but are impatient
with too much animation.
‣ Gestures Matter
‣ Web metaphors, like scrolling are considered “cheap” or “lower
quality.” Users prefer “native” metaphors like swiping.
104. disrupt device
ls
tec
oa
business constraints
hn
sg
ica
es
lg
sweet
sin
spot
oa
bu
ls
user goals
empower users
118. the hex-grid
but in mobile design, we must use
horizontal units as well. this
means that any unit size must
work vertically as well as
horizontally.
124. Asset Library
App Flow Reference
Design Comps
Design
Context Map Data Modeling Design
App Map
Direction
Journeys API Audit Zone Diagrams Wireframes
Deliverables
Project Brief Screen
Content Audit Design Brief
Descriptions
Define Data Interaction Design
Process
125. CARMEN agile product management
MADE WITH LOVE IN SEATTLE BY
126. A Fully Agile Agency
From Start to Finish
This document contains confidential information and is provided for private review only. Do not distribute without permission.
132. Get in Touch
THANK YOU! Find Out How We Can Help You.
Brian Fling
Founder & CEO
@fling brian@pinchzoom.com
+1 206 351-6060
book mobiledesign.org
company pinchzoom.com
blog pinchzoom.com/fling