cheap and efficient tools euroia09

44
Cheap and efficient tools Engaging users in design when there is no budget and there is no time

Upload: belen-barros-pena

Post on 27-Jan-2015

107 views

Category:

Technology


2 download

DESCRIPTION

iQ Content's presentation at EuroIA Copenhagen 2009

TRANSCRIPT

Page 1: Cheap And Efficient Tools Euroia09

Cheap and efficient tools

Engaging users in design when there is no budget and there is no time

Page 2: Cheap And Efficient Tools Euroia09

0:00 / 4:59

iQ Content

2

iQ ContentUsability | Design | Content | Analytics

Page 3: Cheap And Efficient Tools Euroia09

Does this sound familiar?

“We won’t be doing any user testing for this project. There is just no budget for it, and we don’t have time“

3

Page 4: Cheap And Efficient Tools Euroia09

The Holy Trinity

4

Quick

Cheap Valuable

User research

Page 5: Cheap And Efficient Tools Euroia09

5

NuaMy night at the Odeon

Far far away, behind the word

mountains,

Post

Photos:

Upload!

What people say:NuaSarah is joining

What do you like?

NuaThis week's offers

Far far away,

behind the word

mountains,

Vote!

Far far away,

behind the word

mountains,

Far far away,

behind the word

mountains,

Vote! Vote!

Traffic analysisUser testingPrototyping

Page 6: Cheap And Efficient Tools Euroia09

6

Traffic analysisUser testingPrototypingPrototyping User testing

NuaMy night at the Odeon

Far far away, behind the word

mountains,

Post

Photos:

Upload!

What people say:

Page 7: Cheap And Efficient Tools Euroia09

7

Traffic analysisUser testingPrototypingPrototyping Traffic analysis

Before After

Page 8: Cheap And Efficient Tools Euroia09

8

Traffic analysisUser testingPrototyping

Quick

Cheap Valuable

User research

IMAGE MAP PROTOTYPES

Page 9: Cheap And Efficient Tools Euroia09

9

Page 10: Cheap And Efficient Tools Euroia09

10

Page 11: Cheap And Efficient Tools Euroia09

11

Traffic analysisUser testingPrototyping

Not a single line of code required

GOOD THINGS:

Page 12: Cheap And Efficient Tools Euroia09

12

Traffic analysisUser testingPrototyping

Starting from existing wireframes, an image map prototype can be built by an interaction designer in 3 to 5 hours

MORE GOOD THINGS:

Page 13: Cheap And Efficient Tools Euroia09

13

Traffic analysisUser testingPrototyping

Image map prototypes provide enough interactivity to test static web pages

EVEN MORE GOOD THINGS:

Page 14: Cheap And Efficient Tools Euroia09

14

Traffic analysisUser testingPrototyping

You can’t use them to test pages that require user input or move (i.e. web forms, animations, effects, transitions, etc)

BAD THINGS:

Page 15: Cheap And Efficient Tools Euroia09

15

Traffic analysisUser testingPrototyping

Quick

Cheap Valuable

User research

HYBRID PROTOTYPES

Page 16: Cheap And Efficient Tools Euroia09

16

Traffic analysisUser testingPrototyping

Page 17: Cheap And Efficient Tools Euroia09

17

Traffic analysisUser testingPrototyping

Page 18: Cheap And Efficient Tools Euroia09

18

Traffic analysisUser testingPrototyping

Page 19: Cheap And Efficient Tools Euroia09

19

Traffic analysisUser testingPrototyping

http://url.ie/2i4h

Page 20: Cheap And Efficient Tools Euroia09

20

Traffic analysisUser testingPrototypingPrototyping User testing

Quick

Cheap Valuable

User research

USER TESTING

Page 21: Cheap And Efficient Tools Euroia09

21

Traffic analysisUser testingPrototypingPrototyping User testing

Tests carried out in lab with 2 laptops (Windows OS), USB keyboard and mouse, monitor, webcam, microphone and Morae

STANDARD APPROACH:

Page 22: Cheap And Efficient Tools Euroia09

22

Traffic analysisUser testingPrototypingPrototyping User testing

