Mobile Design in 2014 and Beyond

DrupalCamp Toronto

Kurt JarchowWeb Interactions Designer

Freeform Solutions-

ProfessorDurham College

@jarchowk

In this discussion

High-level thinking - what does the "web" mean? How are mobile users using it.

Designing prep for mobile

Design concepts

Brush on CMS problems

Is mobile a ...

Revolution?

Evolution?

Take the red pill

Paper to Web

A new medium was born. What happened?

Old business models broke, new ones created

Content was re-written and reorganized

New design patterns were created

New customer expectations emerged

Visualizing the "Web"

Web to Mobile

A new medium is born, what's happening?

Old business models breaking, new ones being created

Content being re-written and reorganized

New design patterns emerging

New customer expectations starting

Visualizing the mobile web as a stream

How can we design for mobiles/desktop/tablets?

(Watches? TVs??)

Don't!

Design for...

Content

Single interactions

Change

Iteratively

Designing for content

Similar to "mobile first"

Designer learns content strategy

Typography makes a comeback

Mobile First

Content Strategy

Typography

Designing for single interactions

Mobile will have fewer page visits per visit

Can you simplify your site?

Current web mobile menus are unproven

Design for change

Borrow heavily from Lean UX

Be agile

Accept design change as hypotheses

Measure, and repeat

Be lean

Further reading

The Design of Everyday Things - Donald A. Norman

Content Strategy for the Web - Kristen Halvorson

Mobile First - Luke Wroblewski

Lean UX - Jeff Gothelf

In conclusion...

Use what we've learned from old

But don't be held back by them

Embrace the new medium

Experiment with new ideas