Top banner
Native app offer
Bottom banner
Content area
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
49% of multi-screen users
email themselves a link
for continuing an activity
on another device.
Source: Google (d.pr/QBEp)
@CAMERONMOLL
unified design
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
mailtoself.com
Slide 28
Slide 28 text
No content
Slide 29
Slide 29 text
Responsive web
design ends where
the browser ends.
@CAMERONMOLL
unified design
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
“MOBILE”
Slide 32
Slide 32 text
NOUN?
Slide 33
Slide 33 text
No content
Slide 34
Slide 34 text
No content
Slide 35
Slide 35 text
VERB?
Slide 36
Slide 36 text
No content
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
@jglovier
Slide 39
Slide 39 text
ADJECTIVE?
Slide 40
Slide 40 text
Photo Credit: d.pr/AoJa
Slide 41
Slide 41 text
“MOBILE”
Which parts of speech do we mean?
Slide 42
Slide 42 text
We understood
mobile just to be
another screen.”
“
JOHN DONAHOE
Slide 43
Slide 43 text
The nouns, verbs, and
adjectives of all screens
are converging.
@CAMERONMOLL
unified design
Slide 44
Slide 44 text
SMALLer
screen
“
”
@CAMERONMOLL
unified design
Slide 45
Slide 45 text
No content
Slide 46
Slide 46 text
The nouns, verbs, and
adjectives of all screens
are converging.
interfaces
@CAMERONMOLL
unified design
Slide 47
Slide 47 text
Your audience wants
unified experiences.
All you have to do is
give it to them.
@CAMERONMOLL
unified design
Slide 48
Slide 48 text
No content
Slide 49
Slide 49 text
No content
Slide 50
Slide 50 text
Facebook Ads
Slide 51
Slide 51 text
OS X App Browser
Slide 52
Slide 52 text
RWDRD
RESPONSIVE DESIGN
Slide 53
Slide 53 text
UD
UNIFIED DESIGN
Slide 54
Slide 54 text
Crafting a unified, cohesive
experience regardless of
where the experience begins,
continues, and ends.
UNIFIED DESIGN
@CAMERONMOLL
unified design
Slide 55
Slide 55 text
No content
Slide 56
Slide 56 text
1. Form and Function
2. Data Symmetry
Slide 57
Slide 57 text
FUNCTION > FORM
Right?
Slide 58
Slide 58 text
No content
Slide 59
Slide 59 text
Coke bottle? (form unified)
Slide 60
Slide 60 text
FUNCTION > FORM
k
✌
Slide 61
Slide 61 text
AMAZON SCREENS
Slide 62
Slide 62 text
No content
Slide 63
Slide 63 text
Gmail ‘app’ on a Nokia 6680 (in 2007!)
Slide 64
Slide 64 text
DATA SYMMETRY
Slide 65
Slide 65 text
More than 40 percent of all online
U.S. users start an activity on one
device and finish on another.
clickz.com/clickz/news/2333087/switching-between-devices-normal-for-40-of-us-web-users-facebook-study
Slide 66
Slide 66 text
No content
Slide 67
Slide 67 text
No content
Slide 68
Slide 68 text
No content
Slide 69
Slide 69 text
Browser
App
Slide 70
Slide 70 text
Browser
App
Slide 71
Slide 71 text
best
prac
tices
Slide 72
Slide 72 text
Unify your internet
presence, not just
your web presence.
1
@CAMERONMOLL
unified design
Slide 73
Slide 73 text
No content
Slide 74
Slide 74 text
#mobilefirst
#unit
…but begin with the core
Slide 75
Slide 75 text
Treat every facet of
the user experience as
a contributor to unity.
2
@CAMERONMOLL
unified design
Slide 76
Slide 76 text
No content
Slide 77
Slide 77 text
Branding is autocratic.
Unified Design
is duocratic.
@CAMERONMOLL
unified design
Slide 78
Slide 78 text
Unified Design is
the next frontier
of branding.
@CAMERONMOLL
unified design
Slide 79
Slide 79 text
Consider using web
views when developing
your native app.
3
@CAMERONMOLL
unified design
Slide 80
Slide 80 text
“You’re already using web apps
in native wrappers without even
noticing it…. Web vs. native
doesn’t matter anymore.”
ignco.de/628
Slide 81
Slide 81 text
No content
Slide 82
Slide 82 text
Unify actions, not
just content.
4
@CAMERONMOLL
unified design
Slide 83
Slide 83 text
Sync verbs, not
just nouns.”
“
Josh Clark
@CAMERONMOLL
unified design
Slide 84
Slide 84 text
No content
Slide 85
Slide 85 text
Store session data in
the cloud, not locally.
5
@CAMERONMOLL
unified design
Slide 86
Slide 86 text
Hi Authentic Jobs,
I have a job listing in my
cart. However, when my boss
tried to pay for it, he
can’t see it.
We’re using the same login.
Slide 87
Slide 87 text
Replace ‘click’ with
tap or press.
6
@CAMERONMOLL
unified design
Slide 88
Slide 88 text
No content
Slide 89
Slide 89 text
No content
Slide 90
Slide 90 text
No content
Slide 91
Slide 91 text
Replace ‘mobile’ with
small, smallish, etc.
7
@CAMERONMOLL
unified design
Slide 92
Slide 92 text
No content
Slide 93
Slide 93 text
Eliminate big
screen bloat.
8
@CAMERONMOLL
unified design
Slide 94
Slide 94 text
No content
Slide 95
Slide 95 text
authenticjobs.com
Slide 96
Slide 96 text
No content
Slide 97
Slide 97 text
1 TAP
3 TAPS
CONTACT SELLER
Slide 98
Slide 98 text
1 TAP
7 TAPS
GENIUS BAR RESERVATION
Slide 99
Slide 99 text
Product unity?
Platform unity?
Both are important.
9
@CAMERONMOLL
unified design
Slide 100
Slide 100 text
No content
Slide 101
Slide 101 text
No content
Slide 102
Slide 102 text
No content
Slide 103
Slide 103 text
The best interface is
the one within reach.
@CAMERONMOLL
unified design
Slide 104
Slide 104 text
assumes
every interface is the
one within reach.
The best user
experience
@CAMERONMOLL
unified design
Slide 105
Slide 105 text
THANK
YOU
@CAMERONMOLL
Typefaces: Questa, Lulo Clean, Gotham, San Francisco, TVNord Condensed