19. Mobile Usage is Increasing
11
8.25
%age of browsing that
occurs on a mobile device
5.5
2.75
0
Jan-09 June-09 Jan-10 June-10 Jan-11 June-11 Jan-12 June-12
gs.statcounter.com
24. Mobile Users
• Usually Distracted
• ~3-5 minutes
• Half at Home, Half on the Go
• So Much More Variety
25. Primary Primary
Goal
Mode Location
Purchase Home or
Ecommerce Demand
Specific Item Journey
Message a
Social (A) Demand Moving
Friend
Get Social
Social (B) Browse Waiting
Updates
Games Waste Time Browse Waiting
Depends on
Reference Learn A Fact Demand
Content
35. Hampton’s 6 Rules of Mobile Design
I. On mobile, simplicity is a requirement.
II. Simplicity is a balance between
comprehension and brevity
36. Hampton’s 6 Rules of Mobile Design
I. On mobile, simplicity is a requirement.
II. Simplicity is a balance between
comprehension and brevity
III. Understand, then optimize your core value
proposition
40. What do people do on
Wikipedia while on the go?
READ
and edit
41. “Hey, I can’t remember
who invented the
television?”
42. “Hey, I can’t remember
who invented the
television?”
1. Open browser
43. “Hey, I can’t remember
who invented the
television?”
1. Open browser
2. Google “television”
44. “Hey, I can’t remember
who invented the
television?”
1. Open browser
2. Google “television”
3. Click on Wikipedia link
45. “Hey, I can’t remember
who invented the
television?”
1. Open browser
2. Google “television”
3. Click on Wikipedia link
4. READ
46. Hampton’s 6 Rules of Mobile Design
I. On mobile, simplicity is a requirement.
II. Simplicity is a balance between
comprehension and brevity
III. Understand, then optimize your core value
proposition
47. Hampton’s 6 Rules of Mobile Design
I. On mobile, simplicity is a requirement.
II. Simplicity is a balance between
comprehension and brevity
III. Understand, then optimize your core value
proposition
IV. "Where?" is more important than "who?"
53. Hampton’s 6 Rules of Mobile Design
I. On mobile, simplicity is a requirement.
II. Simplicity is a balance between
comprehension and brevity
III. Understand, then optimize your core value
proposition
IV. "Where?" is more important than "who?"
54. Hampton’s 6 Rules of Mobile Design
I. On mobile, simplicity is a requirement.
II. Simplicity is a balance between
comprehension and brevity
III. Understand, then optimize your core value
proposition
IV. "Where?" is more important than "who?"
V. Assume terrible dexterity
57. Hampton’s 6 Rules of Mobile Design
I. On mobile, simplicity is a requirement.
II. Simplicity is a balance between
comprehension and brevity
III. Understand, then optimize your core value
proposition
IV. "Where?" is more important than "who?"
V. Assume terrible dexterity
58. Hampton’s 6 Rules of Mobile Design
I. On mobile, simplicity is a requirement.
II. Simplicity is a balance between
comprehension and brevity
III. Understand, then optimize your core value
proposition
IV. "Where?" is more important than "who?"
V. Assume terrible dexterity
VI. The footer is a dead zone
90. Hampton’s 6 Rules of Mobile Design
I. On mobile, simplicity is a requirement.
II. Simplicity is a balance between
comprehension and brevity
III. Understand, then optimize your core value
proposition
IV. "Where?" is more important than "who?"
V. Assume terrible dexterity.
VI. The footer is a deadzone
107. 1.0 Release!
• Supports Bourbon Fully
• Been in Production for 4 months
• http://github.com/hcatlin/libsass
108. 1.0 Release!
• Supports Bourbon Fully
• Been in Production for 4 months
• http://github.com/hcatlin/libsass
• https://github.com/andrew/node-sass
109. 1.0 Release!
• Supports Bourbon Fully
• Been in Production for 4 months
• http://github.com/hcatlin/libsass
• https://github.com/andrew/node-sass
• Compass Support Coming!