user-centred Accessibility Design
Loro is a smart companion robot & app designed for individuals with limited mobility. How can we assist their product going to market?
Role + Scope:
My role on a 2 person team was user researcher, animator and visual designer for the mobile application portion.
The timeline of this project was 2 weeks.
We took on the challenge of shifting the goal surrounding the Loro website and creating an onboarding experience all fully designed with accessibility in mind.
Loro is a smart companion robot that aims to assist individuals with limited mobility.
Through the use of a mounted 360 degree camera and inclusive application, Loro enhances it’s users interactions with their surroundings in a wheelchair.
Caregiver journey map
Current website usability testing
Redesigned website usability testing
Redesigned website clickable prototype
App onboarding & settings clickable prototype
Three Principle animations
Application On-boarding & Settings
Assessing competitors like Tecla and Tobii dynavox allowed us to see how they try to reach a similar audience with mobility issues. Our goal, however, was to make the flow of learning about and ordering Loro infinitely less difficult than the rest.
We interviewed 15 caregivers, specifically for those with ALS, Multiple Sclerosis and other disabilities affecting mobility.
When interviewing these caregivers, we asked questions about the accessibility issues they’ve encountered, options that provide the most benefit for their patients and their approach towards teaching their patients how to use new devices. We gathered the following takeaways directly from our interviews:
Users have visibility/mobility concerns that can benefit from accessible layout design (fonts/colors) and keyboard control.
Demonstrations are an effective way to introduce new tech
Clear action buttons and simple navigation is essential
To compare different content management systems.
Screener: whether participants had created a website in the past 5 years
The purpose of their website and what CMS they utilized
Gauged their opinion on CMS strengths & weaknesses
To gather insight about accessibility issues on digital platforms.
Reached online community of ALS patients and caregivers
Open ended questions to allow their personal experiences to
As a way of organizing our insights into digestible information, we utilized affinity mapping. This allowed us to group our data into themes and see what responses were most common.
To condense our caregiver audience into a single representative, we created the persona of Eve. She is a professional caregiver specifically for individuals with ALS and devotes the majority of her time to finding solutions to allow them to live their life to its fullest. Her ultimate goal is for individuals with mobility issues to have a voice in what features and options go into new products and devices that are made to try and solve their problems.
Eve's Journey Map
After noticing that the individual she takes care of has been having trouble navigating his surroundings, Eve is motivated to discover whether Loro is the right solution. She finds that the Loro features are congruent with her patient’s needs, orders the product and downloads the app, all in a less cumbersome way than other sites.
With all of our research and insights, we formed the following statements,
-Users must first learn about Loro to want to buy it.
-Varying needs make accessibility settings overwhelming.
To solve for this, it was integral that we made an accessible site for all, with clear opportunities to learn about and purchase Loro. Secondly, with the diversity of needs for each user, we created an onboarding experience that starts users of the bat with personalized settings through assessing their current physical capabilities.
Sketching and paper prototyping allowed us to visualize the restructuring of content for each page and how the users would navigate. Our first iteration included a breakdown of the camera and app features on the landing page, but this layout was tinkered many times over.
We created a style guide to incorporate Loro's existing typography, color and layout without conducting a rebrand.
What: Discover the features of the product and attempt to order Loro through the redesigned website
Why: Identify any potential confusion in navigation, validate the existing feature set and navigation, gather insight about the current layout
What: Create an account and complete the onboarding process
Why: Identify any potential confusion in navigation, validate the process of assessing the user's physical capabilities
Too much content (cut)
Testimonials not priority
Make blurbs not technical
Naming is confusing
Make elements clear
Less scrolling on home
Even bigger text
Split content more
Onboarding Accessibility Design
To personalize the accessibility settings for each user, the onboarding process includes three calibration tests. These tests assess their motor function, speech and vision by completing different tasks. For example, we ask the user to trace a hexagon with their dominant hand without using any assistive device to test their motor function. This will play a part in how much or how little touch gestures will be relied on in the rest of the app and the corresponding touch accommodation settings. We also provided animations to demonstrate each of these tests.
Motor Function Test
• Further User testing
• Iterating and developing designs
• Professionally produced captioned product video for home page
• Apply style guide to Squarespace site and add chat bot