Lift App Dashboard Design
Created in Axure
The LIFT
The Lumo Lift is a product that consists of a physical sensor that the user clasps on the front of their shirt (right below the collar bone) and an accompanying smartphone app. The sensor consists of a gyroscope, a button, and a motor. When you press the button, the sensor reads the gyroscope coordinates and sets those values to be your "target posture". So the user calibrates good posture by getting into his/her best posture and pressing the button on the sensor. Throughout the day, if you deviate from the target posture, the motor will create a vibration that reminds you to return to good posture. In the settings you can decide how long the vibration delay is (vibrate after being in bad posture for 15 sec, etc). You can also turn the vibrations off.
The sensor then sends gyroscopic data to the app, where you can see information including: how many minutes you've been in good posture this hour, how many hours of good posture this day, how many steps/miles/calories, daily history and breakdown, and a graph of your posture/step trends.
The app also includes a real-time dial to see where your upper back angle is in relation to good posture, exercise programs to strengthen muscles key to achieving good posture and relieving back pain, and a place to log data about your current back or neck pain.
In the overarching company goal to get the Lumo Lift FDA approved to improve backpain, the first step is to gather as much "pain data" as possible from users. This entails users rating their back or neck pain on a scale of one to ten over the course of many days. They do this in the app. If the data shows that users reliably achieve lowered pain scores while using our product, we can move on to clinical trials. To get this data, we need high app retention, and our 7-day app retention is low.
The Problem
On the Dashboard page, you can see a lot of information (see below). However, we found through many customer tickets, NPS comments, and customer calls that the dashboard is still very confusing for many users. And this confusion could be the source of why the app 7-day (and longer) retention rate is extremely low. For example, it's unintuitive to swipe right to see the real-time dial or swipe to go between the steps banner and good posture hours banner. The button to turn vibrations on and off doesn't look like a button with an intuitive purpose. The settings icon doesn't look like a normal settings icon. Our goal for Q2 was to increase the 7-day app retention, so we decided to redesign the Dashboard to increase usability.
Original Design
My design
Taking all the problems we had into account, I re-envisioned the Lumo Lift Dashboard. Most importantly, I wanted all the information displayed to fit one page to get rid of the need to swipe left or right. I kept the Good Posture Minutes element visually and functionally the same, as it worked very well in the original dashboard, but made it smaller. Daily good posture, steps, miles and calories all are shown below hourly good posture.
I turned the posture vibration switch and settings icon into recognizable elements - there's no reason to make those buttons unique to our app, especially if it creates extra confusion. There are also an overwhelming number of user complaints that they can't turn the vibrations off. Many users are unaware there is a toggle button. I wanted to make that option more clear.
We found from our user data that a very small percentage of users actually go into settings and change their vibration delay after setting it originally in onboarding. I brought that feature to the dashboard so they're more likely to see that they can change the delay. This might alleviate many of the complaints that the vibrations are too frequent or won't stop.
To increase the pain data we collect from users, I created an option front and center for users to log their pain rather than letting it be hidden several clicks deep in the app.
Finally, I noticed that the real time dial only actually uses the top half of the circle. The dial never oscillates past horizontal in either direction, as users' postures cannot physically deviate in that way. So to save space and keep the dial on the same page, I kept only the useful part. It displays the user's angle out of target posture and tells them whether they are in or out of the funner of tolerance.
I added a countdown timer that users can look at in order to better understand when and why the Lift vibrates. This increased understanding will increase the user's perceived accuracy and trust of the product
Original Drawings
My pen and paper ideas to achieve our dashboard goals. Some of the elements I came up with here made it to my final design.
At the brainstorming session, my coworkers and I talked through all our ideas for change.