ecommerce ux testing

47
Interaction 14 South America El evento de Diseño de Interacción y Experiencia de Usuario más importante de Latinoamérica. B U E N O S A I R E S eCommerce UX testing Adrian Iacomi @adrianiacomi

Upload: adrian-iacomi

Post on 09-Jul-2015

660 views

Category:

Design


0 download

DESCRIPTION

The workshop will present various discount methods of UX testing for eCommerce websites, which can be adapted to any web or mobile app. For all methods we will show an applied example of the technique. In the second part the participants will choose randomly a known website to which we will apply the methods and at the end we will compare and discuss the results. The goal is to present easy methods of testing websites from an UX perspective and how can we establish measurable variables. These are important elements especially working with clients, so that we can present them better our results and how to sustain our design decisions. DISCLAIMER All the websites analysed here were used only for presenting a method/technique, not to grade (truly analyse) the websites. As these were chosen randomly and we do not know the business objectives that drives these websites we can not evaluate objectively the UX of the presented pages, but we can use them to present testing methods for UX.

TRANSCRIPT

Page 1: eCommerce UX testing

Interaction14South AmericaEl evento de Diseño de Interacción y Experiencia de Usuario más importante de Latinoamérica.

B U E N O S A I R E S

eCommerce UX testingAdrian Iacomi @adrianiacomi

Page 2: eCommerce UX testing

El evento de Diseño de Interacción y Experiencia de Usuario más importante de Latinamérica.

19 AL 22 DE NOVIEMBRE 2014

UCA • PUERTO MADERO

Interaction14South America

Program

1. UX. A brief presentation

2. eCommerce websites

3. UX testing

4. Cheap and fast

5. Testing methods

6. Group work

7. Group therapy UX

Page 3: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

1. User eXperience. A brief presentation. What : User Experience (UX) refers to all the good / bad feelings towards your product

Who : the project manager, UI designer, IA expert, the man/woman ready to make him/her “happy”

Why : if the user is not “happy” he/she will not use your product and will look for a better experience

How : improve the user experience but respect the business goals

Where : in the user environment, where he/she uses normally your product

When : UX can be improved anytime during the development process

Page 4: eCommerce UX testing

El evento de Diseño de Interacción y Experiencia de Usuario más importante de Latinamérica.

19 AL 22 DE NOVIEMBRE 2014

UCA • PUERTO MADERO

Interaction14South America

eCommerce websitesDifferent flavours. Similar goals.

Page 5: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 6: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 7: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 8: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 9: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 10: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

2. eCommerce websites• Different design approaches / Hard to differentiate sometimes

• Huge competition : existing on a global market

• Price comes first, but without a good UX, the user won’t get to that point

• UX it’s not optional

• Depends on the business goals

• Common elements: shopping cart, offers, they want to sell you a product

• Differences: design, anticipate user needs, targeted market, personalisation level

Page 11: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

3. UX testing

• There is no silver bullet method • Time / money constraints

• The client doesn’t always sees why to UX “whatever” test

• Options

• Classic UX testing

• Discount (cheap and fast) testing

• No testing = No results = No user feedback … failures looms around the corner

Page 12: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Classic User testing Discount testing No testing

Methods

user interviews, focus groups, eye tracking, advanced prototypes, personas,

scenarios, etc.

expert review, heuristic evaluation, simple user test, proto-personas, user journey

graph

being optimist

Cost high low none

Users 5-many 1-5 0

Time 7-30 days 30 min 0

UX team 3-10 1-3 0

Results plenty few none

Page 13: eCommerce UX testing

El evento de Diseño de Interacción y Experiencia de Usuario más importante de Latinamérica.

19 AL 22 DE NOVIEMBRE 2014

UCA • PUERTO MADERO

Interaction14South America

UX means innovation + evolutionwww.amazon.com

Page 14: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 15: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 16: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 17: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 18: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

UX = Evolution = more $$$

Page 19: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

4. Cheap and fast ???

1. When we can not do proper UX testing

2. To convince a client investing in UX

3. Limited budget

4. Limited time

5. Restricted access to users

6. Cannot replace full length UX testing

7. Better little than none !!!

