+ All Categories
Transcript
Page 1: Multi-Device Design & Development

Multi-Device Design & DevelopmentAlan O’ConnorDirector of Product Experience, Salesforce.com

Page 2: Multi-Device Design & Development

Your Business Website, does it work properly on a mobile?

Page 3: Multi-Device Design & Development

Do you have a Multi Device Strategy?

Page 4: Multi-Device Design & Development

There are more devices than humans in the world

Page 5: Multi-Device Design & Development
Page 6: Multi-Device Design & Development
Page 7: Multi-Device Design & Development

50 % of US adults use smartphonesto make purchase decisions in-store

Page 8: Multi-Device Design & Development

% of Americans bring their phones to the bathroom!75

Page 9: Multi-Device Design & Development

3 Main Breakpoints

Page 10: Multi-Device Design & Development
Page 11: Multi-Device Design & Development
Page 12: Multi-Device Design & Development
Page 13: Multi-Device Design & Development

“The interface is your product. What people see is what you're selling. If you just slap an interface on at the end, the gaps will show.”

- Getting Real, 37Signals

Page 14: Multi-Device Design & Development

Make it count!

Page 15: Multi-Device Design & Development

We don’t have time!!

Page 16: Multi-Device Design & Development

Make it universally usableInstead of designing for each device, design for every device. This ensures great usability regardless of device.

Page 17: Multi-Device Design & Development

Build it with the future in mind

Page 18: Multi-Device Design & Development

Icon Fonts... let them scale

Page 19: Multi-Device Design & Development

SVG’s not images

Page 20: Multi-Device Design & Development

Design with real contentPlaceholder images and text can lead to problems later.

Page 21: Multi-Device Design & Development

Don’t forget about touch!Fingers and thumbs are not pointers!

Page 22: Multi-Device Design & Development

Performance

Page 23: Multi-Device Design & Development

69%34% 47%

Users expect it to load in 2 seconds or less!

Page 24: Multi-Device Design & Development

-11% -16%

Every Second Equals

PAGE VIEWS

-7%

CONVERSIONS SATISFACTION

Page 25: Multi-Device Design & Development

Lets see it in action.

Page 26: Multi-Device Design & Development

Top Related