Alberta Highway Reporter

Alberta Highway Reporter mobile application is an essential tool for Alberta Transportation department employees to report Wildlife, Road Status, Damage Feature, and Road Condition events.

Project Vision

This project was aimed to upgrade and optimize the current application to

- help employees of the transportation department submit three types of reports more easily
- facilitate the department to view and manage all reports

My Role
Lead UI/UX Designer
iOS Developer
Timeline
2021 Q3

My Contributions

As a lead designer, I completed the update of the entire app Information Architecture and was responsible for the iOS development of one report module.

Starting Point

Our team opted to use the Lean UX design framework for this project which can go through design phases much faster and reduce wasted time and resources.
Check, Think, Make were three main ingredients when creating design solutions for this app.

User Testing & Observation

We interviewed a sample of 15 participants. All of them are our current app users.

Stable Internet Connection

Using apps to submit reports with a stable internet connection is very important, and 100% of participants we interviewed agreed. They stated that they at least 2 days work in the wild areas and feel frustrated when finding a good signal spot.

"There are tons of mountains, forests in Alberta. Our duty is to work there to check road status and report to our system immediately. We really need some help with the internet issue."
3 Apps Merging to 1 App

Each reporter has different permissions with 3 modules. They noted that they need to work with 2 separate apps when submitting 2 types of reports.

"I need to open 2 apps to submit Road Status and Wildlife events separately which is very time-consuming because I need to go through some repeated steps one more time."

Hypothesis Statements

After we pieced together our assumptions and user interview results into hypothesis statements, we created a backlog of our work including business goals, users, user goals, and potential features.

💼 Business Goal: Integrate 3 apps into 1 app to easily manage the system
👷 Users: Transportation Department reporting staff
✊ User Goals: No need to worry about the network status when submitting reports outside
🧠 Potential Features: Dark Mode support, network auto-detection

Personas

I created 2 types of personas representing primary and secondary user situations.

Design Challenges

  • Design three-module switch flow to support users with different module permissions
  • Provide Dark Mode option for users to help them submit reports easily at night time
  • Support offline mode to help users save & store their reports locally when the internet connection disrupts

Information Achitecture

I created new Information Architecture based on our new app structure

Prototypes & Iterations

After completing the Information Architecture, I started working on a prototype implementation

Solution for challenge 1

Three-Module Switch Flow

I designed a three-module switch flow based on the login permission. In this design, users can easily switch between different modules without logging in again.

Solution for challenge 2

Dark Mode Support

I added dark mode support to help users quickly and easily use this app when working at night time. the color palette passed WCAG check to ensure contrast ratio >= 4.5 : 1

Solution for challenge 3

Offline Functionality

All failed submissions will go to the draft list and will be uploaded automatically when the internet is ready

Visual Guideline

Release & Achievements

This three-module-integration project has been applied to 5 apps. The functionalization of a single module not only helps users quickly and easily use the app but also greatly speeds up the development cycle and improves the application scenarios of the product.

Alberta Highway Reporter
Alaska RSDA
Yukon WTA
Massdot WTA
New York WTA

More projects

Florists
Ecommerce Mobile App
UX Design, UX Research
2022
Hasura Console
SaaS Website
UX Design, UX Engineering
2023
511 Traffic Alert
Native iOS Mobile App
UX Design, iOS Develop
2021