8. Focus on the core features / functions

Page 20: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

5. Testing methods

1. Create a set of methods (max 3)

2. Establish a scale of experience values (-10 to +10)

3. Create a user scenario - to attain a goal

4. Apply methods and measure the UX

5. Analyse the top pain points

6. Modify the project accordingly and repeat after an interval to measure improvement

Page 21: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 22: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Method A - user journey graphHeuristic markup / Emotional map / Focus on goals

Page 23: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

1. Establish a goal : buy a pair of woman shoes

2. Create a scenario (steps to follow)

3. Pick a typical user / UX practitioner

4. Record the emotions and reactions of the user while using the website

5. Create a graph based on the reactions of the user [scale -10 to +10 as reactions] on each page/step

6. Analyse the top 3 lowest points

7. Add comments: type of failure, severity, how it affects the main goal

Page 24: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Clean design Found “Zapatos” on the home page

No Search function ?!?!

Page 25: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Found in the menu exactly what I wanted

Hombres? Confusing Confusing category image

Page 26: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Very good sorting options I’ve found the product I wanted

Page 27: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Clean design Well organised information

No matching options No suggestions

Page 28: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Clean design Informed, clear price

No suggestions

Page 29: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Small cart, atypical icon No rollover information

Page 30: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

-10

-8

-5

-3

0

3

5

8

10

Home Search Menu Product list Product page Shopping cart

Page 31: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Method B - beat the leaderComparative assessment / Industry leader / Usability Heuristics

Page 32: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 33: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Method C - shopping basket heuristicsUsability Heuristics [ Nielsen ] on the most important element

Page 34: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

• Visibility of system status

• What I have in the basket (photos, name)

• Price and overall cost

• Match between the system and the real world

• Familiar therms, user understandable

• Error prevention

• No stock

• Undeliverable

• Aesthetic and minimalist design

Page 35: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Clean design, safety Informed, clear price, payment methods System status No suggestions

Page 36: eCommerce UX testing

El evento de Diseño de Interacción y Experiencia de Usuario más importante de Latinamérica.

19 AL 22 DE NOVIEMBRE 2014

UCA • PUERTO MADERO

Interaction14South America

Page 37: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

6. Group work

1. Choose a website: zappos.com

2. Make a team (3 max): one user, 2 observers

3. Choose a team name, know each other, prepare to work :) (5 min)

4. The “user” that will navigate, the rest will analyse and write down comments

5. Apply Method A (30 min)

6. Apply Method B - just one pain point analysed (20 min)

7. Apply Method C (20 min)

8. Write down few comments about UI, UX, other

Page 38: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Method A - user journey graphCreate the User Journey Graph and find the major Pain Points

Page 39: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

User Journey Graph1. Find a pair of woman shoes for a black dress

2. Find on home page?

3. Use Search function

4. Use menu to navigate and find the right shoe

5. Add to basket

6. Go up to send order

Home - Search - Menu - Product list - Product page - Shopping cart

Page 40: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

-10

-8

-5

-3

0

3

5

8

10

Home Search Menu Product list Product page Shopping cart

ux stupids meli sapos shopping queens vai, brasil superclasico umpa

Page 41: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Method B - beat the leaderCompare with Amazon the top pain points

Page 42: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 43: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Method C - shopping basket heuristicsUsability Heuristics [ Nielsen ] on the most important element

Page 44: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

Page 45: eCommerce UX testing

Interaction14South America 19 AL 22 DE NOVIEMBRE 2014

BUENOS AIRES, ARGENTINA

7. Group therapy

1. Which was the worst user experience point? Why?

2. Which was the step with the best user experience? Why?

3. Which method do you find most useful and which was less useful?

4. What would you radically change about zappos.com?

Page 46: eCommerce UX testing

Interaction14South AmericaEl evento de Diseño de Interacción y Experiencia de Usuario más importante de Latinoamérica.

B U E N O S A I R E S

Questions and answers :)

Page 47: eCommerce UX testing

No deje de completar su evaluación online

isa.ixda.org/encuesta¡Muchas gracias!

Interaction14South America

B U E N O S A I R E S

eCommerce UX testingAdrian Iacomi