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.
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
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
17.
18.
19.
20.
21.
22.
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
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
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
38.
39.
40.
41.
42.
43.
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