Planning Travels

AVERTO

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.

Platform
Android
iOS
Tools
Miro
Figma
PhotoShop
Deliverables
User Research
UX/UI Design
Product Design

CONTEXT

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:

Priority 1

• User Report Submission Form
• Improving Report Details



Priority 2

• User Report Submission Form
  (adding to existing alerts)
• Map Markers/Icons



Priority 3

• UI Visual Revamp

COMPARATIVE ANALYSIS

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

CARD SORT

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

ON AVERTO

“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.

Texting

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.

Woman Sketching

PERSONA 1

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

GOALS

- 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.

FRUSTRATIONS
- 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

USER FLOW

LO-FI WIREFRAMES

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.

TESTING

ITERATIONS

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

FINAL PROTOTYPE

kjs_white.png

© 2021 by Karl Solano. Proudly created with Wix.com