Protocol: 6 to 8 participants compensated with €60 - €70 for 1-hour tests spread along 2 days

STANDARD APPROACH:

Page 23: Cheap And Efficient Tools Euroia09

23

Traffic analysisUser testingPrototypingPrototyping User testing

Tests carried out in client’s point of contact with customers (e.g. bank branch) with 2 laptops (Mac OS), USB keyboard and mouse, monitor and Silverback

INFORMAL APPROACH:

Page 24: Cheap And Efficient Tools Euroia09

24

Traffic analysisUser testingPrototypingPrototyping User testing

Protocol: 15 to 20 participants compensated with €20 for 15-minute tests spread along 2 days

INFORMAL APPROACH:

Page 25: Cheap And Efficient Tools Euroia09

25

Traffic analysisUser testingPrototypingPrototyping User testing

INFORMAL APPROACH GOOD THINGS:

Cheaper and faster

Page 26: Cheap And Efficient Tools Euroia09

26

Traffic analysisUser testingPrototypingPrototyping User testing

STANDARD

INFORMAL

FIXED COSTS VARIABLE COSTS

€3,385 €1,700

€2,940 €140

USER TESTING WITH 7 USERS:

DAYS

2

1

Page 27: Cheap And Efficient Tools Euroia09

27

Traffic analysisUser testingPrototypingPrototyping User testing

INFORMAL APPROACH BAD THINGS:

Impossible to recruit participants of a certain profile

Page 28: Cheap And Efficient Tools Euroia09

28

Traffic analysisUser testingPrototypingPrototyping User testing

INFORMAL APPROACH BAD THINGS:

Participants will be already your client’s customers: you’ll learn nothing about prospective customers’ behaviour

Page 29: Cheap And Efficient Tools Euroia09

29

Traffic analysisUser testingPrototypingPrototyping User testing

INFORMAL APPROACH BAD THINGS:

Tests must be short and very focused: no time for pre-test questionnaires or debriefing interviews

Page 30: Cheap And Efficient Tools Euroia09

30

Traffic analysisUser testingPrototypingPrototyping User testing

THE TRICK: USE BOTH

Use the standard approach for exploration, and the informal approach for validation

Page 31: Cheap And Efficient Tools Euroia09

31

Traffic analysisUser testingPrototypingPrototyping User testing

THE BENEFIT: MORE ITERATIONS

Combining the standard and informal approaches, we have squeezed one more round of user testing in our projects

Page 32: Cheap And Efficient Tools Euroia09

32

Traffic analysisUser testingPrototypingPrototyping User testing

THE BENEFIT: MORE ITERATIONS

Before: 2 rounds of standard testingAfter: 1 round of standard testing, 2 rounds of informal testing

Page 33: Cheap And Efficient Tools Euroia09
Page 34: Cheap And Efficient Tools Euroia09

=

Page 35: Cheap And Efficient Tools Euroia09

Our initial assumption

Testing IA = Card sorting

Page 36: Cheap And Efficient Tools Euroia09

Donna Spencer:

Card sorting is a “tool that helps us understand people we are designing for”

Page 37: Cheap And Efficient Tools Euroia09

Testing IA = Card sorting

Page 38: Cheap And Efficient Tools Euroia09

Piece 1: Identify key user tasks

Page 39: Cheap And Efficient Tools Euroia09

Piece 2 - carefully craft wording

Page 40: Cheap And Efficient Tools Euroia09

Piece 3: image map prototypes x 2

Page 41: Cheap And Efficient Tools Euroia09

The tests - Round 1 12 users 2 days initially tested the live site as well rotated which version was served first

Page 42: Cheap And Efficient Tools Euroia09

Key insights

Visible second level nav was critical Home link very useful Terminology, like “plans & costs” vs. “plans & services”

Page 43: Cheap And Efficient Tools Euroia09

Round 2 Validate new IA Focus on new and existing page designs Just 5 users this time

Page 44: Cheap And Efficient Tools Euroia09

What did the prototypes do for us?

Ease of prototyping allowed us to quickly adapt to completely new test plan

Shrunk distance between testing artefact and the real thing

Made us confident in our result