Orbiits
UX Case Study
JOLT & Galaxy
Perfecting the big data application with an interface that complements our customer’s vision.
JOLT Communications onboarded Galaxy to help them refurbish their Orbiits website- a website that caters to people in the healthcare industry with all the information they need about KOLs (Key Opinion Leaders) in the field of medical science. The platform would help them get meaningful information about KOLs as well book appointments with them easily.
Challenges
When we were first introduced to Orbiits, it was still in nascent stages being just a black-and-white application violating the usability benchmarks. We recommended a complete UX overhaul, so it can be transformed into a usable, data-rich goldmine for HCPs that the founders envisioned. Here’s the list of challenges that were ahead of us.
Being a typical big data application, properly categorize and present data for KOLs
Amalgamate all the different filters available into one and place it centrally
Design new features using data vis. techniques to gain a competitive advantage
Ease the appointment booking process for HCP personnel as it’s a day-to-day task
Our Solution
We were thrilled to design the experience for Orbiits, and we moved step by step as a UX team to reach the solution desired. First, we started by understanding what the application does and what the mental model of the target audience is. Once we figured that out, we sorted the IA for the application and then moved to sketch the wireframes. We went through multiple iterations to get the data representation correct and sort the filters for the application.
After the seal of approval on the wireframes from the JOLT team, we prepared a style guide and embarked upon creating the hi-fi mockups for Orbiits. The shade of Dark cyan went well across the application - providing the application with a clean, minimalistic, and calming look.
User Flow
Mapping out user journeys helped us in defining each step the user would have to take to interact with our product. It also assisted us in keeping ourselves focussed on designing to simplify the users’ day-to-day tasks.
Information Architecture
Once we mapped the flows, it was time for us to sketch the IA that facilitates the users to quickly find on the site what they were looking for. We thoroughly understood our typical user’s mental model and this was a relatively easy exercise for us as we knew our users’ intended actions.
High Fidelity Wireframes
For this project, it was important for us to lay down the content & chrome arrangement on screens to convince our client about the comprehensiveness of the solution. We did exactly that and sketched the hi-fi wireframes including every minute detail with finesse without having to invest our energy into designs straight up.
Style Guide
We were presented with some color options from the JOLT team, and we scaled onto that and crafted the whole shebang for UI elements thereafter. Some snippets of it are shown below.
Final Design
We understand that design is an iterative process. As a team, we worked through multiple iterations to reach the final designs for this project.
Prototype
We did the prototyping in Invision to test how our concepts worked and if the main interactions transitioned smoothly across the application. It always amazes me how such complicated lines result into a smooth interaction
Developer Handoff
Approaching the closure of the project, we prepared for the handoff by taking care of the redlining of the designs and related niceties.
Summary
As aspiring UXers at Galaxy, we always strive to expand our horizons and design for as many domains as possible. This project helped us do exactly that and we learned a great deal about presenting data seamlessly of such data-extensive applications. The JOLT team praised our work throughout and liked the feature enhancements and data vis. that we suggested - they were also vocal about how the app’s UX puts them leaps and bounds ahead of the competition.