RoadBlock (Mobile App)

Roadblock (prototype here) is an application which aims to raise awareness around and reduce instances of mobile phone induced driver distraction.

Created as part of IADT’s 3rd year Group IT Project, the development of this app required strong communication skills and teamwork throughout its design lifecycle. My roles during this project varied. I was responsible for the creation of all deliverables including wireframes, paper prototypes, Photoshop mock-ups and Axure prototypes. I was also heavily involved in each stage of user testing.



Ideation

The first step in the creation of RoadBlock was brainstorming app concepts as a team. After discussing which issues could be addressed with an app we finally agreed that we would tackle distracted driving. According to the RSA, using a mobile phone while driving makes a person 4 times more likely to crash. Evidently then, this a serious issue which needs to be addressed. Having all studied the effects of divided attention while driving as part of a Cognitive Psychology module we each had a strong grounding in the area.

A number of features for the app were suggested but the ones that made it to the final product after user research and interviews were:

  • Phone Lock (with “Emergency Call” or “Give Up” option)
  • Scoreboard of total number of safe kilometres/miles driven
  • Road Safety Quiz
  • Road Safety and Divided Attention Facts & Stats
  • Achievements (which can be shared with friends through social media)
  • Settings

Early User Research

Initial user research took the form of informal interviews. At this stage, our main discovery was that a number of teenagers and young adults do, in fact, use phones while driving simply as a force of habit. Our app then, would address habit breaking. Below is a sample of one of the personas created to help guide this project.

Daniel Hamilton

We also carried out competitor analysis. If you would like to read about some similar apps to RoadBlock please visit the full RoadBlock site here.


Wireframing and Prototyping

Once user research had been completed, work on paper prototypes began. These were rough but allowed us to test the key functionalities of the app without investing too much time into Photoshop mock-ups.

The next step in the prototyping stage was the creation of initial Photoshop mock-ups and Axure prototypes. It was at this point that visual and overall aesthetic feel of the app was considered. Here we were able to receive feedback that could be applied to the final version. The main points found during testing at this stage were:

  • Navigation Difficulties (some users could not find “Trivia” page).
  • Colour scheme did not appeal to many of the users.
  • Colour scheme was inconsistent between certain pages.
  • Users could find no way to add a route to their “Favourites”

All of these issues were rectified in the final version and a side-by-side comparison of screens from the original prototype and final product can be viewed below.

Side-by-Side
Original Prototype VS Finished Version

To use the final Axure prototype for yourself, visit: http://kxlu8f.axshare.com/#p=login


Software Used

axurelogo
Axure RP
Photoshop_CS6
Adobe Photoshop
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s