User Experience Design Resources for Mobile Creation Arabella David Forum Nokia 25.9.2009

Hei!

Part One: What do we have for you today?

CP-SDK

What does User Experience mean? • User Experience can be both very big and vague, and very

detailed and specific.

• There is a misconception that UX is expensive and at the end of development. UX is scalable and pervasive.

• Things get a lot less confusing once you know that UX is boiled down into one simple question.

“What’s in it for me?”

UX Driven Service Development A considered, user centric approach to service development

1. Service Concepting – what are you doing? 2. Application Planning – how are you doing it? 3. Make sure it delivers what users want

Step 1: Concepting

Answer the user’s question “What’s in it for me?”

Create your personas

Walk a mile in their shoes

CP-SDK

Set your metrics

Design Gallery

Case Studies

Step 2: Planning

CP-SDK

How to sweat the details

Coder Designer

Hey, we can tell the user when the bus will be at the stop

within a period of 4 milliseconds!

That’s ridiculous, let’s keep it to minutes.

In other news, I figured out how to apply these awesome gradients to everything on the

service!

Don’t make me throw you out a window. I want to see what’s going on without

having flashbacks

Tendency towards feature bloat Tendency towards visual overload

User Sweet, I can quickly figure out how soon the bus gets here! I

love this thing!

YOU WILL LOVE THIS THING!

The Sweet Spot

Good User Experience

Interaction Design for Mobile Application Visual Design for Mobile: A Guide for Newcomers

Mobile Web Templates

Remote Device Access

Step 3: Does it deliver?

“What’s in it for me?”

No standardised answer

User Experience Evaluation

User testing Exploit your friends & family

Imagine appropriate scenarios

Listen

When are you done?

Are you ever done?

You may now want to consider selling your service on some sort of online store.

29 © 2009 Nokia

Case study: Eat .fi

30 © 2009 Nokia

Tina

How to take the density of web

Into the specific user needs of mobile?

Step 1: Service Concepting • “I want to find an open, good restaurant near me right now!” •  Development team devised different personas and imagined

what they wanted •  Hungry cold people •  Hungry drunk people •  Hungry picky people

•  Figured out what website information to move and remove in order to maintain clarity of use

Step 2: Application Planning • Location was a key functionality

• First idea: C++ for S60, then discovered WRT

• Created and test a lightweight web app in the browser, and "widgetized" it for Nokia and iPhone simultaneously.

• Graphics/Styling entirely through CSS for speed

Step 3: Does it Deliver? • Word of mouth test base

• Used platform UI style guides (no model)

• When it started working

• Continuous improvement

Part Two: What’s in it for you?

UXD: Nokia, the Universe and Everything

Nokia FN Other communities

Questions for you • What do you want from us? • What do you want us to stop doing? • Have you seen anything relating to UXD that has been particularly awesome? (Collaborations are great, looking for more)

@darabella