Giving school visitors a safe and secure check-in experience with a new web and mobile application.
UX Cabin helped Navigate360 build out mobile and web apps to expand in the Visitor Management market.
Navigate360 is one of the largest school safety software providers in the U.S. They were the result of a recent merger between several of the leading players in the space and brought in UX Cabin to help them enter the visitor management market.
• Conduct market research
• Build out a new competitive Visitor Management Solution
• Understand the competitive landscape
• Get in the head of the actual user of the product to understand the Jobs-to-be-done
• Build out a prototype to and show it to them to see if we could make their lives easier
• Take this to development
Existing school visitor management solutions were outdated, required a lot of hardware maintenance, and had difficulty integrating with other software schools relied on.
After looking at 10 of the top competitors we identified a few takeaways:
• Most companies complained about printers jamming or ID scanning not working
• Pricing is very complex. Often doesn’t include hardware or training.
• Integration with other platforms outside of solely visitor management
• All existing providers have very out of date design and poor UX
• Simplify pricingMinimize hardware needs
Since Visitor Management was built from scratch, UX Cabin interviewed 38 individuals and surveyed over 600 to ensure we were building the right product for the right people.
To start, ethnographic sessions were conducted with each persona to explore what they were currently experiencing with their current platforms and what they may expect from a better more useful product experience.
• To date, we have interviewed over 38 individuals spanning all of our personas
• Some sessions were even conducted on-site where could better observe how people get checked in and what type of things we need to account for.
These generally were uncovered in the individual sessions, then confirmed more widely with the survey.
• Safety Coordinator - The safety coordinators were most often concerned with problems at hand and longed for a more proactive toward safety.
• Front-desk Secretary - The front-desk secretaries, it was learned, were often tasked with running something like visitor management on top of the plethora of other tasks meant to all be tackled simultaneously.
• District Administrator - For district administrators, aggregate data and clear results were the highest requested features from such a management tool as well as ways to pull out specific dates and occurrences and automate report making.
• Most schools have between 10-50 visitors per day
• Nearly half don’t have a visitor management tool.
• Over 70% aren’t happy with their current solution.
• Badges were the most attractive features (kano model).
• Most requested features ended up in the 3rd quadrant of the kano model signaling a less than enthusiastic need for those features (especially when geographic and budget was considered).
• Finally and most importantly was the absolute necessity for SIS integration
• Need for SIS integrationHigh interest in mobile app and kiosk solution so long as they can keep the human element.
• Safety a first concern with efficiency as a second (but still pressing) concern.
• Half of decision makers who had a solution were open to anything better.
UX Cabin created designs to help Navigate360 Visitor Management stand out as the simplest, easiest to use, and most modern option on the market.
• Dead simple
• Easy to use
• Get out of their way
• Empower them to make the right decision
To begin the project we created simple wireframes to focus on the flow of the app without the burden of refining visually.
Once workflows were validated we completed final designs for the app focusing on simplicity and a modern aesthetic to set Visitor Management apart from other, older competitors.
A design system was created from scratch and built to be extensible and used for all future Navigate360 products.
the Design System was created with Brad Frost’s “Atomic Design” philosophy. In this model, the smallest UI elements are referred to as “atoms” (ie, icons, labels) and are assembled together in order to create components referred to as “molecules” (ie, buttons, inputs). Molecules are put together in order to create more complex components called “organisms” (ie, cards).”
Some examples of these design molecules include:
• Buttons & Selectors
• Multi-product scalability
• Theming based on product
• Front-end led from blueprints.js
• Flexible enough to fit different scenarios
• Specific enough to be useful
Whether it was building new products or re-platforming old products we needed a scalable design system to accommodate the growing suite of products within Navigate360.
UX Cabin leveraged both live audited user tests and self-directed user tests through Maze to refine the design of Visitor Management.
When we needed context beyond just clicks we conducted live users tests of Visitor Management. This allowed us to understand user questions and intent in real time and ensure our designs were solving the right problem.
When we needed context beyond just clicks we conducted live users tests of Visitor Management. This allowed us to understand user needs and intent in real time and ensure our designs were solving the right problem.
In addition to interactions with the protoypes we gathered direct feedback about the usability of each flow as well as suggestions for improvement.
UX Cabin supported the internal development team by leading the front-end development process.
UX Cabin joined forces with navigate from the beginning of development on the app including determining the tech frameworks to implement and executing that implementation.
Technologies used include React, Redux, and Blueprint.js.
We also worked with Navigate360 to build a mobile companion app to the Visitor Management system on iOS and Android.
Apps were built using the React Native framework.