continuous design in agile delivery - thoughtworks

63
Te ş ekkürler This has been the biggest ever ThoughtWorks event in Europe

Upload: ben-kappler

Post on 28-Nov-2014

493 views

Category:

Design


5 download

DESCRIPTION

ThoughtWorks Turkey 2014 Summit - Continuous Delivery & Design with Martin Fowler. It is story of Experience Design in an Agile delivery project for TW client Hepsiburada

TRANSCRIPT

Page 1: Continuous Design in Agile Delivery - ThoughtWorks

TeşekkürlerThis has been the biggest ever ThoughtWorks event in Europe

Page 2: Continuous Design in Agile Delivery - ThoughtWorks

CONTINUOUS DESIGN in delivery

A story of continuous design in practice

Page 3: Continuous Design in Agile Delivery - ThoughtWorks

Success is for those who can begin saying "I will succeed" and say "I have succeeded" in the end.”

Mustafa Kemal Atatürk

Page 4: Continuous Design in Agile Delivery - ThoughtWorks

Video: http://youtu.be/dLZO1fMRjeg

Page 5: Continuous Design in Agile Delivery - ThoughtWorks

Helping define the product strategy

Research and analysis

Defining interactions/behaviours of software

Creating the visual design

Engineering the UI through front end code

WHAT IS DESIGN?

Page 6: Continuous Design in Agile Delivery - ThoughtWorks
Page 7: Continuous Design in Agile Delivery - ThoughtWorks

THE 4 METER SERVICE MAP

Page 8: Continuous Design in Agile Delivery - ThoughtWorks

THE 4 METER SERVICE MAP

Page 9: Continuous Design in Agile Delivery - ThoughtWorks

Chairlady

DesignerCMO

PMIT Director HR

General Manager

Lead BAPresident BD DOL

Page 10: Continuous Design in Agile Delivery - ThoughtWorks

Highest growth, lowest conversion

PRODUCTS

Page 11: Continuous Design in Agile Delivery - ThoughtWorks

NOT OPTIMISED

Page 12: Continuous Design in Agile Delivery - ThoughtWorks

NOT OPTIMISEDNOT OPTIMISED

Page 13: Continuous Design in Agile Delivery - ThoughtWorks

Beginning Phase 1

12 weeks

Page 14: Continuous Design in Agile Delivery - ThoughtWorks

Mobile

beta.hepsiburada.comhepsiburada.com/m/

Expansion

Re-direct Opt-in

Cross channel

.com

MOBILE FIRST STRATEGY

Phase 1 Phase 2

Page 15: Continuous Design in Agile Delivery - ThoughtWorks

ITERATIVE RELEASES

Jeff Pattonhttp://www.agileproductdesign.com/

Page 16: Continuous Design in Agile Delivery - ThoughtWorks

IDENTIFYING THE MKB

Page 17: Continuous Design in Agile Delivery - ThoughtWorks

We believe that we can design and develop a mobile optimised, minimal key buy journey in 3 months;

AGILE & LEAN

ThoughtWorks Delivery Team

Page 18: Continuous Design in Agile Delivery - ThoughtWorks

include UX design thinking and lean principles in to the product strategy?

HOW MIGHT WE…

Page 19: Continuous Design in Agile Delivery - ThoughtWorks

GOALS & SUCCESS

Page 20: Continuous Design in Agile Delivery - ThoughtWorks

BACKLOG ESTIMATION

PLANPRIORITISE

Page 21: Continuous Design in Agile Delivery - ThoughtWorks

We believe that we can design and develop a mobile optimised, minimal key buy journey in 3 months;

We will know we have been successful when we see an increase in conversion and a decrease in bounce rate

AGILE & LEAN

ThoughtWorks & Hepsiburada

Page 22: Continuous Design in Agile Delivery - ThoughtWorks

HOA LORANGER, NN/g

Without customer input, organizations risk creating interfaces that fail

Page 23: Continuous Design in Agile Delivery - ThoughtWorks

1hr CUSTOMER EMPATHY

Page 24: Continuous Design in Agile Delivery - ThoughtWorks

Segment

Behaviour

Motivation

Needs

Brand

Customer type

Product Browser Researcher

Focussed

Impulsive

Hunter

Casual

Impartial

Simplicity

Responsive

Patient

Spontaneous

Competitive

Availability Reward

Communication

Loyal Impartial Faithless

New Irregular Churning Frequent

Selection Price

Methodical

Content Obviousness

Business

Careful

Speed

Quantity

Impartial

Intermittent

Attitude Ambitious

1hr CUSTOMER HYPOTHESIS

Page 25: Continuous Design in Agile Delivery - ThoughtWorks

RAPID VALIDATION

Page 26: Continuous Design in Agile Delivery - ThoughtWorks

Browser ResearcherHunter31% 13%28%

Product24%

USER MAPPING

Page 27: Continuous Design in Agile Delivery - ThoughtWorks

RESEARCH

Page 28: Continuous Design in Agile Delivery - ThoughtWorks

Homepage Participant 1

QUALITATIVE INSIGHTS

It’s a little confusing…

I see lots of products, there are lots of things

Page 29: Continuous Design in Agile Delivery - ThoughtWorks

CUSTOMER PAIN

