introduction to the mobile web

Gene Crawford @genecrawford

gene@theironyard.com

unmatchedstyle.com @unmatchedstyle

president@southcarolina.aiga.org

23,916

User Experience

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

User Experience on the web

UI User Interface

IA Information Architecture

Pattern Libraries

UI + Developers

What is the “WEB”?

Websites + Web Apps

+ Your Phones + Other Crap Too...

CONTEXT

81% of Americans between the ages

of 25–34 own a smartphone.

42% of smartphone owners

between the ages of 18–29 consider their phone as their

primary way of accessing the internet.

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/

Why? Does any of this matter?

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

Today’s web is the

MOBILE WEB

Responsive Web Design

Some Basics

Responsive Web Design

Responsive Web Design

Think Mobile First

Mobile Web is Squishy

Think Mobile+Content First

Think Mobile+Content+Context First

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

Start mobile site then expand to be the full site.

Thank You!Gene Crawford

@genecrawford | Gene@TheIronYard.com

+

UNITE THE CLANS

Designer or UX or UI or

Interaction Designer or Web Designer or Web Developer or

Frontend Designer or Frontend Engineer

All The Same THINGS