Workaholic

Taking care of user health

Roles

Ideation, UI/UX, Engineering

Timeline

1 month

Description

Personal Project

banner

Problem

From my experience working with tech companies, I realised that employees spend almost 5-8 hours in a day working in front of their screens. This work requires them to be seated for long hours which affects their physical health in terms of eyesight, posture, neck pain, dehydration and headaches. Personally, after a few weeks, I felt a decline in my own health while working in an office. To counter this problem, I spent an hour and developed a simple program that notified me to stand up and walk around according to my schedule. Upon discussing this incident with my peers, I realised that this problem wasn't limited to tech offices. A lot of people now have their daily tasks centered around devices. Moreover, with social media and entertainment through Netflix and YouTube, our devices are designed to be engaging and distracting. As a small step towards building a healthy interaction with our devices, I tried to scale my prototype and design Workaholic.

Note: I do acknowledge that YouTube has a setting that allows people to limit their usage and notifies them when they've been watching continuously. I find it extremely convenient but I'm not sure about the familiarity of such settings among users.

Assessing existing solutions

While considering this problem, I thought what every millennial thinks about any problem — There must be an app for that. Most certainly, I was not wrong. There were several applications I came across, each solving a certain problem about these health issues. Some monitored screen time while some provided tips to improve eyesight. However, two things lacked in most solutions I used. Firstly, I would have needed five different platforms to see insights about my device usage for all the health concerns I raised. Secondly, I felt such applications need to establish a connection with the user to actually help improve their lifestyle. Measuring screen-time on its own is not motivating and lacks the user interaction required.

During the design process for workaholic, I tried to incorporate whatever I learnt from these solutions to build a platform that caters to all these health issues and provides an interaction that feels rewarding.

Design Challenges

There are some obvious challenges that this app needs to overcome to fulfill its goal. Deciding the health activities, understanding the user's daily schedule through an interactive and simple onboarding process, making sure there is a limit to the number of interventions in a day — to name a few. Additionally, there were some crucial points evaluated during the process.

#1 Platform

What type of technology is the most suitable? A software? A web platform? A mobile app or a chrome extension? Envisioning the initial setup that is required everyday was extremely important. I decided that I want to make something that is accessible and accurate. For now, I felt that a software would be too inconvenient and a mobile application alone could not account for a lot of the screen time. Ultimately, I decided a web app supported by a mobile version would be suitable.

#2 Designing Notifications

An important consideration besides promoting ergonomic activities is to understand the cues necessary to instruct the person to do an activity. It is also important that these notifications were subtle and were not intrusive or offensive in any manner. They should be instructive enough to help the person understand what to do, and flexible enough to understand the person's priorities.

#3 Keeping the users motivated

It is crucial that the users are motivated to open the app and do these activities. Since productivity apps lack dynamics or instant rewards that motivates users to check these apps, I tried to incorporate some elements of gamification. Users are rewarded by maintaining an everyday streak score along with weekly notifications and graphs to help them realise the efficacy of the application. Additionally, each activity that the user completes gets added to the health tab.

#4 Combining productivity and health

A health application that promotes users to take breaks from their screens must ensure that the user's productivity is not just unaffected, but increased.

Sketching and Brainstorming

Brainstorming Features

Brainstorming Featues

Wireframe

Dashboard Wireframe

Dashboard Implementation

Dashboard

The application takes care of screen time, ergonomic activities, hydration levels, overall health, everyday work-related tasks, and note taking. Once opened, the app can be minimized or closed (the user can download workaholic's web extension to monitor screen time) and the user will be receive a notification when it's time for a break. Dividing the dashboard to feature cards allows a person to get an overview of each section. One can simply click on a card to get an expanded view of the feature.

Screen Time

Screen time

Screen time is constantly visible to the user on the dashboard along with a limit time set during on-boarding. One can pause or stop this at any time while taking a break or finishing work for the day. Expanding screen-time allows users to gain more insights about their screen usage trends through days, weeks, and months. A small navigation panel also opens below the card to allow easy single-click switching between features.

Health

Health

The health tab is a comprehensive tab executing various roles. It provides a feature to connect with a smart watch to monitor steps. It provides a visual representation of the (likely) improvement in a user's health while using the app. It also employs methods of gamification such as everyday streaks to motivate users towards healthy work habits.

Managing Ergonomic Activities

Activities

Activities are instructions from the app to the user. These include ergonomic exercises like stretching, neck and shoulder exercise as well as eye rests and posture checks. The design caters to all the user's needs such as including brief instructions as well as highly instructive & helpful videos, complete control over the activity such as snoozing or suggesting changes.

Productivity through tasks and notes

Activities Activities

The importance of productivity is maintained in the design as the user can easily manage his or her schedule and take notes. Writing down tasks also makes the app aware about when the user does not want to be interrupted. The expanded task view contains a calendar with follow-ups and reminders along with the day's to-do list. The expanded notes view is simple and neatly organizes multiple note entries by the user.

Current Status

Currently, Workaholic is under development and testing. We will share the app with offices soon and evaluate its performance. Want to try Workaholic now? Write to me at thukral.abhinav@gmail.com.