top of page
DiveVizBannerMocks.png
DiveViz Case Study Banner.png

DiveViz - Diving Conditions App

Overview

Project Name: DiveViz App Redesign
​
Time Frame: 2.5 Months
​
Team: Omri Nir, Nikita Patel, Chris Cheezem
​
My Role: UX Architect and Designer
​
Tools: Adobe XD
​
Objective: Redesign the DiveViz app to improve its visual appeal and functionality in allowing users to share dive reports and predict diving conditions.

The story behind DiveViz

DiveViz is a San Diego based start-up that has combined crowd sourced dive reports with state of the art turbidity sensors to create the first visibility forecasting algorithm.

Problem

  • The first live version of the DiveViz app was designed and developed by an overseas agency. This version was lacking the visual feel of a diving related platform.
     

  • Initial feedback provided by users spoke to the diving reports in the app not being easily readable and digestible.

Solution

  • Revamp the visual design of the app to give it the look and feel of a diving related platform.
     

  • Present diving conditions and locations in a more easily readable, findable, and digestible manner.

Process

DiveViz Process Infographic.png
6F.png

Research

Align with Partners

Before jumping into the first stages of the design process, the first step was to align with the co-founders of the app in order to assess their needs and goals in terms of the requested design and any additional information or data that can be helpful in informing the design process moving forward.

Audit Original Designs

Upon aligning with stakeholders, the next step was to audit the original designs and look for any major issues or problems.

IMG_5419.PNG
IMG_5420.PNG
IMG_5421.PNG
AddReportFvsC.png

Key Findings

  • Overlay patterns were busy and unintuitive.
     

  • Visuals felt dull and bland.
     

  • Reports were overwhelming users and difficult to dissect.

User Interviews

After auditing the original designs, a set of interview questions were drafted to be presented to real divers in order to get an understanding of what information they need, or would like to know before a dive, what they need to know when choosing a dive location, and how they currently go about planning and prepping for a dive. A number of users were also presented with the live app and asked to complete a number of tasks so that we could assess their satisfaction and frustrations with the original designs.

9J.png

Ideate

Journey Map

Once there were a sufficient number of interactions with users and divers, findings were gathered and used to draw up a journey map that would detail the users journey through the app as they check a dive report leading up to a dive, as well as submit a report upon completing one.

PortfolioDiveVizJourneyMap.png

User Personas

Along with informing the Journey Map, data from the user interviews was used to inform the creation of specific personas which will allow for a better understanding and empathy of the target users, their needs, wants, and specific pain points.

CasualDiverPersona.png
ExpertDiverPersona.png
7H.png

Design

Wireframes

Upon completing the research phase of the initiative, the next step was to consolidate findings in order to outline the general structure of the screens and present to stakeholders for approval.

PortfolioWire1.png
PortfolioWire2.png
PortfolioWire3.png

Initial Concepts

Once wireframes had been approved by stakeholders, visuals were refined to create some initial concepts for testing with users.

PortfolioInitialConcept1.png
PortfolioInitialConcept2.png
PortfolioInitialConcept3.png
5H.png

Test

Usability Testing

Initial Concepts were gathered into an interactive prototype and presented to current users of the app for feedback. Users who were presented with the prototype were asked to complete a number of tasks and to provide feedback as they go along.

Key Findings

  • Users wanted to be able to add dive sites to a favorites list for easier access.
     

  • Users wanted to be able to specify the type of dive when adding the report.
     

  • Users wanted to be able to differentiate between conditions at surface and at depth..
     

  • A number of users commented on a desire to add a description and photos to their report.

8A.png

Iterate

High Fidelity Designs

Data from the usability tests was reviewed and used to inform a new set of high fidelity designs. Once Designs were complete, they were presented to the CEO and head of the development team for approval.

Conclusion

Once designs received approval from stakeholders, they were organized and annotated for handoff to the development team. The designs are currently in the process of development and are set to go live in October of 2020.

bottom of page