Developer

Customer service rep.

AnalystDeveloper

Designer

Page 30: Continuous Design in Agile Delivery - ThoughtWorks

QUANTITATIVE ANALYSIS

Page 31: Continuous Design in Agile Delivery - ThoughtWorks

DESIRABLE

USEFUL

ACCESSIBLE

FINDABLE

CREDIBLE

USABLE

Customer Value

ADVOCACY

FREQUENCY

AVAILABLE

VISIBLE

TRUST

CONVERSION

Business Value

USER EXPERIENCE

Page 32: Continuous Design in Agile Delivery - ThoughtWorks

http://farm7.static.flickr.com6071/6120570161_f5caf5e15e_z.jpg

Business

Page 33: Continuous Design in Agile Delivery - ThoughtWorks

http://www.walodesign.de/design_thoughts_09.html

(not UX) Designers

Page 34: Continuous Design in Agile Delivery - ThoughtWorks

http://zekecabell.com/596/

Page 35: Continuous Design in Agile Delivery - ThoughtWorks

To bring research in-house,

and importantly, internalise the learning?

WHAT CAN WE DO…

Page 36: Continuous Design in Agile Delivery - ThoughtWorks

We need everything designed up front and have all the designs finalised before we can start

Business, developers, some designers

MISCONCEPTION

Page 37: Continuous Design in Agile Delivery - ThoughtWorks

BDUF

SPECS

Guesswork Resource heavy

Time, lots of time

Documentation and reports

Page 38: Continuous Design in Agile Delivery - ThoughtWorks

We believe providing a simple optimised landing page

a reduction in bounce rate & more searches

when bounce is below 35% &

searches have increased above 25%

Will result in

For

We will know success

browsing users and product shoppers

HYPOTHESIS. EXPERIMENT

Page 39: Continuous Design in Agile Delivery - ThoughtWorks

RAPID LOW-FI DESIGN

UX designer Product

BA / IM

Page 40: Continuous Design in Agile Delivery - ThoughtWorks

OUTCOMES NOT OUTPUT

Page 41: Continuous Design in Agile Delivery - ThoughtWorks
Page 42: Continuous Design in Agile Delivery - ThoughtWorks
Page 43: Continuous Design in Agile Delivery - ThoughtWorks

Visual designer

UI Developer

UX designer

Product

Page 44: Continuous Design in Agile Delivery - ThoughtWorks

EVERYONE

Page 45: Continuous Design in Agile Delivery - ThoughtWorks

Embrace low fidelity & rapid design

and drop the idea that the spec is ‘the’ design?

HOW MIGHT WE

Page 46: Continuous Design in Agile Delivery - ThoughtWorks

RAPID PROTOTYPING

Page 47: Continuous Design in Agile Delivery - ThoughtWorks

Video: http://youtu.be/FC0V4tyMDsk

Page 48: Continuous Design in Agile Delivery - ThoughtWorks

LAB SET UP

Page 49: Continuous Design in Agile Delivery - ThoughtWorks

CONTINUOS LEARNING & VALIDATION

SEARCH

DAILY DEALS

INCREASE 17%

INCREASE 455%

CATEGORIES USAGE 41%DOES NOT INCLUDE SEARCH

Page 50: Continuous Design in Agile Delivery - ThoughtWorks

Involve myself in the testing, evaluation

and learning process?

HOW CAN I

Page 51: Continuous Design in Agile Delivery - ThoughtWorks

CONTINUOUS DESIGN & DEV

Page 52: Continuous Design in Agile Delivery - ThoughtWorks

http://www.energytimes.com/pages/departments/1109/holistic1109.html

HOW DOES AGILE UX FEEL?

Perception

Page 53: Continuous Design in Agile Delivery - ThoughtWorks

Reality

Page 54: Continuous Design in Agile Delivery - ThoughtWorks

ITERATION

Page 55: Continuous Design in Agile Delivery - ThoughtWorks

BACKLOG

ITERATION

Page 56: Continuous Design in Agile Delivery - ThoughtWorks

begin to see the product as the design,

and begin pairing to realise that together?

HOW MIGHT WE

Page 57: Continuous Design in Agile Delivery - ThoughtWorks

Helping define the product strategy

Research and analysis

Defining interactions/behaviours of software

Creating the visual design

Engineering the UI through front end code

WHAT IS EXPERIENCE DESIGN?

Page 58: Continuous Design in Agile Delivery - ThoughtWorks

External

Design not a part of the organisation

Not preferred

INTERNALISE & INCORPORATE

Page 59: Continuous Design in Agile Delivery - ThoughtWorks

Periphery

Design is a part of the organisation

Minimum

INTERNALISE & INCORPORATE

Page 60: Continuous Design in Agile Delivery - ThoughtWorks

Central

Design is embraced by the organisation

Preferred

INTERNALISE & INCORPORATE

Page 61: Continuous Design in Agile Delivery - ThoughtWorks

Integrated

Design is integral to the organisation

Desired

INTERNALISE & INCORPORATE

Page 62: Continuous Design in Agile Delivery - ThoughtWorks

THE OUTCOME?

Page 63: Continuous Design in Agile Delivery - ThoughtWorks

Teşekkürler@benkappler