The document summarizes the development process of a user interface. It describes prototyping paper prototypes, testing them with users, revising the designs, creating a digital prototype in Axure, more user testing and revisions. Key points addressed include clarifying time slots, adding a read view, improving drag and drop functionality, and fixing bugs found in user testing. The process involved iterative design, prototyping, user testing, and refinements to create an improved interface.

1. User Interfaces 2012
Prof. Erik Duval Stijn Adams
Niels Avonds
Niels Billen
Robin De Croon

2. Paper
User Story Prototype
Storyboard 2.0 Focus 1 ...
Paper Digital Focus 2
prototype Prototype
1.0

3. Paper
User Story Prototype
Storyboard 2.0 Focus 1 ...
Paper Digital Focus 2
prototype Prototype
1.0

4. User Story
Information overload
Brainstorming
Storyboard
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

5. Paper
User Story Prototype
Storyboard 2.0 Focus 1 ...
Paper Digital Focus 2
Prototype Prototype
1.0

6. 6

7. 7

8. Message selected
(bold border)
8

9. Next week
Next 24 hours
9

10. 10

11. 11

12. 12

13.  User Tests combined with Think Aloud Method
 Great experience with Google+ evaluation
 Valuable feedback from users
13

14.  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

15.  What to do with the far future? (No calendar)
 How to select multiple messages?
15

16. Paper
User Story Prototype
Storyboard 2.0 Focus 1 ...
Paper Digital Focus 2
prototype Prototype
1.0
16

23.  User Tests combined with Think Aloud Method
 Same reason as before
 Will the changes lead to improvements?
 New issues introduced by making changes?
23

24.  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

25. Paper
User Story Prototype
Storyboard 2.0 Focus 1 ...
Paper Digital Focus 2
prototype Prototype
1.0
25

26.  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. 27

28. 28

29. 29

30.  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

31.  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

32. Paper
User Story Prototype
Storyboard 2.0 Focus 1 ...
Paper Digital Focus 2
prototype Prototype
1.0

34. See other messages
Drag and drop

35.  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

36.  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 

37. Paper
User Story Prototype
Storyboard 2.0 Focus 1 ...
Paper Digital Focus 2
prototype Prototype
1.0

44.  Expert evaluation
 José Luis Santos
 Gonzalo Parra
 User testing
 FNAC gift card

45.  Drag and drop fixed 
 Add a new message source
 Right click functionality
 Change mouse pointer

46.  Delete search tekst
 New icon
 Feedback

47.  Unchecked not clear
 ‘New Messages’ or ‘New’
  Could be tested using A/B testing
 Customization
 Working hours

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