Mobile is evolving, the web is adapting, and these two colossal worlds are about to collide to create something new. In order to design the experiences of this new contextual web, we need to change the way look at design. In this talk Brian will provide his insights on some of the emerging trends in mobile design and share his thoughts on how we will design the interfaces of tomorrow. There is a lot more in my O'Reilly book: Mobile Design & Development (http://oreilly.com/catalog/9780596155445/)

1. Whatʼs next?
How mobile is
changing design.

2. 1975

14. The Nixon Shock
Or the "death of money" refers
to the change in the economic
nature of money following
Richard Nixon's removal of US
Dollar from the gold standard.

32. 1984

39. 1985
Respondents said that they had
at least three close friends they
felt they could talk to about
important issues.

40. Abraham Harold Maslow
(April 1, 1908 – June 8, 1970)
was an American psychologist.
He is noted for his concept-
ualization of a "hierarchy of
human needs," and is
considered the founder of
humanistic psychology.

42. The Doomed Scenario
Did the lack of a “tomorrow”
spawn the innovation that fed
over a decade of innovation?

45. 1991

46. The Wall.

48. 1998

55. 2000

56. What happened
to tomorrow?

58. 2001

65. 2003

67. 2006

69. 2006
A Duke University study found
that the number of friends
people felt they could talk to
was down to two people.

70. 25 percent stated they
had no close friends at
all.

75. generation
Z
born in the modern digital age.
technology is infused at birth.
the iphone is to them
as the macintosh was to us.

76. generation
94% own a mobile phone
97% own a computer
y
born between 1980 to 1990
76% use instant messaging solve problems using their social network.
makes buying purchases collectively, not
69% use facebook individually.
use mobile technology to stay informed.
56% own an ipod
source: gen y and digital technology, 2007

77. the mobile generation
2009 2010 2011 2012 2013 2014 2015
everyone else
source: us census bureau

78. In less five years, the
mobile generation (y+z)
could have more buying
power than all other
demographics combined.

79. 2007

81. + 9 years =

84. Android
7%
Java ME
7%
iPhone Symbian
69% 6%
Windows Mobile
5%
Blackberry
3%
Palm
2%

85. 2008

87. Accessibility
Search Engine Optimization
Rich Internet Applications
Social Media
Mobile?

88. Are these the
same thing?

89. Is HTML5, CSS3,
Javascript, XML,
and APIs the
universal language
for everything?

90. Context?

91. Are we already
designing for
the web of
tomorrow?

92. 2009

94. How mobile is
changing design?

97. Do we design
for medium
or the context?

98. JARGON ALERT
Context
The circumstances that form the
setting for an event, statement, or
idea, and in terms of which it can
be fully understood and assessed.

105. The era of a
single context
web is over.

110. JARGON ALERT
Neurolinguistic
Programming
A model of interpersonal
communication chiefly concerned with
the relationship between successful
patterns of behavior and the subjective
experiences underlying them.

111. Lear
ni
Aud ng T
ype
20% itory
o f all
conn
ect w peop
is al ith oth le
conn l they n ers verb
ecte eed
d an to fe ally
with d pro el
othe ductive
rs

112. Lear
ni ng T
Visu ype
35% al
of al
Bein
g ab
l peop
illus
trate
le to
see c
le
char
ts an d as dia oncepts
for t d gra gram
his m phs s or
ajor is he
ity le lpful
type arni
. ng

113. Lear
Kine ning
Type
sthe
45%
of al tic
incorp l peop
and orat
hand e muscl le
proc -eye e me
ess a movem mory
nd re ent t
infor tain o
mat new
ion

114. Radio TV
Live Billboard
ry
Vi
to
su
di
al
Au
Word of Print Ad
Mouth
Kinesthetic
Mobile Events
Device
QR

115. WAP
Bluetooth
Radio TV
SMS
SMS
Live Billboard
WAP
ry
Vi
to
MMS
su
di
al
Au
QR Cod
Word of Print Ad
Mouth
SMS
Kinesthetic
SMS
WAP Mobile Events
Device
QR Code
Website
MMS

116. WAP
Discuss IVR
SMS Buy
SMS
IVR
Notify Send to
Friend
WAP
Bluetooth
Radio TV
Send to
Friend Notify
SMS
SMS
Live Billboard
d to B
nd
WAP
ry
Vi
to
MMS
su
di
al
Au
W
QR Code
Word of Print Ad
Mouth
SMS
ify
Kinesthetic No
SMS
WAP Mobile Events
Buy Device Send to
Friend
QR Code
Website
MMS
Join
Notify
SMS
SMS
Email
WAP Site
MMS WAP Site

