tech4africa presentation - designing for context using a mobile ux strategy

44
Rob Enslin Experience Designer, ThoughtWorks Designing for context using a mobile UX strategy

Upload: rob-enslin

Post on 28-Jan-2015

114 views

Category:

Design


4 download

DESCRIPTION

My presentation introduces the notion of 'context' and why it is especially important when designing (products/services) for mobile. I introduce a hypothetical local example, the Gautrain Bus, to illustrate this and close with some practical and strategic considerations to help people effectively design products that have a mobile nature to them.

TRANSCRIPT

Page 1: Tech4Africa presentation - Designing for context using a mobile UX strategy

Rob Enslin Experience Designer, ThoughtWorks

Designing for context

using a mobile UX strategy

Page 2: Tech4Africa presentation - Designing for context using a mobile UX strategy

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

Page 3: Tech4Africa presentation - Designing for context using a mobile UX strategy

This talk is NOT about

why mobile is important

Page 4: Tech4Africa presentation - Designing for context using a mobile UX strategy

This talk is NOT about

making money

Page 5: Tech4Africa presentation - Designing for context using a mobile UX strategy

This talk is NOT about

beautiful visual design

Page 6: Tech4Africa presentation - Designing for context using a mobile UX strategy

This talk is NOT about

working within teams

Page 7: Tech4Africa presentation - Designing for context using a mobile UX strategy

This talk is NOT about

deliverables

Page 8: Tech4Africa presentation - Designing for context using a mobile UX strategy

This talk is NOT about

principles or techniques of

design

Page 9: Tech4Africa presentation - Designing for context using a mobile UX strategy

Mobile context =

anywhere and everywhere.

Page 10: Tech4Africa presentation - Designing for context using a mobile UX strategy

Context framework

Things Places

People

Spatial Temporal Social Sematic

Page 11: Tech4Africa presentation - Designing for context using a mobile UX strategy

Mobile growth

Page 12: Tech4Africa presentation - Designing for context using a mobile UX strategy

The wild west, and new frontiers

Page 13: Tech4Africa presentation - Designing for context using a mobile UX strategy

Understand its context of use

Page 14: Tech4Africa presentation - Designing for context using a mobile UX strategy

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

Remember…

Page 15: Tech4Africa presentation - Designing for context using a mobile UX strategy

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

Page 16: Tech4Africa presentation - Designing for context using a mobile UX strategy

Let’s take a closer look

at some mobile applications...

Page 17: Tech4Africa presentation - Designing for context using a mobile UX strategy
Page 18: Tech4Africa presentation - Designing for context using a mobile UX strategy
Page 19: Tech4Africa presentation - Designing for context using a mobile UX strategy
Page 20: Tech4Africa presentation - Designing for context using a mobile UX strategy
Page 21: Tech4Africa presentation - Designing for context using a mobile UX strategy
Page 22: Tech4Africa presentation - Designing for context using a mobile UX strategy
Page 23: Tech4Africa presentation - Designing for context using a mobile UX strategy

What would Gautrain Bus

do?

Page 24: Tech4Africa presentation - Designing for context using a mobile UX strategy
Page 25: Tech4Africa presentation - Designing for context using a mobile UX strategy

Scenario 1

Page 26: Tech4Africa presentation - Designing for context using a mobile UX strategy

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…

Page 27: Tech4Africa presentation - Designing for context using a mobile UX strategy

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?

Page 28: Tech4Africa presentation - Designing for context using a mobile UX strategy

Context Framework

Things Bus Signs Touchpad Website

People Commuter (me) Driver

Spatial Temporal Social Sematic

Places Office, Home

Page 29: Tech4Africa presentation - Designing for context using a mobile UX strategy

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

Page 30: Tech4Africa presentation - Designing for context using a mobile UX strategy
Page 31: Tech4Africa presentation - Designing for context using a mobile UX strategy

Mobile UX strategy / principles

Page 32: Tech4Africa presentation - Designing for context using a mobile UX strategy

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

Page 33: Tech4Africa presentation - Designing for context using a mobile UX strategy

Key takeaways

Page 34: Tech4Africa presentation - Designing for context using a mobile UX strategy

Have a solid Product Strategy

1

Product Design

Business Strategy

Product Strategy

Page 35: Tech4Africa presentation - Designing for context using a mobile UX strategy

Product Design

Business Strategy

Product Strategy

Page 36: Tech4Africa presentation - Designing for context using a mobile UX strategy

Know who you’re

designing for

2

Know the users

Page 37: Tech4Africa presentation - Designing for context using a mobile UX strategy

Know the users and

their contexts

Page 38: Tech4Africa presentation - Designing for context using a mobile UX strategy

Exploit mobile / handset

capability

3

Use what’s built in

Page 39: Tech4Africa presentation - Designing for context using a mobile UX strategy

Use what’s built in

Page 40: Tech4Africa presentation - Designing for context using a mobile UX strategy

Use tools like Experience

Maps to expose context

4

Experience Map

Page 41: Tech4Africa presentation - Designing for context using a mobile UX strategy

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

Page 42: Tech4Africa presentation - Designing for context using a mobile UX strategy

Create uniquely mobile

experiences

5

Page 43: Tech4Africa presentation - Designing for context using a mobile UX strategy
Page 44: Tech4Africa presentation - Designing for context using a mobile UX strategy

Thank you. @robenslin