We will go through the rise of The Mobile Web; from the launch of the iPhone to Responsive Web Design to Content First Design. We will go through what makes up the Mobile Web, how to think about it and approach building things for it. This lecture will be informative about the history of the Mobile Web, mobile device usage as well as some in-depth discussion on design and User Experience "UX" approaches to designing and building for it and overall industry standards.

1. Gene Crawford
@genecrawford
gene@theironyard.com
unmatchedstyle.com
@unmatchedstyle

9. president@southcarolina.aiga.org

16. 23,916

18. User Experience

19. User Experience
A person's perceptions
and responses that result
from the use or
anticipated use of a
product, system or service

21. User Experience
on the web

24. UI
User Interface

34. IA
Information Architecture

45. Pattern
Libraries
UI + Developers

50. What is the
“WEB”?

51. Websites
+ Web Apps
+ Your Phones
+ Other Crap Too...

56. CONTEXT

59. 81% of Americans
between the ages
of 25–34 own a
smartphone.

60. 42% of smartphone owners
between the ages of 18–29
consider their phone as their
primary way of
accessing the internet.

61. Where are people using
mobile devices?
84% at home
80% during miscellaneous downtime throughout the day
76% waiting in lines of waiting for appointments
69% while shopping
64% at work
62% while watching TV (alt. study claims 84%)
47% during commute in to work
Source: https://blog.compete.com/2010/03/12/smartphone-owners-a-ready-and-willing-audience/

62. Why?
Does any of this matter?

64. Apps vs. Web
all the same stuff....

65. Today’s web
is the
MOBILE WEB

67. Responsive Web Design

70. Some Basics

72. Responsive Web Design

73. Responsive Web Design

88. Think Mobile First

89. Mobile Web is Squishy

90. Think Mobile+Content First

92. Think Mobile+Content+Context First

96. Apps vs. Web
don’t make silos for your content...

98. Start mobile site then expand to be the full site.

102. Thank You!
Gene Crawford
@genecrawford | Gene@TheIronYard.com

107. +

110. UNITE THE CLANS

111. Designer or
UX or UI or
Interaction Designer or
Web Designer or
Web Developer or
Frontend Designer or
Frontend Engineer

112. All The Same THINGS