The document provides 5 tips for responsive web design based on lessons learned from building responsive websites. The tips are to 1) optimize layout and functionality for different screens, 2) design navigation that works for touchscreens, 3) improve responsive form design which is challenging, 4) pay attention to small details, and 5) be aware that third party plugins may not be responsive so test extensively. It also discusses tools for testing responsiveness across various devices to ensure a good user experience on both mobile and desktop.
5. Staff
50
staff
in
Alexandria,
Sea9le,
San
Francisco
Founded
1996
by
3
policy
analysts
and
web
enthusiasts
Experience More
than
1,500
projects
for
more
than
500
clients
Exper2se
Web
strategy,
User
Experience,
Open
Source
Development,
Mobile,
Support
and
Growth
Forum One Communications
http://www.forumone.com
6. 2011
h"p://www.charitywater.org
1994
1985
1979
London 1974
Sea9le
1971
Yay! 2001 NYC
Rabat
1976 Seoul
1969
DC 1981
2008
1970 2009
2007 Hanoi
7. h"p://www.charitywater.org
London
9
years
Sea9le
8
mo. NYC
7
years Seoul
18.5
years
DC Rabat
6
years 1
year
Hanoi
.5
year
8. Architecture User Experience Web Strategy Teaching Web Dev Urban Design Non-profit
9 years 7 years 5 years 3 years 2 years 1 year 1 year
15. flickr:
sidpicky
CC
BY-‐NC
2.0
Mobile
data
traffic
2011
is
8
2mes
the
total
internet
traffic
in
2000
Source:
Cisco
-‐
Global
Mobile
Data
Traffic
Forecast
Update,
2011–2016
16. More
iPhones
are
sold
each
day
than
babies
born
Source:
h"p://www.lukew.com/ff/entry.asp?1506
17. flickr:
slickimages
CC
BY
2.0
In
2012
there
will
be
more
cellphones
than
people
in
the
world
Source:
Cisco
-‐
Global
Mobile
Data
Traffic
Forecast
Update,
2011–2016
18. In
2013
globally
more
people
will
access
the
internet
through
mobile
than
desktop
PCs
Source:
Morgan
Stanley
Research
19. flickr:
Ed
Yourdon
CC
BY-‐NC-‐SA
2.0
55%
of
US
adults
owns
a
smartphone
Source:
Neilsen
/
July
2012
-‐
h"p://blog.nielsen.com/nielsenwire/online_mobile/young-‐adults-‐and-‐teens-‐
lead-‐growth-‐among-‐smartphone-‐owners/