User Interfaces 2012

Prof. Erik Duval Stijn Adams Niels Avonds

Niels Billen Robin De Croon

User Story Storyboard

Paper prototype

1.0

Paper Prototype

2.0

Digital Prototype

Focus 1

Focus 2

. . .

User Story Storyboard

Paper prototype

1.0

Paper Prototype

2.0

Digital Prototype

Focus 1

Focus 2

. . .

Brainstorming

User Story

Storyboard

Information overload

http://www.successful.com.au/blog/wp-content/uploads/2012/01/information-overload.jpg; http://a.dryicons.com/images/icon_sets/shine_icon_set/png/256x256/business_user_edit.png

User Story Storyboard

Paper Prototype

1.0

Paper Prototype

2.0

Digital Prototype

Focus 1

Focus 2

. . .

6

7

8

Message selected (bold border)

Next 24 hours

Next week

9

10

11

12

User Tests combined with Think Aloud Method

Great experience with Google+ evaluation

Valuable feedback from users

13

No counter in time slots on sidebar

Dragging message to non-displayed hour

Some users thought “3h” meant “in 3h” and not “3 o’clock”.

Confusing ‘Sometime’ and ‘Never’ time slot

Meaning of “Overdue” is unclear

14

What to do with the far future? (No calendar)

How to select multiple messages?

15

User Story Storyboard

Paper prototype

1.0

Paper Prototype

2.0

Digital Prototype

Focus 1

Focus 2

. . .

16

User Tests combined with Think Aloud Method

Same reason as before

Will the changes lead to improvements? New issues introduced by making changes?

23

Renaming Overdue to Too Late Adding an icon to Never slot Counter in time slots provided feedback

Still unclear time slots represent a range of time and not just the hour displayed

24

User Story Storyboard

Paper prototype

1.0

Paper Prototype

2.0

Digital Prototype

Focus 1

Focus 2

. . .

25

Only a small amount of issues were remaining

time for digital prototype

Made with Axure

www.axure.com

Global Overview… (next slides)

Demo video (see blog)

26

27

28

29

User Tests combined with Think Aloud Method

Same reason as before

Will the changes lead to improvements? New issues introduced by making changes? Smooth transition between paper and digital?

30

No more problem in categorizing a message to an hour that isn’t displayed in the side bar

Drag & Drop functionality unclear Missing a read view Storage of messages is unnecessary

31

User Story Storyboard

Paper prototype

1.0

Paper Prototype

2.0

Digital Prototype

Focus 1

Focus 2

. . .

See other messages Drag and drop

User Tests combined with Think Aloud Method

Same reason as before

Will the changes lead to improvements? New issues introduced by the transition? Smooth transition between

digital implementation?

35

Read view Adding a new source to Focus is not clear Drag and drop still not clear Calendar used in the wrong way

Small bugs

General impression user

User Story Storyboard

Paper prototype

1.0

Paper Prototype

2.0

Digital Prototype

Focus 1

Focus 2

. . .

Expert evaluation

José Luis Santos

Gonzalo Parra

User testing

FNAC gift card

Drag and drop fixed

Add a new message source

Right click functionality

Change mouse pointer

Delete search tekst

New icon

Feedback

Unchecked not clear

‘New Messages’ or ‘New’

Could be tested using A/B testing

Customization

Working hours

http://investorsareidiots.com/wp-content/uploads/2011/12/question-mark.jpg