Problem

How can we leverage our core design to increase user retention?

Solution

We redesigned our main screen to improve access to other app features.

Impact

The monthly active users' score is 8% higher than last year.

Case Study

Map Interfaces

A mobile application powered by maps is a layout challenge. You should provide enough space to explore the map while showing the proper actions.

As a product designer at SOSAFE, I worked on a redesign in the core mobile apps navigation to increase user retention.

Design Questions

Design Audit

SOSAFE provides a map view and a list view of their content in separated screens. The map view is our main screen, and the list view is the feed. The problem was that a significant percentage of the users did not know how to access the feed.

Before the redesign, the app had floating buttons (FAB) on the main screen to access both the feed and the notifications. The interface seemed pretty understandable.

Nevertheless, users did not think that way. For them, the FAB's did not mean anything but cute, tiny buttons without core functionality.

Competitive Analysis

I researched apps like Google Maps, Waze, Zenly, and Snapchat to study their map design approach.

Questioning: How to show a map and its associated actions without compromising the layout and overall information architecture?

Design Proposal

My approach was to implement a new tab bar that gathers the core sections of the app.

Though they do not look too esthetic over the map, tab bars help manage multiple content sources with the proper information architecture. We now show the pins, the feed, the notifications, and the menu in the same dimension.

Reports screen for iOS.

Core Sections

Feed screen for iOS.

Challenges & Outcomes

A design that seemed evident to our eyes looked quite confusing to our users. It is crucial to conduct periodical design audits to find possible flaws in the user interfaces.

Something I liked about this project is the way we got to the solution. A design exploration from a different task led us to the conversation to rethink the core navigation design.

What did I learn?

Resources

Next

Design Systems