Challenge, Drama & Social Engagement: Designing Mobile Augmented Reality Experiences
Designing mobile experiences
-
Upload
brian-fling -
Category
Design
-
view
4.484 -
download
0
Transcript of Designing mobile experiences
![Page 1: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/1.jpg)
MADE WITH LOVE IN SEATTLE BY
designing
by Brian Fling
mobile experiences
![Page 2: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/2.jpg)
what does it take to create an amazing mobile experience?
MADE WITH LOVE IN SEATTLE BY
![Page 3: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/3.jpg)
![Page 4: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/4.jpg)
![Page 5: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/5.jpg)
![Page 6: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/6.jpg)
![Page 7: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/7.jpg)
![Page 8: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/8.jpg)
these experiences are not made in Photoshop
MADE WITH LOVE IN SEATTLE BY
![Page 9: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/9.jpg)
1965MADE WITH LOVE IN SEATTLE BY
![Page 10: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/10.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 11: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/11.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 12: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/12.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 13: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/13.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 14: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/14.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 15: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/15.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 16: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/16.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 17: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/17.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 18: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/18.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 19: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/19.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 20: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/20.jpg)
![Page 21: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/21.jpg)
He never made any money from it.
MADE WITH LOVE IN SEATTLE BY
![Page 22: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/22.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 23: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/23.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 24: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/24.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 25: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/25.jpg)
FAILMADE WITH LOVE IN SEATTLE BY
![Page 26: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/26.jpg)
why did my father fail?
MADE WITH LOVE IN SEATTLE BY
![Page 27: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/27.jpg)
2000MADE WITH LOVE IN SEATTLE BY
![Page 28: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/28.jpg)
3DEF
MADE WITH LOVE IN SEATTLE BY
![Page 29: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/29.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 30: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/30.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 31: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/31.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 32: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/32.jpg)
Ways of Making Money in Mobile2
MADE WITH LOVE IN SEATTLE BY
![Page 33: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/33.jpg)
Ringtones.
MADE WITH LOVE IN SEATTLE BY
![Page 34: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/34.jpg)
Carrier Logos.
MADE WITH LOVE IN SEATTLE BY
![Page 35: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/35.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 36: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/36.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 37: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/37.jpg)
Lost our backing & failed.
MADE WITH LOVE IN SEATTLE BY
![Page 38: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/38.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 39: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/39.jpg)
![Page 40: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/40.jpg)
why does innovative technology fail, while others succeed?
MADE WITH LOVE IN SEATTLE BY
![Page 41: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/41.jpg)
a mobile design & development firm located in Fremont
a few of our clients...
![Page 42: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/42.jpg)
a mobile design & development firm located in Fremont
a few of our clients...
“We could build the best mobile app ever made, but if our customers don’t know why it’s good, then it could be the worst app ever made.
—Scott Dierdorf@sdierdorf
![Page 43: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/43.jpg)
mobile is really damn hard...
MADE WITH LOVE IN SEATTLE BY
... it always has been
![Page 44: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/44.jpg)
the craft of just creating great mobile design is not enough
MADE WITH LOVE IN SEATTLE BY
![Page 45: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/45.jpg)
![Page 46: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/46.jpg)
user goals
busin
ess
goal
s technical goals
sweetspot
![Page 47: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/47.jpg)
user goals
busin
ess
goal
s technical goals
sweetspot
increases productivity
dispenses soda
as easy to use
![Page 48: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/48.jpg)
mobile is really damn hard.
MADE WITH LOVE IN SEATTLE BY
![Page 49: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/49.jpg)
examples
MADE WITH LOVE IN SEATTLE BY
![Page 50: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/50.jpg)
![Page 51: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/51.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 52: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/52.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 53: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/53.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 54: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/54.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 55: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/55.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 56: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/56.jpg)
Creating Amazing Experiences for all Mobile Devices
This document contains confidential information and is provided for private review only. Do not distribute without permission.
ScreenshotPlaceholder
CLIENT
Automatic Data Processing
PROJECTS
ADP iPhone App, Mobile Web App, Content Proxy
SERVICES
Concept, Strategy, Design & Development
DESCRIPTION
We designed and developed an application for ADP customers to complete common tasks related to HR, payroll, and benefits in a mobile context.
![Page 57: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/57.jpg)
user goals
busin
ess
goal
s technical goals
sweetspot
disrupt business
![Page 58: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/58.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 59: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/59.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 60: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/60.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 61: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/61.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 62: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/62.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 63: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/63.jpg)
example
MADE WITH LOVE IN SEATTLE BY
![Page 64: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/64.jpg)
![Page 65: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/65.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 66: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/66.jpg)
![Page 67: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/67.jpg)
![Page 68: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/68.jpg)
refresh product lines before they
become tired.happy with just 50%
![Page 69: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/69.jpg)
a bold vision empowers people to cross the chasm together.
MADE WITH LOVE IN SEATTLE BY
![Page 70: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/70.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 71: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/71.jpg)
MADE WITH LOVE IN SEATTLE BY
“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. MooreApril 19, 1965
![Page 72: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/72.jpg)
+ 9 years =
MADE WITH LOVE IN SEATTLE BY
![Page 73: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/73.jpg)
computing
network
internet
devices
web
20102000199019801970 2020
ubiquitymobilitypc’smainframe
MADE WITH LOVE IN SEATTLE BY
![Page 74: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/74.jpg)
computing
network
internet
devices
web
20102000199019801970
3G
2020
4G2.5G2G1G
ubiquitymobilitypc’smainframe
MADE WITH LOVE IN SEATTLE BY
![Page 75: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/75.jpg)
computing
network
internet
devices
web
20102000199019801970
IPv4
3G
IPv6
2020
4G2.5G2G1G
ubiquitymobilitypc’smainframe
MADE WITH LOVE IN SEATTLE BY
![Page 76: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/76.jpg)
computing
network
internet
devices
web
20102000199019801970
featurebrick
IPv4
touch
3G
IPv6
2020
candybar
4G2.5G2G1G
ubiquitymobilitypc’smainframe
MADE WITH LOVE IN SEATTLE BY
![Page 77: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/77.jpg)
computing
network
internet
devices
web dot-com
20102000199019801970
web 2.0
featurebrick
IPv4
touch
3G
IPv6
2020
candybar
4G2.5G2G1G
ubiquitymobilitypc’smainframe
HTML5academia
MADE WITH LOVE IN SEATTLE BY
![Page 78: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/78.jpg)
computing
network
internet
devices
web dot-com
20102000199019801970
web 2.0
featurebrick
IPv4
touch
3G
IPv6
2020
candybar
4G2.5G2G1G
ubiquitymobilitypc’smainframe
HTML5academia
MADE WITH LOVE IN SEATTLE BY
![Page 79: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/79.jpg)
computing
network
internet
devices
web dot-com
20102000199019801970
web 2.0
featurebrick
IPv4
touch
3G
IPv6
2020
candybar
4G2.5G2G1G
ubiquitymobilitypc’smainframe
HTML5academia
MADE WITH LOVE IN SEATTLE BY
touch
IPv6
4G
ubiquity
HTML5
![Page 80: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/80.jpg)
MADE WITH LOVE IN SEATTLE BY
MOBILE BOOTCAMP
![Page 81: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/81.jpg)
‣ 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
![Page 82: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/82.jpg)
user goals
busin
ess
goal
s technical goals
sweetspot
disrupt business
empower users
![Page 83: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/83.jpg)
mobile is an entirely new breed.
MADE WITH LOVE IN SEATTLE BY
![Page 84: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/84.jpg)
‣ Platform Aesthetic‣ Many Resolutions‣ Pixels per Inch‣ Orientation‣ Design Grids‣ Perspective‣ Dimension
‣ Interactions‣ Motion‣ Transitions‣ Color‣ Typography‣ Iconography
![Page 85: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/85.jpg)
![Page 86: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/86.jpg)
![Page 87: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/87.jpg)
6x Navigation & Toolbars3x Alerts & Modals26x Types of Views 15x View Controls13x Application Controls9x Animations & Transitions
![Page 88: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/88.jpg)
![Page 89: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/89.jpg)
Phones are about making the most of the moment, simple tasks,& context.
![Page 90: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/90.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 91: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/91.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 92: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/92.jpg)
think of your app as a great book.
MADE WITH LOVE IN SEATTLE BY
with a great beginning, middle and end
![Page 93: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/93.jpg)
![Page 94: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/94.jpg)
Tablets are about focus, consumption, simple tasks & portability.
![Page 95: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/95.jpg)
examples
MADE WITH LOVE IN SEATTLE BY
![Page 96: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/96.jpg)
MADE WITH LOVE IN SEATTLE BY
JOINT VENTURE
![Page 97: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/97.jpg)
MADE WITH LOVE IN SEATTLE BY
usmobile experts
themcustomer experts
the product
![Page 98: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/98.jpg)
![Page 99: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/99.jpg)
![Page 100: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/100.jpg)
![Page 101: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/101.jpg)
![Page 102: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/102.jpg)
‣ 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
![Page 103: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/103.jpg)
‣ 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.
![Page 104: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/104.jpg)
user goals
busin
ess
goal
s technical goals
sweetspot
disrupt business
device constraints
empower users
![Page 105: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/105.jpg)
![Page 106: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/106.jpg)
![Page 107: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/107.jpg)
![Page 108: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/108.jpg)
![Page 109: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/109.jpg)
![Page 110: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/110.jpg)
![Page 111: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/111.jpg)
Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS
![Page 112: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/112.jpg)
example
MADE WITH LOVE IN SEATTLE BY
![Page 113: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/113.jpg)
p/z universalbuild a website that provided the best possible experience to the context.
iPadmagazine
iPhoneweb app
Desktopwebsite
![Page 114: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/114.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 115: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/115.jpg)
1x HTML5 Markup1x Typography Framework3x Javascript Frameworks12x Media-Query-based Layouts1x Hexadecimal CSS Framework
![Page 116: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/116.jpg)
a hexadecimal what?
MADE WITH LOVE IN SEATTLE BY
![Page 117: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/117.jpg)
the hex-gridTypically when using a grid web designers are typically only using vertical units.
![Page 118: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/118.jpg)
the hex-gridbut in mobile design, we must use horizontal units as well. this means that any unit size must work vertically as well as horizontally.
![Page 119: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/119.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 120: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/120.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 121: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/121.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 122: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/122.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 123: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/123.jpg)
MADE WITH LOVE IN SEATTLE BY
![Page 124: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/124.jpg)
DesignInteractionDataDefine
Project Brief
Journeys
Context Map
Content Audit
API Audit
Data Modeling
App Flow
Screen Descriptions
Zone Diagrams
App Map
Reference Design
Design Brief
Wireframes
Design Direction
Design Comps
Asset Library
Process
Del
iver
able
s
![Page 125: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/125.jpg)
MADE WITH LOVE IN SEATTLE BY
CARMEN agile product management
![Page 126: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/126.jpg)
This document contains confidential information and is provided for private review only. Do not distribute without permission.
A Fully Agile AgencyFrom Start to Finish
![Page 127: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/127.jpg)
you can create innovative technology that succeeds.
MADE WITH LOVE IN SEATTLE BY
![Page 128: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/128.jpg)
you can design mobile experiences that empower.
MADE WITH LOVE IN SEATTLE BY
![Page 129: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/129.jpg)
user goals
busin
ess
goal
s technical goals
sweetspot
MADE WITH LOVE IN SEATTLE BY
![Page 130: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/130.jpg)
user goals
busin
ess
goal
s technical goals
sweetspot
MADE WITH LOVE IN SEATTLE BY
Trust the Triangle!
![Page 131: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/131.jpg)
mobiledesign.org
![Page 132: Designing mobile experiences](https://reader031.fdocuments.us/reader031/viewer/2022032514/55d4fb72bb61ebaa528b459a/html5/thumbnails/132.jpg)
Get in TouchFind Out How We Can Help You.
Brian FlingFounder & CEO
[email protected]+1 206 351-6060
@flingbook mobiledesign.orgcompany pinchzoom.comblog pinchzoom.com/fling
THANK YOU!