ux for ecommerce: a masterchef lesson

81
Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com [email protected] www.diga-33.com @diga33

Upload: diga33

Post on 17-Jul-2015

324 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

[email protected]

www.diga-33.com 

@diga33

Page 2: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

UX for Ecommerce The Masterchef Lesson

Page 3: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

About me…

Who are we cooking for?

The importance of each ingredient

Planification: the recipe

Teams in the kitchen

ROI: Show me the green paper

Continuus improvement of CRO

My little spanish restaurant

Page 4: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

About me…

Who are we cooking for?

The importance of each ingredient

Planification: the recipe

Teams in the kitchen

ROI: Show me the green paper

Continuus improvement of CRO

My little spanish restaurant

Page 5: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

ABOUT ME

UX designer since 1999

Founder at Diga33!

Creator of UXfighters

Coordinator of the 4th edition of the UX Master

Author of 13 books for MacGraw Hill ed.

Mother of three (and a dog)

Page 6: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

2009, we design Mooimakk for interactiv4, our first ecommerce site”

2007, we started Diga33!

2014, with 7 people on staff, we create UXfighters.

ABOUT ME

Page 7: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

2009, we design Mooimakk for interactiv4, our first ecommerce site”

2007, we started Diga33!

2014, with 7 people on staff, we create UXfighters.

ABOUT ME

Page 8: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

2007, the real start of crisis in Spain

Best moment to start up a business, when all the other businesses need to save money

Page 9: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

UX: a very good way to save money!

Page 10: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

But… let me talk about how to be a

Masterchef

Page 11: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

About me…

Who are we cooking for?

The importance of each ingredient

Planification: the recipe

Teams in the kitchen

ROI: Show me the green paper

Continuus improvement of CRO

My little spanish restaurant

Page 12: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

WHO ARE WE COOKING FOR?

Age ! Experience

Culture

Page 13: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

WHO ARE WE COOKING FOR?

Are snails a good idea?

Maybe!!!

Page 14: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

“When working UX with e-Commerce sites, I don’t care

about the users”

Me ; )

Page 15: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

WHO ARE WE COOKING FOR?

How can i use this knowledge?

!

What does the user know?

Page 16: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

WHO ARE WE COOKING FOR?

Approach Phase

Efectivennes Phase

Improvement Phase

Exp

ert

ise

Time

Page 17: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Approach Phase

WHO ARE WE COOKING FOR?

Efectivennes Phase

Improvement Phase

Time

Page 18: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

In order to please a guest, that we know loves chicken…

Page 19: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

In order to please a guest, that we know loves chicken…

Page 20: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Let´s take advantage of the Chicken!

Page 21: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

About me…

Who are we cooking for?

The importance of each ingredient

Planification: the recipe

Teams in the kitchen

ROI: Show me the green paper

Continuus improvement of CRO

My little spanish restaurant

Page 22: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

THE IMPORTANCE OF EACH INGREDIENT

A bad dish

Page 23: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

THE IMPORTANCE OF EACH INGREDIENT

UX cannot save a bad dish

Page 24: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

temperature

taste

looksmell

combination of textures

surprise factor

Page 25: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Whether you are cooking a simple egg or the most exquisite dish, the experience need to be

planned and need to be taken into account from the very beginning of the project

Page 26: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

It does not matter the size of the project because there will always be a user behind

Our goal is to achieve this grateful experience

Page 27: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

THE IMPORTANCE OF EACH INGREDIENT

different design options

money spenton changes

REQUIREMENT DEVELOP LAUNCH

Page 28: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Ten years ago…

The client had to use theironline banking application

although applications do not work well!

THE IMPORTANCE OF EACH INGREDIENT

Page 29: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

But don´t fool yourselves This can’t NEVER be applied

to e-Commerce

THE IMPORTANCE OF EACH INGREDIENT

Page 30: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Experience matters, experience sells.

Page 31: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

About me…

Who are we cooking for?

The importance of each ingredient

Planification: the recipe

Teams in the kitchen

ROI: Show me the green paper

Continuus improvement of CRO

My little spanish restaurant

Page 32: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Recipes show us the steps we need to follow and the time we need to add each

of the ingredients.

PLANIFICATION: THE RECIPE

Page 33: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

To work user experience in the planning phase allow us to foresee the interaction

problems that the users will face and solve them before they actually occur.

PLANIFICATION: THE RECIPE

Page 34: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

When cooking a Sunday Dinner we will need 5 ingredients: meat, potato, onion, gravy and carrots.

Who hasn’t forget the gravy?

but "?

Page 35: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

When the problems are solved after developing phase, the cost of coming back

to planning doubles up. When the problems are solved in the launching phase or even after, then returning to planning can mean to start all over.

PLANIFICATION: THE RECIPE

Page 36: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

UX is not painting over something, means creating.

Page 37: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Grab your pens A master chef dish can’t be

improvised: Planification is key

Page 38: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

About me…

Who are we cooking for?

The importance of each ingredient

Planification: the recipe

Teams in the kitchen

ROI: Show me the green paper

Continuus improvement of CRO

My little spanish restaurant

Page 39: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Nobody works alone in the kitchen, the same happens on an

e-Commerce project

Page 40: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Nowasays great chefs are surrounded with multiskills profiles such as the PR guy, the wine and the dessert experts, even with chemists!!

TEAMWORK

Page 41: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

From the UX point of view:

TEAMWORK

It´s key to work hand by hand with designers, copywriters and

technology experts, so that the product works as a whole

Page 42: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

TEAMWORK

We don´t need to create a One Step Checkout,

because it already exists, it´s tested, and it works

perfectly.

Page 43: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

I try to keep informed about the latest versions and ask my technology partners how to use them in every case or if there are any difficulties or how can it work together with the rest of the application.

TEAMWORK

Page 44: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

UX Consultant should be your bestie

Page 45: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Prototyping is not the main task of a UX Consultant but is the easiest way to show to a client how an application works.

TEAMWORK

Page 46: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Page 47: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Page 48: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

A prototype could be the base of your functional definition document in a ‘universal language’ that not only developers will understand

Page 49: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

ONCE AGAIN GRAB YOUR HIGHLIGHTERS:

COOKERS GET A KITCHEN ASSISTANT. UX CONSULTANTS WILL UNDOUBTEDLY SAVE

YOUR LIFE.

Page 50: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

About me…

Who are we cooking for?

The importance of each ingredient

Planification: the recipe

Teams in the kitchen

ROI: Show me the green paper

Continuus improvement of CRO

My little spanish restaurant

Page 51: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

SHOW ME THE GREEN PAPER

Page 52: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

SHOW ME THE GREEN PAPER

$ $ $$ $

You will get it, when this person is going to share his experience and come back to the restaurant but this time with his relatives

You don’t make the big money by getting someone to eat once in your restaurant

Page 53: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

To please the expectations of the user will allow us to

engage with them and to make them prescriptors

Page 54: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

What matters to the chef is the returning of the guest.

SHOW ME THE GREEN PAPER

It takes so much to get a new client or a new guest, you know it is, that to invest

in UX in order to guarantee the recurrence is nothing.

Page 55: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Does UX really have an impact on ROI?

Is it a trend or is here to stay?

Page 56: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

UX

ROI

?

Page 57: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

UX tasks are not done on one shoot

SHOW ME THE GREEN PAPER

Page 58: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

The business environment might have change, therefore the project needs to be followed

SHOW ME THE GREEN PAPER

Page 59: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

About me…

Who are we cooking for?

The importance of each ingredient

Planification: the recipe

Teams in the kitchen

ROI: Show me the green paper

Continuus improvement of CRO

My little spanish restaurant

Page 60: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

CRO = Conversion Rate Optimization

Page 61: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

change in the environment change in the environment change in the environment

UX UX UX

CONTINUUS IMPROVEMENT OF CRO

Punctual continuous actions help us to optimize results, this is what we know as CRO.

Page 62: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Page 63: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Our grandma’s favourite dish was not always as delicious as we might think

CONTINUUS IMPROVEMENT OF CRO

Page 64: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

CONTINUUS IMPROVEMENT OF CRO

Page 65: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

CONTINUUS IMPROVEMENT OF CRO

If we present UX to the client as a circle model, he will be scared to lose all the effort

and money in the new cycle.

Page 66: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

CONTINUUS IMPROVEMENT OF CRO

If we present UX to the client as a circle model, he will be scared to lose all the effort

and money in the new cycle.

Page 67: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

CONTINUUS IMPROVEMENT OF CRO

If we work following the linear model, the client will understand we are not starting over but we are just optimizing the project, going one step forward

RESEARCH ANALYSIS STRATEGY GOAL PLAN DELIVERY

MEASUREMENT RESULTS

OPTIMIZATION

Page 68: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

CONTINUUS IMPROVEMENT OF CRO

We love A/B Testing!

Page 69: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

About me…

Who are we cooking for?

The importance of each ingredient

Planification: the recipe

Teams in the kitchen

ROI: Show me the green paper

Continuus improvement of CRO

My little spanish restaurant

Page 70: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

THE RIGHT PARTNERS

Page 71: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

We all know how to cook, however when you have a big event at your house you let things under professional hands

THE RIGHT PARTNERS

Page 72: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

This collaboration is so important that the catering provider becomes your

If your guests do not like the food, then they will not be paid.

Page 73: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

We understand UX as a partnership not a service:

We join our clients and go along with you making sure to get your clients to love the experience at your site ensuring the engage with your business.

THE RIGHT PARTNERS

UX Client

Page 74: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

We want to build a business relationship, where we will work on

their project throughout the time

We want to share with them our methodology and improve

it with their know-how.

Page 75: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

THE RIGHT PARTNERS

One thing we love about working online and not offline is that UX is measurable.

Page 76: UX for ecommerce: A masterchef lesson

[email protected] | www.diga-33.com  | @diga33Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

THE RIGHT PARTNERS

People think UX is about colours and painting over. But it is a question of numbers and numbers don’t lie.

Page 77: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

You can have your opinion about colours, and you might like blue over yellow

Page 78: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

You can have your opinion about colours, and you might like blue over yellow

but what is a FACT is that everybody loves 5% over 3% of rate conversion.

Page 79: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

You can have your opinion about colours, and you might like blue over yellow

but what is a FACT is that everybody loves 5% over 3% of rate conversion.

Page 80: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

Hope you enjoy the meal!!

Page 81: UX for ecommerce: A masterchef lesson

Luz De-León | Diga33!, Owner @diga33 | www.diga-33.com

diga-33.com

Follow us!

http://twitter.com/Diga33 http://www.facebook.com/Diga33