Orion UX Audit
Lisa Cindric 04/24/2020
Why Audit?
An audit helps to:
Areas of Focus
As a new product, we’re going to be introducing ourselves to every user who encounters our product. With that in mind, I reviewed a number of sites to better understand how companies like Uber and Safer.me go through the process of explaining their service to users.
Areas that I focused on are: �
The Dashboard
I spent a lot of time diving into dashboard design to familiarize myself with other platforms that our potential customers might already be familiar with.
Dashboards need to communicate the most important information for the user, in a simple, easy to understand screen. They should be structured to reflect a logical information hierarchy, providing the user ways to drill down into the data when necessary. In the case of Orion both analytical and operational dashboards would be useful.
Analytical dashboards provide the user with at-a-glance information used for analysis and decision making. They are less time-sensitive and not focused on immediate action. A primary goal of this kind of dashboard is to help users make the best sense of the data, analyze trends and drive decision making.
xx%
Operational dashboards aim to impart critical information quickly to users as they are engaged in time-sensitive tasks. The main goals of the operational dashboard are to present data deviations to the user quickly and clearly, show current resources, and display their status. It’s a digital control room designed to help users be quick, proactive, and efficient.
Dashboards need white space, also known as negative space. This is the area between elements in a design composition.
This helps create a cleaner, easier to scan and read dashboard.
Onboarding
I studied companies with superior onboarding flows to see if there was anything to learn from sites that do this extremely well, like Grammarly and IBM Cognos Analytics.
There is no one size fits all for the onboarding design. It depends on the space, product and service. In the case of Orion, a “learn by doing” style of onboarding would probably work best due to the two path approach (tracer/patient).
Grammarly introduces folks to the UI patterns they'll need—one step at a time and true to form. You learn how to use its features by using its features.
Notable features are pointed out with pulsing hotspots—just subtle enough to not obscure the interface, but just eye-catching enough to make users engage. When clicked, the hotspots reveal tooltips that give short explanations of the feature being highlighted.
The onboarding unfolds sequentially to take users through the app. After you fix the spelling error in the first line, for instance, you’re drawn over to the "Correct with Assistant" button, which unveils a feature that you may not have explored otherwise
Grammarly users learn how to use the product—by actually using the product.
IBM's Cognos Analytics lets users choose their own path into the platform
A modal window sets expectations about the product tour that follows
A brief product tour is accompanied by a 3-step user onboarding checklist for extra guidance
The tooltips look native to IBM's product, but have enough visual contrast to stand out from the main UI. Like many complex enterprise products, IBM’s Cognos Analytics can feel overwhelming to new users and successful onboarding depends on users’ ability to prioritize between a wealth of useful features. IBM avoids the urge to drag new users through every single feature one by one, and instead focuses its onboarding experience on providing context to a few essential features.
Tracer Application Page
A good application page should be:
Inline form field validation
Inline form validation is a process in which a visitor’s information is reviewed in real-time as they work their way through the form. If your visitors fill in a field with incorrect information, such as an invalid email address or credit card number, an error message will appear below or inside the form field notifying the visitor of their error so they can quickly correct it and move on to the next question.
Clearly title the form
Give your form a title that helps your visitors understand exactly what they’ll receive once they submit it. For example, a simple form title such as “HubSpot’s Marketing Blog Sign Up Form” clearly states that the visitor will have signed up for HubSpot’s Marketing Blog once they submit their information.
Summary boxes
Summary boxes explain your need for certain information or with statements that clarify whether or not the form field is optional.
reCAPTCHA
reCAPTCHAs are not only more effective in detecting fake accounts and bots but they also simply require your visitor to check a box before form submission.
CAPTCHA’S can be time-consuming and frustrating.
If the approach is to be super simple a minimal application form with supporting text could be used accompanied by an upload resume button.
Job Descriptions for a Contact Tracer
Here are some links to job descriptions that should help in developing the application form for a contact tracer:
https://jobs.crelate.com/portal/talentboost/job/3kyqki4zeqoyugdzsha5iynhce
https://dailyremote.com/remote-job/covid-19-contact-tracer-19675
The Homepage
A short animation that shows how easy It is to do a task is powerful.
Your brain can process visuals much quicker than it can text. About 90% of the total information transmitted to your brain is visual. On top of that, your brain can process these visuals 60,000 times faster than text.
(click on the image)
Stat source:
https://idearocketanimation.com/17385-reasons-video-effective-text/
Oscar is a site you can only see with a paid subscription
About Page
A good About page should:
A step by step infographic for each path (Tracer & Patient) could appear on the About page. If there is no About page then the visual can be on the home page for each section. Infographics are great for keeping the viewers attention. The average attention span of a human is eight seconds, which is one second less than a goldfish. Therefore, marketers need to make a meaningful impact immediately to connect with their target audiences.
A brief summary could be included that talks about how Orion came together through a group of international volunteers.
Mailchimp does a good job of communicating their story. Stories inspire trust and speaks to the audience.