From GID to TfL via UX

55
From GID to TfL via UX Jonathan Culling 13 February 2015

Transcript of From GID to TfL via UX

Page 1: From GID to TfL via UX

From GID to TfL via UX

Jonathan Culling 13 February 2015

Page 2: From GID to TfL via UX

What I’ll cover

• Introduction

• Working in digital

• Design thinking and technical skills

• User-centred design

• Working at TfL

• Some sample projects

• Advice for getting into UX

• Q&A

Page 3: From GID to TfL via UX

INTRODUCTION From GID to TfL via UX

Page 4: From GID to TfL via UX

Introduction

Page 5: From GID to TfL via UX

What the GID course taught me

Page 7: From GID to TfL via UX

WORKING IN DIGITAL From GID to TfL via UX

Page 8: From GID to TfL via UX

The rise of digital media

Page 9: From GID to TfL via UX

What the industry needs

Page 10: From GID to TfL via UX

Collaboration

Page 11: From GID to TfL via UX

Two varieties of designer

UX design Visual design

Page 12: From GID to TfL via UX

From GID to TfL via UX

DESIGN THINKING AND TECHNICAL SKILLS

Page 13: From GID to TfL via UX

What is design thinking?

“Combining empathy for the context of a problem, creativity in the generation of insights and solutions, and rationality in analyzing and fitting various solutions to the problem context.”

Page 15: From GID to TfL via UX

Design thinking steps

Page 16: From GID to TfL via UX

A design thinking exercise

• In your notebook, draw a vase

• Now draw a object for keeping and displaying flowers

Page 17: From GID to TfL via UX

Some design thinkers

+ =

+ =

Page 18: From GID to TfL via UX

Design thinking is the future!

Page 19: From GID to TfL via UX

Insights and solutions

Research Concepts

Insights

Solution

Page 20: From GID to TfL via UX

Tools of the trade

Page 21: From GID to TfL via UX

The importance of sketching

Page 22: From GID to TfL via UX

So, if you want to be a design thinker…

Page 23: From GID to TfL via UX

USER-CENTRED DESIGN From GID to TfL via UX

Page 24: From GID to TfL via UX

User-centred design process

ISO9421

M

M

Page 26: From GID to TfL via UX

…and then

Page 27: From GID to TfL via UX

So, what changed?

Page 28: From GID to TfL via UX

Three things to consider

Aim for this overlap

Page 29: From GID to TfL via UX

WORKING AT TFL From GID to TfL via UX

Page 30: From GID to TfL via UX

Working at TfL

Page 31: From GID to TfL via UX

TfL’s purpose

“To keep London moving, working and growing and to make life in London better”.

TfL Online’s vision

“To deliver digital experiences as good as the best retail and service organisations”.

Page 32: From GID to TfL via UX

What does this mean for UX?

• UX is a key differentiator, as it achieves better results through putting users and customers at the heart of the process.

• Customer-centricity of the sort embodied in the UX process is precisely what has differentiated the best retail and service organisations from their competitors.

• It will do the same for TfL.

Page 33: From GID to TfL via UX

Measuring success

Plan a journey Status updates Fares & payments Maps

CSAT = 82% CSAT = 68% CSAT = 79% CSAT = 75%

Tackle this first

Digital Monitor scores

• In time, we can proactively work on the most-needy parts of the site and show true thought leadership...

Page 34: From GID to TfL via UX

Continuous improvement of quality

Briefing

Start

Research gap analysis

Primary research/concepting

UX design (lo-fi)

Visual design (hi-fi)

Development

Content

Launch

Social media

End

Measure Benchmark Review Validate

M B

UXR | DR | CR

UXR

VR

VR

VR

VR

VR

DR

CR

UXR | DR | CR

SMM

M B Sunset

Page 35: From GID to TfL via UX

The website

Page 36: From GID to TfL via UX

CURRENT PROJECTS AT TFL From GID to TfL via UX

Page 37: From GID to TfL via UX

Online advertising on tfl.gov.uk

Page 39: From GID to TfL via UX
Page 40: From GID to TfL via UX

Electronic status update boards

Page 41: From GID to TfL via UX
Page 42: From GID to TfL via UX
Page 43: From GID to TfL via UX

Journey Planner improvements

Page 44: From GID to TfL via UX
Page 45: From GID to TfL via UX
Page 46: From GID to TfL via UX
Page 47: From GID to TfL via UX
Page 48: From GID to TfL via UX

Cycle hire process

Page 49: From GID to TfL via UX
Page 50: From GID to TfL via UX
Page 51: From GID to TfL via UX

GETTING INTO UX: SOME ADVICE From GID to TfL via UX

Page 52: From GID to TfL via UX

Career progressions in UX & design

Intern-ship Agency Client-

side Consult-ancy

Detail High-level

Page 55: From GID to TfL via UX

Any questions?

Jonathan Culling

[email protected]

@UncleJ