Senatara_hero_img.png

Sentara Hospital
Campus Map Enhancement

 
 

Overview

Sentara Healthcare is a non-profit healthcare system serving Virginia and North Carolina, with 12 hospitals, outpatient care centers, and imaging centers. One of the features on their mobile app is their campus map’s wayfinding system that allows patients and visitors to locate points of interest (POIs) on each floor that includes doctor’s office, restrooms, elevators, cafeterias, vending machines etc. After the first release, users were having issues using the feature’s which ranged from identifying the filter’s icons to the floor they were currently on.


My Roles

User Experience
UI Design


The Challenge

After this feature’s first release, the biggest feedback received were:

  • The icons for filtering floors and POIs were not intuitive

  • Grievances of having to go in and out between the floors and filters modals

  • Unable to see what floor is currently selected (User has to click back into the floor filter modal)

  • When filtering POIs on any give floor, the list contains all POIs including ones that are not on that floor requiring extra scrolling

Requests for enhancements:

  • Provide intuitive visuals for floor and POIs filters

  • Simplify the filtering experience between the filters (Is it possible to combine them?)

  • Provide visual indicator that identifies the floor a user is on

  • Eliminate unnecessary POIs that are not present on a floor


Current interface and workflow for using floor and POI filters

campus_map_1.png

When the user wants to view POIs on a different floor they have to go in and out of two modals - one for the floor and the other for the POI.
Below is the flow for a user is on the ground floor that wants to view conference rooms on the fifth floor:

workflow.png

The interface looked like this:

campus_map_2.png

Simplifying the interface

The easiest way to solve this problem was to input intuitive icons for the POI and floor filters and something that indicated what floor the user was on. However, the more I looked at the overall interface the more I began to think that not only could we improve the overall look but maybe even improve the functionality of the POI and Floor filters into a single experience.

Wireframes

campus_map_3.png

Because the selected floor determines the POIs present, I drew the connection of parent to child relationship between the two. As a result, I was able to combine the viewing experience into one. Not only can the user view the POIs in the modal over a selected floor, they could also select other floors and view the POIs while in the same modal, as well as updating the map in the background dynamically.

Toggling between the floors

campus_map_4.png

Toggling between the floors with POIs modals displayed

campus_map_5.png

Final Designs

campus_map_6.png