Slides from my Brisbane Web Design April 2013 meetup presentation.
Links to references that I mentioned during the presentation:
- Mobile First - Luke Wroblewsky: http://www.abookapart.com/products/mobile-first
- Apple’s iOS Human Interface Guidelines: https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/MobileHIG.pdf
- Google's The Mobile Playbook: http://www.themobileplaybook.com/au/
6. 0
50
100
150
200
250
2009
2010
2011
2012
Millions
of
units
sold
Smartphone
vs.
tablet
vs.
desktop
sales
Smartphones
All
Tablets
Windows
+
Mac
Desktops
Interna'onal
Data
Corpora'on
(IDC)
Sta's'cs
8. 1 IN 2
AUSTRALIANS
OWN A
SMARTPHONE
ONLY 25% OF
AUSTRALIAN
WEBSITES ARE
OPTIMISED FOR
MOBILE WEB
60% EXPECT
MOBILE WEBSITE
TO EQUAL
DESKTOP
40% WILL GO TO
A COMPETITOR IF
MOBILE WEBSITE
IS POOR
57% WILL NOT
RECOMMEND A
POOR MOBILE
WEBSITE
27. KEY TAKEAWAYS
MOBILE FIRST PLANNING MOBILE DESIGN MOBILE DEVELOPMENT
- CLEARLY DEFINE REQUIREMENTS
- PLAN FOR WHAT ONLY IS REQUIRED
- AVOID BLOAT AND IRRELEVANCIES
- HAVE A CLEAR GOAL IN MIND
- CHOOSE THE RIGHT FOUNDATION
- CONTENT AVAILABLE IMMEDIATELY
- HAVE CONTENT BEFORE NAV
- MAKE IT EASY TO SEARCH
- AVOID LOW CONTRAST DESIGN
- MAKE TAPPABLE ELEMENTS BIG
- BUILD WEBSITE FOR SPEED
- MEDIA QUERIES AT TOP OF CSS
- KEEP HTTP REQUESTS TO MINIMUM
- OPTIMISE MEDIA & USE CSS3
- AND REMEMBER, KEEP IT SIMPLE!