HCI Course Part 6 - Prototypes, ready for testing

This is part six in my series about the Human-Computer Interaction course I took through CourseraRead all my posts for the full story.

Assignment 5 Ready for Testing

Goal of prototype

The goal of the mobile app is to simplify vehicle maintenance tracking. Specifically, this prototype focuses on the procedure for entering mileage at the time of filling up the fuel tank.

Before moving forward on our high-fidelity prototypes we needed to enumerate the issues found during the heuristic evaluations. Some examples:

Heuristic

Issue

Location

Severity

user control

settings options missing

settings page

3

error prevention

"That's correct" button on mileage confirmation page is in same place as "ignore" button on first page

bottom menu

2

visibility of system status

After clicking "That's correct" button it's not clear what happened to the data and how the information will be used in the future

gas pump confirmation page

2

Based on these issues we identified the changes needed:

Issue

Where

Change Needed

settings options missing

settings page

brainstorm settings needed and add to settings page

"That's correct" button on mileage confirmation page is in same place as "ignore" button on first page

bottom menu

change contents of bottom menu and move action buttons to middle of screen as appropriate

after clicking "That's correct" button it's not clear what happened to the data and how the information will be used in the future

gas pump confirmation page

add status indicators: "saving to mileage log" and "checking for maintenance due"

We added these issues to our development plan and continued to add functionality and improve our prototypes with these changes in mind.

Next up would be user testing so we also developed a user evaluation plan outlining details such as what we wanted to learn from the user testing, who our participants would be, what would happen during the test, and what we would measure.

By the end of this assignment our high fidelity prototypes had complete interactivity and were ready for user testing.

Car Saver prototype 4, created using Axure:

Car Saver prototype - main navigational links only
Car Saver prototype 4