KEEPING COMMUNITIES SAFE
This case study features a a crowd-sourced, situational awareness mapping app, which was originally based in Libya. The Averto team asked us to design UI/UX mockups and wireframes of their new, cross-platform ecosystem, which will include a new user reporting process and new features.
This project was completed by a team of three members, including myself. The main objectives for this project were provided to us by our stakeholders. We were given access to internal documents and a confluence page for reference. Their beta version (shown on the right) was the focus of our project. Here were the goals based on priority:
• User Report Submission Form
• Improving Report Details
• User Report Submission Form
(adding to existing alerts)
• Map Markers/Icons
• UI Visual Revamp
We didn't really have any competitors so we went ahead and performed a comparative analysis, highlighting features we thought would give value to Averto (if not already existing on the beta version). All the features highlighted in grey were implemented in our designs, combining the Activity Page with Safety Report amongst others.
COMPARATIVE ANALYSIS - UI
Knowing how to categorize the various alert types already utilized could have gone a number ways, but we decided to perform 2 rounds of card sorting to determine this. It made the most sense performing this activity (users in Libya) with the many alerts that have been previously reported on the app.
USER INTERVIEW INSIGHTS
“The Libya situation has many dangerous things going on, so if there is any disturbed events around I use it to check people’s warnings so I can stay safe.”
— INTERVIEW 1
USER JOURNEY MAP
In this journey map, our user would like to visit her family out of town, she wants to be aware of threats along the way, in order to make it safely to her destination. With the use of the Averto app this alleviates pain points along the way.
CORE USER NEEDS
Help users feel and keep safe.
Give the users the ability and awareness of potential threats they can avoid.
Allow the community to help each other by sharing useful information.
Fatima needs a way to travel safely to and from her family outside of town, whilst having real-time information regarding threats from a trusted community.
— Fatima, Mother of 3
- Ability to safely and confidently travel inside and outside of the city
- Easy access to real-time information regarding potential threats
- A community of people she can trust to provide accurate information.
- Unable to easily travel around the area without safety concerns
- The unknown of what may be going around in her area or the area she is traveling to
- Information on hazards is hard to find due to no centralized information base
Early sketching helped me to visualize what to prioritize and design in FIgma. This helped us collaboratively think about how we would organize the content and flow. After each of us drew ideas up, we then tested early versions to adapt into mid-fidelity wireframes.
IMPROVEMENTS MADE AFTER PHASE 2
- Scrollable time option
- Copy changes and pop up with tips to guide the user
- Informational onboarding screens
IMPROVEMENTS MADE AFTER PHASE 1
- Navigation improvements
We neglected the importance of a "back" button early on.
- CTA button positioning
IMPROVEMENTS MADE AFTER PHASE 3
- Improve sizing throughout
- Add dragging feature with pop up for further instructions