Paper prototype

In this week’s task we were asked to create a low fidelity paper prototype, which can then be used to perform usability evaluations. In these usability evaluations our team acts as the computer and performs all actions that the user wants to do. The feedback of the test users can then be used to overthink the design of our software and make changes if necessary. Since we are still in an early stage of the development it is very easy to perform major changes to the software design, which we won’t be ably to incorporate later on. The following photos show the prototype as a whole.

Image

A comprehensive view of the paper prototype.

Image

The case management parts of the paper prototype.

Image

The entity management parts of the paper prototype.

Image

The timeline and the entity map.

Image

The voice control parts of the paper prototype.

Three scenarios

Here we want to depict three different common scenarios of the software using our paper prototype to show how easy it is to perform user tests with it.

Scenario 1

The first scenario shows how the user can enter data into the system using the prototype. The scenario starts out with the system waiting for input. The user then proceeds to upload pictures from the camera and creates a new evidence entity using one of the photos.

Image

Step 1 – The start screen of the application.

Image

Step 2 – The application prompts „Please say ‚CRIME'“ in order to show to the user that it is awaiting input.

Image

Step 3 – When the user says „CRIME“ all options that are possible in this context are displayed.

Image

Step 4 – The user chooses to open the case #1.

Image

Step 5 – The user says „CRIME“ and the application displays all contextual options.

Image

Step 6 – The user chooses to upload pictures from a camera. The application proceeds to upload the pictures.

Image

Step 7 – The application displays the uploaded pictures.

Image

Step 8 – The user says „CRIME“ and the application displays the contextual options.

Image

Step 9 – The user selects the picture #2 and the application displays a context menu with the options.

Image

Step 10 – The user uses a hand gesture to move the cursor over the „Create evidence“ option. By holding the hand in position the option gets invoked.

Image

Step 11 – The application opens a prompt where the user enters a new name for the evidence by speaking it.

Scenario 2

The second scenario depicts how connections between entities can be created. The user selects two entities and then proceeds to create and name a new relationship between them.

Image

Step 1 – The user holds his hand up and the cursor appears on the screen.

Image

Step 2 – The user holds the position of his hand to select an item.

Image

Step 3 – The circle around the cursor fills up to signal that it is selecting the item.

Image

Step 4 – The item #2 is selected.

Image

Step 5 – The user proceeds to select the item #3.

Image

Step 6 – The circle around the cursor fills up to signal that the item is being selected.

Image

Step 7 – The item #3 is selected.

Image

Step 8 – The user speaks the voice command for creating a new relationship between the two selected items and names the relationship by speaking the new name.

Scenario 3

The third scenario shows how the data, that is stored in the database, can be viewed and thus be used to derive new clues that might be vital to the investigation. The user displays the entity map an then shows the entities in the timeline.

Image

Step 1 – The user says „CRIME“ and the application prompts the contextual options.

Image

Step 2 – The user says „Show entity map“ to navigate to entity map that shows all entities belonging to the case and their relationships to each other.

Image

Step 3 – The user holds up his hand and the cursor appears on the screen.

Image

Step 4 – The user moves his hand to pan the view of the entity map.

Image

Step 5 – The user proceeds to pan the entity map view.

Image

Step 6 – The user says „CRIME“ and the application prompts the contextual options.

Image

Step 7 – The user says „Show events on timeline“ and the application navigates to the timeline.

Image

Step 8 – The user holds up his hand and the cursor appears on the screen.

Image

Step 9 – The user moves his hand to pan the view of the timeline.

Task breakdown

  • Felix
    • Paper prototype creation
    • Photos of the paper prototype
  • Lukas
    • Paper prototype creation
    • Photos of the scenarios
  • Marcel
    • Paper prototype creation
    • Photos of the paper prototype
  • David
    • Photos of the scenarios
    • Writing and publishing the blog post
Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s