13
Design Principles for Better Mobile Web

Better design for the Mobile Web

Embed Size (px)

Citation preview

Page 1: Better design for the Mobile Web

Design Principles for Better Mobile Web

Page 2: Better design for the Mobile Web

SAME STYLES WON’T WORK

Page 3: Better design for the Mobile Web

THE BASICS

• Low screen real estate.• Slower processor.• Doctored OS.• Low network speed.• Usage on the go.

Page 4: Better design for the Mobile Web

ART OF CONTENT PRECISING

Page 5: Better design for the Mobile Web

ONE VIEW ONE TASK

Page 6: Better design for the Mobile Web

DEEPER NAVIGATION

Page 7: Better design for the Mobile Web

IF ONLY LOOKS MATTERED

Page 8: Better design for the Mobile Web

SMALL AND NIMBLE

Page 9: Better design for the Mobile Web

ADAPTIVE

Page 10: Better design for the Mobile Web

KNOCKDOWN AND TRANSPORT

Page 11: Better design for the Mobile Web

GUESS YOUR USER PERSONA

Page 12: Better design for the Mobile Web

MOST TRAFFIC COMES FROM MOBILE SEARCH

Page 13: Better design for the Mobile Web

THANK YOU

Sanjib ParidaCTO, Muvi

[email protected]@spufd