Acuity Check: A Complex Physical Challenge
6over6 develops innovative technology for vision care, making eye exams more accessible and affordable.
To accurately measure vision, Acuity Check requires users to actively engage with the app in the real world. This involves setting up the test environment, moving to a specific distance, and covering one eye.
To minimize cognitive load, I created an extremely simplified visual design approach. This is similar to IKEA's renowned minimalist assembly instructions, which contrast sharply with their more detailed product catalogs.
01
Keeping It Simple
It's no walk in the park asking people to do an eye test at home. You need a few tricky things like finding a spot over 3 meters long, granting permissions, talk to the app and more. We wanted the process to be as easy-peasy as possible, so I had to think ahead about the app's design and how to streamline those complex steps.
​
Trustworthiness
We aimed for the app to replace the traditional visit to the optometrist. To do that, we needed to create a process that inspires trust in the user, making them feel like they're getting the most accurate results, just like they would at the optometrist's office.
​
Vision for Everybody
The app needs to work for anyone aged 18 to 120, letting everyone do it from the comfort of their home, without any tech issues or generational gaps.
02
Wireframes
I start creating low-fidelity wireframes to map out the basic structure and layout of the application. These wireframes serve as a visual guide to illustrate the placement of elements and the overall flow of the user interface.
Usability Tests
Once the wireframes were established, we conducted usability tests, which I led, to gather feedback from real users. Based on this feedback, I iterated on the wireframes, making necessary adjustments to enhance usability and ensure a smooth user experience. This iterative process of testing and refining continued until we had a wireframe that effectively meets user needs and expectations.
03
After conducting thorough design research that included analyzing competitor applications and similar apps, I submitted visual options presenting several proposals for the visual language of the application, taking into consideration the brand guidelines.
It was decided to use videos as onboarding guides since we saw that it worked very well with our other apps, and to combine it with small icons that would align with the brand's graphic visuals. Following that, I proceeded to develop high-fidelity screen designs that not only align with the visual identity but also enhance user experience by integrating feedback from usability testing.
My focus was on creating an intuitive interface that meets user needs while reflecting the core values of the brand.
04
To tackle the challenges, we conducted usability tests in the office with new users and researched other competitors in the market.
At first I made a short video to explain all that the user need but from the usability tests, we discovered that the video was not suitable - there were loading issues, some users complained it was too long, many dropped out, and others didn't pay full attention.
![phone_14_01 [Converted]-01.png](https://static.wixstatic.com/media/ceedc7_9f87b396a1044853ba47fe218cb4a170~mv2.png/v1/fill/w_511,h_511,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/phone_14_01%20%5BConverted%5D-01.png)
So I decided to change the onboarding process to a four-part carousel that users could navigate through after understanding each section. Initially, I created an amazing video GIFs, but we had loading problems with them as well.
Consequently, I switched to illustrated GIFs, which were much easier to load and simpler to understand.
In additional usability tests, we found that the carousel with GIFs was more understandable to users. Moreover, the conversion rate in the app increased by 5%!
Another challenge I faced was how to help the users understand that they need to recite the numbers during the clinical flow and that the app is listening to them in real-time, even from a distance of 3 meters. To address this challenge, I added a speaker icon that appeared whenever the microphone was activated, indicating to the user that they needed to speak. However, usability tests showed that users didn't understand the icons, so I changed it to a sound meter that moves and shows sound waves when the user speaks, indicating that the app is listening.
Final Flow
Throughout the product development process, I kept the product's goal in mind and in addition to creating a visually appealing design, I aimed to achieve these objectives. This resulted in a significant reduction in the product's onboarding time and an improvement in the conversion rate.