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
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:
The interface looked like this:
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
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
Toggling between the floors with POIs modals displayed