1. 1 Crime Warning Lo-Fi Prototyping and Usability Testing Fabian Kidarsa Laura Finney JT Milhoan Zhi Xu

2. 2 Overview The Problem Representative Tasks Lo-Fi Structure Scenarios Experimental Method Experimental Results Suggested UI Changes

3. 3 The Problem Problem: How do we test our user interface designs before we have an expensive hi-fi prototype? Solution: Paper-prototyping allows us to test our sketched user interface with real participants.

4. 4 Representative Tasks #1: A person uses our map feature to navigate through safer areas. #2: A person receives a notification informing them of a possibly dangerous incident occurring in her location. #3: A person witnesses a suspicious or unsafe situation, and reports it by entering information into our system and sending the information to a group of his choice.

5. 5 Lo-Fi Structure

6. 6 Scenario #1 Participant was asked to explore the map to find reported incidents.

7. 7 Scenario #1 Participant was asked to explore the map to find reported incidents.

8. 8 Scenario #1 Participant was asked to explore the map to find reported incidents.

9. 9 Scenario #2 Participant received a notification about an event in his area.

10. 1010 Scenario #2 Participant received a notification about an event in his area.

11. 1 Scenario #2 Participant received a notification about an event in his area.

12. 1212 Scenario #2 Participant received a notification about an event in his area.

13. 1313 Scenario #2 Participant received a notification about an event in his area.

14. 1414 Scenario #3 Participant was asked to report a crime or dangerous situation.

15. 1515 Scenario #3 Participant was asked to report a crime or dangerous situation.

16. 1616 Scenario #3 Participant was asked to report a crime or dangerous situation.

17. 1717 Scenario #3 Participant was asked to report a crime or dangerous situation.

18. 1818 Scenario #3 Participant was asked to report a crime or dangerous situation.

19. 1919 Scenario #3 Participant was asked to report a crime or dangerous situation.

20. 2020 Scenario #3 Participant was asked to report a crime or dangerous situation.

21. 2121 Scenario #3 Participant was asked to report a crime or dangerous situation.

22. 2 Scenario #3 Participant was asked to report a crime or dangerous situation. There is a streetlight out on 45 th and the Ave.

23. 2323 Scenario #3 Participant was asked to report a crime or dangerous situation.

24. 2424 Scenario #3 Participant was asked to report a crime or dangerous situation.

25. 2525 Scenario #3 Participant was asked to report a crime or dangerous situation.

26. 2626 Scenario #3 Participant was asked to report a crime or dangerous situation.

27. 2727 Scenario #3 Participant was asked to report a crime or dangerous situation.

28. 2828 Experimental Method Participants:  Allen Center Security Guard  Odegaard Library Program Assistant  University of Washington Student Environment: Our participant's place of work or study.

29. 2929 Experimental Results Allen Center Security Guard  Completed tasks 1 and 2, could not complete task 3.  Invisibility of the 'Next' button caused task 3 to fail.  Feedback led to substantial UI change. Odegaard Library Program Assistant  Completed tasks 1 and 3, struggled with 2.  Could not see where to go from flashing notification screen. University of Washington Student  Completed tasks 1, 2, and 3 without trouble once he understood paper prototyping.

30. 3030 UI Changes Fairly substantial UI changes occurred after our first usability test.  Changed drop-down menus to radio buttons.  Added a system status (step 2 out of 5). Notification screen should indicate a clear path forward. Make the “Report a Crime” button harder to get to.

31. 3131 Summary Paper prototyping allowed us to do usability testing without developing a hi-fi prototype. Three tasks were set before our participants. We tested our interface on three participants. Changes were made after the first test, and more will come after the last two.