back to Altalogy blog

Health iOS app redesign sprint in 8 hours. A case study from our internal hackathon!


October 10, 2019 ·

Desktop HD 3992c250 e818 47df 865c e28052113032

Overview

DeepH app is a general utility health app that encourages a healthy lifestyle by tracking steps, workout, weight, height, meditation time, sleep. The user can sync external data sources (Fitbit, Apple Health, Google Fit) or add entries manually.


Objective

Medical applications often store/process sensitive user data. Some apps feature health insights based on blood pressure, weight, age, or other parameters/risk factors. Needless to say, when it comes to health, credibility and reliability are the most important values that build trust with users.

While most of them are not necessarily concerned with the technical solutions under the hood, they often assess credibility by how the app looks and feels like.

The redesign sprint has been scoped to identify and fix UX bottlenecks and take the user interface to a whole new level of a fully-fledged product.

Goals

  • Acquire more users
  • Build a relationship with existing users
  • Convert free users into premium users

Process

The team consisted of a product owner and a UX/UI designer who worked together for 8 hours to redesign two screens of the application: the main dashboard and fitness data preview.

Screenshot 2019 10 04 at 21 783c57da e299 4b7a af82 ae5f7f236ba4 49 27

They collaborated remotely using Slack, Sketch, and Zeplin.

Started with two dashboard propositions, they picked one and polished it to establish a unified design system and elements styling.

Screenshot 2019 10 04 at 21 da94c8ee 7ad6 4957 a4cf 24c18ff462b3 30 13


Results

Main Dashboard

Desktop HD Copy 2 2068703e 21ae 46d2 8ff5 77f0c7eac951

Grid helps memorize the position of an element and make the dashboard better organized

Key insights

  • Swap the list for a two-column grid

Lists are pretty good for an ordered collection of elements, especially when the number of them is dynamic. In this case, the grid helps memorize the position of an element and make the dashboard better organized.

Desktop HD Copy 4 42b05ca9 e5bc 4fd3 b7f3 4e463a1bdf95

  • Dashboard as data display

Users can now see all relevant data, such as a number of steps, resting heart rate, or workout time right in the dashboard. There’s no need for the additional tap to check current metrics. On the other hand, the subtle shadows dropped on tiles encourage to tap and see the detailed metric break down and chart.

  • More native elements

Obeying Apple design guidelines for bottom tab bar, navigation bar, buttons, labels, fonts, fonts, spacings, paddings makes the user feel familiar and comfortable.

  • Color palette

Dominant white color, complemented by blue details and subtle shadows, makes for a clean, sleek layout.

Desktop HD Copy 6 3a4d2cde 0a74 432e b8e4 bf440b6a1d58

  • Emotional, engaging copywriting

If someone does not hit the full health score, let’s motivate him/her to be more active in a friendly way.

  • Call To Action button to connect data sources

The floating bottom button is more accessible and won’t be overlooked on scroll down. Keeping the button title device-agnostic help add more tracker integrations in the future

  • Each fitness parameter has its own assigned color

Colors help associate and recognize a specific type of information.

Meditation data preview

Desktop HD Copy 3 ccccee04 78bf 4725 b8b3 fe7a00e97616

While bar charts are better for comparison, line charts are better for evolution

Key insights

  • Change bar chart to a line chart

While bar charts are better for comparison, line charts are better for evolution. Thus, line charts serve better for motivational purposes.

Desktop HD Copy 5 67e492f5 4ad7 4bb6 9317 5a21ab9c098b

  • Bold “plus” to add missing entry

Sometimes one can just forget to submit the score of the day. Therefore, the add button for missing entries should stand out.

  • Engaging illustrations

“Did you know…” section should drive more attention as properly selected pieces of trivia can do magic to form habits to use the app regularly.

Thanks for reading!


LinkedIn

Join the Newsletter

Subscribe to get the latest content by email