MediNav Web

Digital wayfinding, indoor GPS for hospitals, is designed to help patients, visitors and staff navigate their way around a hospital campus with ease and reliability. The outcome is an improved patient experience and efficiencies for both patients and staff, including a reduction in missed or late appointments– a problem that costs a typical hospital in the US $10M annually.

 

MediNav began primarily as a smart phone app however, in order to make wayfinding accessible to a wider range of users we rolled it out across web & digital kiosks also.

Hospital visitors can use MediNav web to browse the map, search for a person or place within the hospital and even send directions to their smart phone or email.

Project Overview

As a UI/UX designer at Connexient, one of my main roles was to update MediNav across all systems (Mobile, Web & Kiosk). The first iterations were designed without a clear design process or UX team. Our goal was to research users and find out which elements could be improved upon to provide a more helpful, enjoyable experience.

Objective

Update Web designs to align better with redesigned mobile app and improve user experience

Timeline

May - August 2016

My Role

UI/UX & Visual Designer responsible for user research, wireframing, prototyping & testing Android, iOS, mobile web, web & Kiosk platforms

Refining the Design

Taking our findings from user research as well as changes made to the new app, we updated MediNav Web layouts as shown below.

Home Screen

Original

MediNav_Web-Home-Old.png

Updated

MediNav_Web-Home-New.png

Image Credit Krista Feierabend

The original design doesn't make it immediately obvious that users can click to interact with the indoor map. The updated design adds a pop-up to make this more intuitive. Top banner was minimised to just a small banner on top of the side-panel to utilise space. We minimised the map buttons so they wouldn't distract from other interaction points. These will expand once clicked.

 

The side panel was updated to appear the same across all pages, it appears more prominent so users will focus on this area and help them navigate through the website.  From this screen users can browse the map, search for a person/place or browse the hospital directory. It also notifies users of the mobile app and gives them the option to download onto their personal device.

Search

Original

MediNav_Web-Search-Old.png

Updated

MediNav_Web-Search-New.png

The search panel in the original design would expand and contract as users searched, this was found to be distracting. We made the side panel consistent in size in the updated design to allow for a smoother experience.

Routing

Original

MediNav_Web-Route-Old.png

Updated

MediNav_Web-Route-New.png

Routing screen was updated to work with the new side panel design. Steps copy was shortened and icons added to simplify route instructions. The Outdoor & Indoor parts of the route are separated which allows users to switch between maps seamlessly.

Takeaways

After the initial launch of the redesigned MediNav Web we saw a 12% rise in the number visitors on the site.

Next Steps

We want to ensure the web is easy to use and accessible for all users, even those with less tech experience. 

Indoor navigation is a field which is constantly changing. The technology is always evolving and we want to ensure our product evolves with it. We plan to conduct research on a regular basis and continue to upgrade MediNav Web, providing users the best navigation experience possible.