Top Banner
e new rules for responsive design.
42
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: New rules for responsive design

The new rules for responsive design.

Page 2: New rules for responsive design

First rule:

Page 3: New rules for responsive design

Mobile first.

Page 4: New rules for responsive design

April 21.

Page 5: New rules for responsive design

Easier coding.

Page 6: New rules for responsive design
Page 7: New rules for responsive design
Page 8: New rules for responsive design
Page 9: New rules for responsive design
Page 10: New rules for responsive design

Problem:

Page 11: New rules for responsive design
Page 12: New rules for responsive design
Page 13: New rules for responsive design

Or worse.

Page 14: New rules for responsive design
Page 15: New rules for responsive design

AA.com?

Page 16: New rules for responsive design
Page 17: New rules for responsive design

Grabbed from a

Nexus 7.

Page 18: New rules for responsive design

Why make us this mad?

Page 19: New rules for responsive design

UX > UI.Even I don’t critique the visuals until after

I’ve done my task.

Page 20: New rules for responsive design
Page 21: New rules for responsive design

UX=>CX=>

Page 22: New rules for responsive design

Customer Satisfaction.

Page 23: New rules for responsive design

=> BRAND.

Page 24: New rules for responsive design

BRAND => $$$$

Page 25: New rules for responsive design

So?

Page 26: New rules for responsive design

Don’t make things worse.

Page 27: New rules for responsive design

Remember 2007?

Page 28: New rules for responsive design

Double-tap and scroll never went away.

Page 29: New rules for responsive design

Beyond the stripes.

Page 30: New rules for responsive design

A start. Responsive images, kinda.

Page 31: New rules for responsive design
Page 32: New rules for responsive design

A hero image. Not a splash

screen, and with better navigation.

Page 33: New rules for responsive design
Page 34: New rules for responsive design

Main nav = main visual.

Page 35: New rules for responsive design

Be Explicit.

Page 36: New rules for responsive design

Be clear.

Page 37: New rules for responsive design

Give great directions.

Page 38: New rules for responsive design

Label All The Things!

Page 39: New rules for responsive design

WTF => HY!

Page 40: New rules for responsive design

UX => C-SAT

Page 41: New rules for responsive design

=> BRAND!

Page 42: New rules for responsive design

Mary Baum@marybaum [email protected] marginhancers.com frontenactennis.com