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
Updated
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
Updated
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
Updated
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.