30
Surface UI October 2010 Optimizing Android User Experience A case study in mobile UI design Jerome Nadel EVP, Sagem Wireless Olof Schybergson CEO, Fjord

Ficod - Optimizing android ux a case study

Embed Size (px)

Citation preview

Page 1: Ficod - Optimizing android ux a case study

Surface UI October 2010 Optimizing Android User Experience A case study in mobile UI design

Jerome Nadel EVP, Sagem Wireless Olof Schybergson CEO, Fjord

Page 2: Ficod - Optimizing android ux a case study

Key themes

•  Analyzing Android

•  Identifying opportunities for innovation

•  Deep collaboration

•  The result – Surface UI

•  Insights

Page 3: Ficod - Optimizing android ux a case study
Page 4: Ficod - Optimizing android ux a case study

Understanding the mobile UI landscape

Apple iOS: ultra simple navigation… …but lacking multi-tasking power and flexibility

Android: very flexible… …but lacking structure and self-evidency

Page 5: Ficod - Optimizing android ux a case study

Design Tradeoffs

Re

lativ

e P

ow

er

(fu

nc

tion

al p

erf

orm

an

ce

)

0

10

20

30

40

50

60

70

80

90

100

Application A

Application B

Familiarity (through use, experience, and training)

Page 6: Ficod - Optimizing android ux a case study

From introduction to adoption to domination

iSuppli, 2010

561% increase in 2010 Digitimes 

Android

iOS

Global Usage of Android and iOS in Smart Phones (Millions of Units)

Page 7: Ficod - Optimizing android ux a case study

Everyone is working to improve Android

Page 8: Ficod - Optimizing android ux a case study

Assessing best practice – HTCs Sense

Page 9: Ficod - Optimizing android ux a case study

Staying compliant

Page 10: Ficod - Optimizing android ux a case study

Teaming with Fjord

Page 11: Ficod - Optimizing android ux a case study
Page 12: Ficod - Optimizing android ux a case study

Let's Rumble…

Page 13: Ficod - Optimizing android ux a case study

Not just UI design, service design

Page 14: Ficod - Optimizing android ux a case study

Building an Andriod customization system

Page 15: Ficod - Optimizing android ux a case study

Sagem Wireless Surface UI

Surface Navigation •  Bring the most used objects and

interactions to the top. Encourage usage and exploration

Landscape Structure •  Differentiate embedded vs. “open”

services & apps throughout the UI

Simple Switching •  Give instant control to quickly jump

between Panes and Running Apps

Page 16: Ficod - Optimizing android ux a case study
Page 17: Ficod - Optimizing android ux a case study

single touch targets

Page 18: Ficod - Optimizing android ux a case study

menu

Page 19: Ficod - Optimizing android ux a case study

switcher

Page 20: Ficod - Optimizing android ux a case study

open Android surface apps

Page 21: Ficod - Optimizing android ux a case study
Page 22: Ficod - Optimizing android ux a case study

22

Page 23: Ficod - Optimizing android ux a case study
Page 24: Ficod - Optimizing android ux a case study
Page 25: Ficod - Optimizing android ux a case study
Page 26: Ficod - Optimizing android ux a case study

Connecting to the cloud…

News Database Social Networks Developer Network eCommerce

Page 27: Ficod - Optimizing android ux a case study
Page 28: Ficod - Optimizing android ux a case study

The back-end enables the experience

ODP DEMO PLAYER

System Notification

- Social network platform -  Content (news, video…)

AGGREGATION SERVER -  id -  location

Server Aggregation

Direct Aggregation

Local Aggregation

BILLING SERVERS

Google Checkout, Paypal, CC/DC, MNO billing, P-SMS…

MOBILE COMMERCE

CATALOGUES CONTENT MGT

Id, eCart, physical & digital goods

Delivery, admin…

Unlock Open

- SMS -  browser -  Direct download

CRM / MCOM View history

Buy

LIFESTREAM

Launch activity

Page 29: Ficod - Optimizing android ux a case study

a phone is not a phone

wow at first exposure

make it simple

the device is the service

surface what's good

Page 30: Ficod - Optimizing android ux a case study

thank you

Jerome Nadel [email protected]

Olof Schybergson [email protected]