117. Join Down
Notify load
Vote Vote
Down
load Notify
WAP
Discuss IVR
SMS Buy
SMS
IVR
Notify Send to
Friend
WAP
Bluetooth
Radio TV
Send to
Friend Notify
SMS
SMS
Live Billboard
Send to Buy
Friend
WAP
ry
Vi
to
MMS
su
di
al
Au
Join WAP Site
QR Code
Word of Print Ad
Mouth
SMS
Notify
Kinesthetic Notify
SMS
WAP Mobile Events
Buy Device Send to
Friend
QR Code
Website
MMS
Join
Notify
SMS
SMS
Email
WAP Site
MMS WAP Site
SMS
Send to
Friend Send to
Friend
Notify
Notify
Post WAP Site
Send to
Friend

118. We have to think
of design as a
multi-faceted
experience.

120. Whatʼs Next?

121. Anything.
Everything.

122. Tomorrowʼs
innovations will come
from the investments in
mobile made today.

123. This wonʼt be because of
the iPhone or Android
phones, operators, or the
big device makers, but
because of people.

124. Mobile technology by its
nature is designed to
facilitate interaction
between people.

125. The Elements of User Experience Jesse James Garrett
jjg@jjg.net
A basic duality: The Web was originally conceived as a hypertextual information space; 30 March 2000
but the development of increasingly sophisticated front- and back-end technologies has
fostered its use as a remote software interface. This dual nature has led to much confusion,
as user experience practitioners have attempted to adapt their terminology to cases beyond
the scope of its original application. The goal of this document is to define some of these
terms within their appropriate contexts, and to clarify the underlying relationships among
these various elements.
Web as software interface Concrete Completion Web as hypertext system
Visual Design: visual treatment of text,
Visual Design: graphic treatment of interface
elements (the "look" in "look-and-feel") Visual Design graphic page elements and navigational
components
Interface Design: as in traditional HCI: Navigation Design: design of interface
design of interface elements to facilitate elements to facilitate the user's movement
user interaction with functionality
Interface Design Navigation Design through the information architecture
Information Design: in the Tuftean sense:
designing the presentation of information Information Design Information Design: in the Tuftean sense:
designing the presentation of information
to facilitate understanding to facilitate understanding
Interaction Design: development of Interaction Information Information Architecture: structural design
time
application flows to facilitate user tasks,
defining how the user interacts with
Design Architecture of the information space to facilitate
intuitive access to content
site functionality
Functional Specifications: "feature set":
detailed descriptions of functionality the site
Functional Content Content Requirements: definition of
content elements required in the site
must include in order to meet user needs Specifications Requirements in order to meet user needs
User Needs: externally derived goals User Needs: externally derived goals
for the site; identified through user research,
ethno/techno/psychographics, etc. User Needs for the site; identified through user research,
ethno/techno/psychographics, etc.
Site Objectives: business, creative, or other
internally derived goals for the site Site Objectives Site Objectives: business, creative, or other
internally derived goals for the site
task-oriented Abstract Conception information-oriented
This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development)
that may influence decisions during user experience development. Also, this model does not describe a development process, nor does it define roles within a
user experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today.
© 2000 Jesse James Garrett http://www.jjg.net/ia/

129. It is portable, personal,
and ubiquitously
connected.

130. It enables us to not just to
communicate in real time,
but to collaborate.

131. We are in the midst of a
New Industrial Revolution
that will define the stepping
stones for the next
hundred years.

132. Mobile is where the
conversation starts.

133. Whatʼs Next?
How do you design
for tomorrow?

135. A good teacher teaches
the student that they
already know the answer.

136. HTML5, CSS3,
Javascript, XML,
and APIs is the
universal language
for everything.

137. Join Down
Notify load
Vote Vote
Down
load Notify
WAP
Discuss IVR
SMS Buy
SMS
IVR
Notify Send to
Friend
WAP
Bluetooth
Radio TV
Send to
Friend Notify
SMS
SMS
Live Billboard
Send to Buy
Friend
WAP
ry
Vi
to
MMS
su
di
al
Au
Join WAP Site
QR Code
Word of Print Ad
Mouth
SMS
Notify
Kinesthetic Notify
SMS
WAP Mobile Events
Buy Device Send to
Friend
QR Code
Website
MMS
Join
Notify
SMS
SMS
Email
WAP Site
MMS WAP Site
SMS
Send to
Friend Send to
Friend
Notify
Notify
Post WAP Site
Send to
Friend

138. It starts with you,
here today.

139. Thank You
My name is Brian Fling and
Iʼm a Mobile Designer
twitter.com/fling
book mobiledesign.org
company pinchzoom.com
blog flingmedia.com