tech4africa presentation - designing for context using a mobile ux strategy

Rob Enslin Experience Designer, ThoughtWorks

Designing for context

using a mobile UX strategy

Context is about understanding human relationships to the people, places, and things in the world.

This talk is NOT about

why mobile is important

This talk is NOT about

making money

This talk is NOT about

beautiful visual design

This talk is NOT about

working within teams

This talk is NOT about

deliverables

This talk is NOT about

principles or techniques of

design

Mobile context =

anywhere and everywhere.

Context framework

Things Places

People

Spatial Temporal Social Sematic

Mobile growth

The wild west, and new frontiers

Understand its context of use

Mobile is personal Mobile is social Mobile is always near Mobile is everywhere Mobile has context

Remember…

Utility

Locale

Information

Productivity

Immersive

Experience type (tasks)

Quick look

Location-based services

Content quality

Completing tasks

See everything

App type Duration (consumption)

Snacking

Quick

Quick

Varies

Sticky / Long

Recall information

Contextual information

Finding information

Manage information

Entertainment

Let’s take a closer look

at some mobile applications...

What would Gautrain Bus

do?

Scenario 1

I'm on the bus on my way to work. I get a call from my boss who says that I should meet him in Rosebank. He asks what time I'll be there?

A scenario…

A scenario…

Mobile (bus) Morning (habit) Mobile phone (call) Noise (disruption)

Connectivity (coverage) Location (Rosebank) Timings (time of day) Duration (length of time)

I'm on the bus on my way to work. I get a call from my boss who says that I should meet him in Rosebank. He asks what time I'll be there?

Context Framework

Things Bus Signs Touchpad Website

People Commuter (me) Driver

Spatial Temporal Social Sematic

Places Office, Home

Experience Map

Trip Planning Pre-Trip Actual Trip Post Trip

Place / Location

Needs

Mode

Tasks

Goals

Home Office Telephone

Home Bus stop Telephone

Bus stop Bus station On the bus

Home

Pack ticket

What routes exist? What’s the cost

Pamphlets Tablets Desktop

Establish available routes Register & buy tickets

Conduct research

Check balance

Mobile Bus stop signage Bus ticker

Collect ticket (Ad—hoc)

Get from origin to destination

Desktop Mobile

Mobile Touch pad Printed signage Bus ticker

Mobile UX strategy / principles

Remove excess Design for short attention spans Limit the need for digging Exploit existing device information Design to pick up where you left off Use the notion of time wisely

1 2 3 4 5 6

Mobile UX strategy / principles

Key takeaways

Have a solid Product Strategy

1

Product Design

Business Strategy

Product Strategy

Product Design

Business Strategy

Product Strategy

Know who you’re

designing for

2

Know the users

Know the users and

their contexts

Exploit mobile / handset

capability

3

Use what’s built in

Use what’s built in

Use tools like Experience

Maps to expose context

4

Experience Map

Experience Map

Trip Planning Pre-Trip Actual Trip Post Trip

Place / Location

Needs

Mode

Tasks

Goals

Home Office Telephone

Home Bus stop Telephone

Bus stop Bus station On the bus

Home

Pack ticket

What routes exist? What’s the cost

Pamphlets Tablets Desktop

Establish available routes Register & buy tickets

Conduct research

Check balance

Mobile Bus stop signage Bus ticker

Collect ticket (Ad—hoc)

Get from origin to destination

Desktop Mobile

Mobile Touch pad Printed signage

Create uniquely mobile

experiences

5

Thank you. @robenslin