The document discusses strategies for mobile web design. It covers topics like responsive web design, adaptive images, and progressive enhancement. It emphasizes designing according to a mobile-first approach and using techniques like media queries and breakpoints. It also discusses the importance of content and usability across different devices. Business considerations are highlighted like analyzing customer journeys and value chains. The conclusion recommends always keeping the user online across contexts and devices through synchronized cross-device concepts. Next steps proposed include analysis, workshops, and potential technical solutions like responsive websites, mobile websites, or native apps.
2. Mobile „last vs. first“
Graceful Degradation
Progressive Enhancement
3. Tech Stuff?
RWD
Responsive Web Design
Adaptive Images
Second Screen
AWD
Adaptive Web Design
Content is King
Mobile First
Progressive Enhancement
Media querries
Graceful Degradation
Break-Points
4. No Tech Stuff!
RWD is AWD
This talk
Second Screen
Responsive Web Design
Adaptive Web Design
business related....
Adaptive Images
Content is King
so back to start.
Mobile First
Graceful Degradation
Progressive Enhancement
Media querries
Break-Points
8. Carsten Lambrecht
Born in 1975
started as Grafik Designer
Marketing Knowledge
TYPO3 since 2005
mobile Projects since 2008
Quelle: http://commons.wikimedia.org/wiki/
File:Commodore64.jpg
Quelle: http://pdadb.net/index.php?
m=specs&id=2&c=hewlett-packard_jornada_720
Quelle: http://www.webdesignerdepot.com/2009/05/theevolution-of-cell-phone-design-between-1983-2009/
34. How to decide?
First Mover, Trendsetter, Fast Follower, Late Mover
Bild-Quellen: http://neuerdings.com/2008/03/18/saehan-mpman-f10-der-ruin-der-musikindustrie/ - http://www.chip.de/ii/9/1/6/7/1/1/9/cc1193daddc9e21f.jpg - http://www.chip.de/ii/1/0/8/7/0/2/9/5/zune-51295c8d82034d75.jpg
42. Customer Journey
informe & argue
s
es
en
tio
n
ag
ac
us
tis
f
n-
&
ice
rv
a
er
ft
sa
ow
reconsideration
se
n
io
nt
e
e
e
us
ar
of
g
as
aw
se
ea
te
&
rch
rin
pu
at
re
cu
se
consideration
du
ef
b
re
o
honors loyalty
Bild-Quellen: http://commons.wikimedia.org/wiki/File:MargaretCafe_PasteisDeNata.JPG
44. Taxi Customer Journey
Taxi around?
Need a Taxi
phone call
informe & argue
where am i?
n
io
s
nt
es
en
&
strange driver
se
rv
ice
er
ft
a
I SAID: I need a ride for 5!
sa
ow
reconsideration
wrong car
tis
f
n-
ac
us
tio
n
ag
e
e
e
us
ar
wrong number
of
g
as
aw
se
ea
te
Landingpage
&
at
re
rch
rin
pu
walk?
consideration
du
ef
b
re
o
no Problem
smartphone and google
cu
se
Subway or Taxi?
number?
wrong way
honors loyalty
business card
never ever!
expensive
46. Taxi Customer Journey
Taxi around?
Need a Taxi
phone call
informe & argue
where am i?
n
io
s
nt
es
en
&
strange driver
se
rv
ice
er
ft
a
I SAID: I need a ride for 5!
sa
ow
Touchpoints
reconsideration
wrong car
tis
f
n-
ac
us
tio
n
ag
e
e
e
us
ar
wrong number
of
g
as
aw
se
ea
te
Landingpage
&
at
re
rch
rin
pu
walk?
consideration
du
ef
b
re
o
no Problem
smartphone and google
cu
se
Subway or Taxi?
number?
wrong way
honors loyalty
business card
never ever!
expensive
47. Taxi Customer Journey
i around?
phone call
rme & argue
number?
se
no Problem
smartphone and google
re
cu
&
Landingpage
se
ea
n
tio
ac
tis
f
-u
sa
wn
e
us
ge
of
g
rin
e
as
rch
pu
du
nsideration
external
internal
helpfull
harmfull
many Taxis
not around
Strengths
Weaknesses
GPS
costs
increasing
local
SW
O T
Opportunities
Threats
smartphone
usage
price battle
wrong number
where am i?
wrong car
I SAID: I need a ride for 5!
Bild-Quelle: https://www.mytaxi.com
48. Todays Taxi Customer Journey
click
Taxi around?
Need a Taxi
phone call
informe & argue
where am i?
n
io
s
nt
es
en
&
sa
ow
reconsideration
se
rv
ice
er
ft
a
wrong car
I SAID: I need a ride for 5!
tis
f
n-
ac
us
tio
n
ag
e
e
e
us
ar
wrong number
of
g
as
aw
se
ea
te
Landingpage
&
at
click
re
rch
rin
pu
walk?
consideration
du
ef
b
re
o
no Problem
smartphone and google
cu
se
Subway or Taxi?
number?
strange driver
ratings
wrong way
honors loyalty
Favorites
business card
never ever!
Bild-Quelle: https://www.mytaxi.com
expensive