Top Banner
DESIGNING DEEPSPACE mobile FOR MOBILE “Gotchas” to get it. What we’ve learned so far.
29
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: 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