Quantactions

Making health data easy to get

<b>One<br></b> strategy sprint

with the client to define target group and scope of function

<b>Two <br></b> UX sprints

for the entire app design for iOS and Android

<b>Faster adaption</b> of app services

through an understandable approach to tone and design

QuantActions AG

Visit website

INDUSTRY

Health Tech

Timeframe

3 Sprints in 2022

TEAM

Design Lead
UX / UI Designers
Illustrator

Product Design Mobile

About the project

Founded as a spin-off of ETH Zurich, Quantactions has developed an algorithm that analyses various health parameters based on smartphone usage.

In collaboration with the client, we analysed the direction of the business model and defined target groups in a strategy sprint. Based on the objectives, we designed an easy-to-use app for iOS and Android that transforms abstract data into clearly understandable health indicators and provides users with additional information and tips for their behaviour.

<section class="padding-largest no-padding-bottom module-portolio-detail-headline"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Brain health app for employees –</span> <br class="not-on-s">paid by their employer </h2> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container reverse-order"> <div class="flex-item-left img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----privacy-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----privacy-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----privacy-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----privacy-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Addressing privacy<br> and data protection concerns</h3> <p>Based on insight from our user interviews privacy concerns was one of the most pressing topics for user - especially in the context of an employer health app. What would be shared with whom? <br><br> We used the onboarding process as an excellent opportunity to address these concerns upfront and explain the details of data anonymization, data sharing, and settings options to users.</p> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container"> <div class="flex-item-left"> <div class="vertical-middler"> <h3>Smart dashboard —<br> What are the metrics?</h3> <p>The app track factors that impact brain health and thus critical work-life issues such as stress, fatigue, and sleep problems. Based on our Strategy Sprint we established a main objective for the app: to empower users with understandable data. The metrics dashboard and detail pages highlights the impact of the users everyday behaviour and offer guidance on how to interpret the results and proactive steps they can take to improve their health.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions-smart---dashboar-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions-smart---dashboar-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions-smart---dashboar-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions-smart---dashboar-1x.jpg"> </picture> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container reverse-order"> <div class="flex-item-left img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----journaling-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----journaling-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----journaling-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----journaling-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>What happened today?<br> Put it in your daily journal</h3> <p>Studies have shown that humans need context to relate metrics to their everyday behavior and see a connection between trends and their past activities. <br><br> Therefore we developed an easy to use journaling functionality to put all scores and trends into perspective by accounting for common influences (e.g. exercise, holiday, social circumstances, etc.) Each event can be rated and described in detail and assist or motivate the user in identifying and resolving potential culprits.</p> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container"> <div class="flex-item-left"> <div class="vertical-middler"> <h3>Interactive trend overview —<br> How the metrics influence each other</h3> <p>If the visualization and explanation of single metrics is a first empowerment for the user, the comparison of these metrics offers users wide insights for potential causalities in their personal or professional life. As the app continues to develop and track more metrics, the comparison view can be filtered to focus on the most important parameters.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----trend-overview-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----trend-overview-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----trend-overview-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/02._tile-image-1-4/quantactions----trend-overview-1x.jpg"> </picture> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list no-padding-sides no-padding-bottom"> <div class="headline-large-image"> <div class="item-wrapper"> <div class="item"> <div class="image img-mobile"> <picture> <source media="(max-width: 767px)" srcset="" /> <source srcset="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/03._full-width-no-margin-image-1/quantactions-diag-grids-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/03._full-width-no-margin-image-1/quantactions-diag-grids-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/quantactions-health-data-app/03._full-width-no-margin-image-1/quantactions-diag-grids-1x.jpg}"> </picture> </div> </div> </div> </div> </section> <section id="cta-your-project" class="section padding-largest modular-call-contact "> <div class="wrapper"> <div class="flex-container"> <div class="flex-item-left"> <picture> <source media="(max-width: 767px)" srcset="/user/themes/boanastories/img/sales/s-profile-j2-mobile.jpg" /> <source srcset="/user/themes/boanastories/img/sales/s-profile-j2-1x.jpg 1x, /user/themes/boanastories/img/sales/s-profile-j2-2x.jpg 2x" /> <img src="/user/themes/boanastories/img/sales/s-profile-j2-1x.jpg" alt="Johannes Holl" /> </picture> <a href="https://boanastudio.com/team/johannes-holl" class="xs-text text-grey-60 image-caption"><b class="bold text-grey-40">Johannes Holl</b> <span class="not-on-s">• </span>Managing Director</a> </div> <div class="flex-item-right"> <div class="text"> <div class="headline l-text"> <span class="color">Let’s talk about</span><br>your project. </div> <div class="teaser n-text text-grey-60"> We can help reduce complexity and identify quick wins upfront. </div> <div class="actions"> <a href="https://boanastudio.com/contact" class="button primary">Get free consultation</a> </div> </div> </div> </div> </div> </section>