Callisto Mobile App

A mobile app that provides support to sexual assault survivors on college and university campuses, highly focusing on their privacy and anonymity.

High level of security and privacy for users.

Resources for sexual assault survivors and allies.

Ability to create encrypted records.

Matching system to identify repeated offenders.

See Figma Prototype Here

About This App

Background

Callisto is a non-profit organization that supports and empowers survivors of sexual assault on college and university campuses. Callisto currently has a web site and a web app, where survivors can document what happened to them and find support.

Problem To Be Solved

Callisto currently does not have a mobile app, due to privacy concerns. They wanted to build it for a long time, but due to lack of interest in the past they chose not to spend money on developing it.

Hypothesis

If we address all the privacy concerns in the design of the app and communicate the benefits of having the app not only for survivors, users might be more open to it.

Objective

To design an end-to-end mobile app for Callisto, using their branding that provides a front end for Callisto Vault.

Design Process

User Research: First, I created a survey to find out if Callisto vault users were open to having the mobile app, and if not, what were their main concerns. The survey was shared by the Callisto ambassadors on their social media channels.

Do you think Callisto mobile app is a good idea survey image

Why Callisto mobile app is a good idea survey image.

What concerns do you have about using the app survey question.

What would make you feel comfortable about the app survey question.

User interviews: After getting a general idea about what users want, I decided to dive deeper and talk to a few of them. I interviewed the CEO of Callisto and 3 college ambassadors who advocate the usage of the Callisto Vault on school campuses to find out what they like about the current platform and what would they like to see on the app.

What Users Like

Suggestions

User Personas

Created 2 user personas based people I interviewed. The first one is based on a student ambassador who advocates Callisto Vault on university campuses. And the second one is a stakeholder at Callisto.

Task Flow

Task flow of the Callisto Vault mobile app, starting from creating an account.

Initial Sketches

These are the initial sketches of the mobile app. I explored 3 ideas for the layout.

First, have 3 sections (matching entry, encrypted record forms, and resources) all linked up in a row.
Second, have 3 sections laid out parallel to each other and be accessible via swipe.
Third, include other sections, such as account settings, definitions and reporting options all laid out as buttons on the front page.

Sketch of the app 2, home page, 3 sections aligned in one column

Home screen, version A

App sketch 3, 3 sections aligned in 3 columns with a swipe feature to move between the sections.

Home screen, version B

App sketch 4, home page with 6 sections, aligned as buttons

Home screen, version C

Sketch of the matching entry section as user fills out the form.

Matching entry form screen, step 1

Sketch of the matching entry as user moves through to enter social media information for the perpetrator.

Matching entry form screen, step 2

Wireframes

As I presented the wireframe models to the team and the ambassadors, the vast majority of the team favored the "version A" design, where the matching system, encrypted record forms, and resources were laid out on one page without swiping.

Create account screen

Home screen, Version A - all 3 sections of the app are laid down in one column

wireframe home screen with the side bar out

Home screen w/sidebar

Matching system, Version A

wireframe home page resources for survivors

Support page, Version A

Wireframe, alternative home page for matching system tab

Matching system, Version B

Wireframe, alternative home page for encrypted record form tab

Encrypted records, Version B

Wireframe, alternative home page for recources tab

Support screen, Version B

Hi-Fidelity Screens

Logo, fonts, and branding were already provided by Callisto. I designed the mobile version of the app using the existing branding, echoing it on smaller screens.

Testing

The final prototype was presented to the Callisto core team and the ambassadors over a conference call. They had a chance to go over the prototype while I observed them and made notes. Overall everyone loved the look and feel of the app. There were also notes and suggestions for the future.

A snapshot of the form before adding an X to the right of the progress bar.

Add the X to the right of the progress bar so the user can quickly close the app when needed.

A snapshot of the form with an X added to the right of the progress bar.

A short gif of the app with the static progress bar.

Have the progress bar be sticky with the header so it moves down along with the rest of the page.

A short gif of the app with the sticky progress bar.

Add the word "Callisto" underneath the Callisto logo in the sidebar.

There should be 3 navigation buttons at the bottom of each form page, "Back", "Save" and "Continue."

If the user accidentally hits the home button while filling out the form, have a popup message asking them if they want to save their work, so they don't lose anything.

A short video of what happens if the user accidentally hits the home button while filling out the form.

Other notes for the future

It would be nice to have a chat option for the users to be able to communicate with each other. This suggestion was parked by the CEO due to privacy issues associated with it.
It would be nice to have a notification to notify user if the match was identified. This is a possible feature for the future, for now it may complicate things for the CEO, since she has to be the one connecting users with the proper specialist. This may take time and she doesn't want to give users false hope.
Can the legal professional communicate with the survivor through the app? Decided not to add this feature at this time due to legal issues and other concerns.