Designing for Mobile - Todd Bartz

29
DESIGNING DEEPSPACE mobile FOR MOBILE “Gotchas” to get it. What we’ve learned so far.

Transcript of Designing for Mobile - Todd Bartz

Page 1: Designing for Mobile - Todd Bartz

DESIGNING

DEEPSPACEmobile

FOR MOBILE“Gotchas” to get

it. What we’ve learned so far.

Page 2: Designing for Mobile - Todd Bartz

Know your user.

DEEPSPACEmobile

Page 3: Designing for Mobile - Todd Bartz
Page 4: Designing for Mobile - Todd Bartz

Mobile has context.

DEEPSPACEmobile

Page 5: Designing for Mobile - Todd Bartz

5

Interruptive and distraction experience

Page 6: Designing for Mobile - Todd Bartz

mobile has context• Interruptive &

distraction experience

DEEPSPACEmobile

- Multi-tasking- Distraction = Entertainment/ Gaming

Page 7: Designing for Mobile - Todd Bartz

mobile has context• interruptive &

distraction experience

• Incremental experience

DEEPSPACEmobile

- Stop/start interaction

Page 8: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

Solution:Build use case around your users context.

Page 9: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

Page 10: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

Page 11: Designing for Mobile - Todd Bartz

Have you used a mobile phone lately?

DEEPSPACEmobile

Page 12: Designing for Mobile - Todd Bartz

12

Design for people who can’t read good

Page 13: Designing for Mobile - Todd Bartz

32 AT&T

39 Verizon

30 Sprint

33 T-mobile

DEEPSPACEmobile

Number of device types currently sold by the Top four carriers.

Page 14: Designing for Mobile - Todd Bartz

14

scroll wheeltrackballtouch screenstylusnumeric keypadQWERTY keyboard“sure”typet-9keyboardd-padjoystick

DEEPSPACEmobile

Page 15: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

Solution:Less is more.

Page 16: Designing for Mobile - Todd Bartz

design for less• balance content with clicks- consider screen size and scroll-ability• keep navigation simple. - big buttons, quick links, “start over”

button• streamline content- can’t rely on consistent formatting• hardware has limits- small cache size and working memory

DEEPSPACEmobile

Page 17: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

Page 18: Designing for Mobile - Todd Bartz

Dive deep on the technology.

DEEPSPACEmobile

Page 19: Designing for Mobile - Todd Bartz

19+

DEEPSPACEmobile

Mobile browsers embedded by carriers or device manufacturers

Mobile SafariPocket Internet ExplorerBlackberry BrowserOpera MiniOpenwaveBrewBlazer (Palm) Nokia NetfrontSidekick Browser (Danger)Android

Page 20: Designing for Mobile - Todd Bartz

21+

DEEPSPACEmobile

Number of user installable mobile browsers

Page 21: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

iPhone Rendering

Page 22: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

iPhone Rendering

Page 23: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

Blackberry Rendering

Page 24: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

Windows Mobile Rendering

Page 25: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

Moto RAZR Rendering

Page 26: Designing for Mobile - Todd Bartz

DEEPSPACEmobile

Solution:Test, test, test.But build for the future.

Page 27: Designing for Mobile - Todd Bartz

Standards will save us all.• Device churn will bring newer standards

based software into the mix- new browsers from MS, Nokia, Android,

Mozilla/Firefox, Opera focusing on desktop equivalent rendering.

• Lower end devices = lower end users- value-conscious users aren’t paying for

mobile data

DEEPSPACEmobile

Page 28: Designing for Mobile - Todd Bartz

Know your user.Imagine a solid mobile use case.

DEEPSPACEmobile

Less is moreDesign for simple, short interactions

Build for the future.Develop with standards, let the mobile past go.

Page 29: Designing for Mobile - Todd Bartz

Q+A

DEEPSPACEmobile