+ All Categories
Home > Technology > Multi-Device Design & Development

Multi-Device Design & Development

Date post: 01-Jul-2015
Category:
Upload: salesforce-developers
View: 358 times
Download: 2 times
Share this document with a friend
Description:
Mobile is eating the world. As portable computers continue to take over, PCs aren?t keeping pace and neither are our PC design tendencies. Simply porting over existing desktop experiences isn?t enough. Join us to learn to think, design, and build digital experiences differently for today?s mobile world.
26
Multi-Device Design & Development Alan O’Connor Director of Product Experience, Salesforce.com
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

Recommended