Biomotivate
Redesigning data dashboards & prototyping an emotional resiliency dashboard.
I interned at Biomotivate, the summer and fall of 2022, a health and addiction treatment company, in summer and fall 2022. I worked on improving the UX/UI of their wearable data dashboard and designed a VR treatment dashboard that was later submitted for a grant competition.
Role
UI/UX Designer
Duration
6 months
Tools
Figma
Grafana
InfluxDB
Google Suite
♨︎ Project 1
Data Filtering Menu
I began the internship by analyzing the dashboard to gain a better understanding of the usage. One feature that was a bit confusing to interpret was the data filtering presets on the right hand side of the dashboard.
Current View ↴
⛅︎ Iteration 1: Icons
To improve the data filtering intuitiveness (as from first glance, the words were not descriptive enough to represent the functionality). Images and icons would be a more intuitive way to represent the ideas expressed.
But quickly realized that the graphics seemed be adding more confusion to the choices.
⛅︎ Iteration 2: Video & Text
So, I opted to recommending either an info button for text information or an onboarding video process that can help guide the user.
I also made some sample video descriptions that could be used. Check one out here!
☞ Project 2
Hover Popup
There is no clear way of seeing specific information on the graphs. So, I pitched the idea of having a hover popup that tells important information while hovering over parts of the graph.
Current View ↴
⛅︎ Iteration 1: Low Fidelity
After receiving feedback, we decided on some more information that would be useful to the user -- therapists. We decided on including specific time and the usage of color stamps that could help the therapists more easily understand the graphs.
Final & implemented
☞ Project 3
Schedule Incorporation + Signification
The participants at the treatment center have a particular schedule and we wanted to visually incorporate it so that the therapists can tell at what part of the day certain spikes or irregularities occurred.
⛅︎ Research + Organization
I began by taking their schedule and organizing it in an efficient way so I could clearly identify similar and different parts of the schedule.
Then, I started to create a first iteration of the schedule signifier using colors and a key. But realized that the colors started to overtake the actual graph, and experimented a bit more to a less dramatic visualization.
I also made some sample video descriptions that could be used. Check one out here!
☞ Project 4
VR Treatment Dashboard
I was tasked to create a prototype of a participant dashboard with another designer where participants can keep track of and be motivated by their progress in their new VR treatment method.
Current View ↴
⛅︎ Step 1: Ideation + Mid-fi Prototypes
We began with ideating with the other designers to understand how to best represent the participants progress graphically.
⛅︎ Step 2: Colors + Variations
After adding color, a very important visual aspect, we iterated on type of graphical layout that could maximize intuitiveness and at a glance information.
⛅︎ Step 3: Memory Info Bar
We also decided on adding another page that highlights the main ideas of the graph and any other important information that the user might like to know.
↖︎ Takeaways
The problem is the UX not the user: At the beginning of my internship, there were moments when I hesitated to speak up if I didn’t understand something—partly because I felt I was already asking too many questions. In hindsight, I realize that raising those concerns would be creating more space for open dialogue which could reveal key opportunities for improvement, both in the product and the process.
Advocate for research: Because most of my internship was remote, I didn’t have many chances to observe the daily operations of treatment centers, therapists, or participants. Even lightweight research methods like Zoom interviews could have helped me design with more empathy and context. I wish I had advocated more strongly for those opportunities.