Allscreen – a mobile app to track screen time across all your devices 

Allscreen – a mobile app to track screen time across all your devices 

Allscreen – a mobile app to track screen time across all your devices 

Date

Nov 2019

rOLE

UX designer, Researcher

Allscreen was a student project from 2019, created by a 3-designer team. We designed a mobile app that helps users track their screen time across all their devices in one place, with the goal of raising awareness and encouraging healthier, more intentional use of technology.

Allscreen was a student project from 2019, created by a 3-designer team. We designed a mobile app that helps users track their screen time across all their devices in one place, with the goal of raising awareness and encouraging healthier, more intentional use of technology.

Allscreen was a student project from 2019, created by a 3-designer team. We designed a mobile app that helps users track their screen time across all their devices in one place, with the goal of raising awareness and encouraging healthier, more intentional use of technology.

“Too often watching television, playing video games, spending time online or in front of a phone or computer screen replaces going outside, taking walks, playing and getting the physical activity needed to stay healthy.” – Mayo Clinic 

A little bit of background

A little bit of background

Context

We designed Allscreen as a mobile app that helps users track and understand their screen habits across all devices. The app guides users through onboarding and a first-time setup that connects their devices, then tracks usage in one place. It also encourages behavior change by surfacing trends and suggesting nearby activities to try instead.

The key features we built included:

We designed Allscreen as a mobile app that helps users track and understand their screen habits across all devices. The app guides users through onboarding and a first-time setup that connects their devices, then tracks usage in one place. It also encourages behavior change by surfacing trends and suggesting nearby activities to try instead.

The key features we built included:

My Role

I participated in the competitive research and user interview process and was responsible for the design, from wireframes to final UI, as well as the visual identity and style guide.

Problem Statement

Screen-focused consumers need a way to aggregate the time spent across all of their devices because they want to mitigate the detrimental physical effects of prolonged screen time.

👤 For user: At year-end, many users were unsure how to manage their remaining pre-tax funds. Some of them missed important deadlines and lost unused funds, which led to frustration and a lack of trust in the experience.

Final Design

The key features we built included:

1. Onboarding

2. Multi-device setup

3. Dashboard & Screen time tracking

4. Find activities

So, how did we get there?

Part 1: Research

User Interviews

We interviewed 10 people to better understand how they use screens throughout the day, how they feel about their screen time, and whether they track it. We focused on both work and personal use, and explored what challenges people face when trying to reduce screen time.

Here are a few key insights from our interviews:

We interviewed 10 people to better understand how they use screens throughout the day, how they feel about their screen time, and whether they track it. We focused on both work and personal use, and explored what challenges people face when trying to reduce screen time.

Here are a few key insights from our interviews:

We interviewed 10 people to better understand how they use screens throughout the day, how they feel about their screen time, and whether they track it. We focused on both work and personal use, and explored what challenges people face when trying to reduce screen time.

Here are a few key insights from our interviews:

1. People have an awareness and guilt about using their screens too much

1. People have an awareness and guilt about using their screens too much

1. People have an awareness and guilt about using their screens too much

2. Top of mind: physical negative health impacts from too much screen time

2. Top of mind: physical negative health impacts from too much screen time

2. Top of mind: physical negative health impacts from too much screen time

3. Smartphone usage fills many short bursts of waiting time throughout day, user uncertainty about amount of time

3. Smartphone usage fills many short bursts of waiting time throughout day, user uncertainty about amount of time

3. Smartphone usage fills many short bursts of waiting time throughout day, user uncertainty about amount of time

These insights helped us define the problem more clearly and informed the direction of our design.

Competitive Research

We analyzed a range of screen time and tracking apps to understand existing solutions and find opportunities for differentiation. Our research focused on key features, usability gaps, and cross-device capabilities.

Here’s what we found:

1. Most apps offer basic data visualizations and usage history. These are common features but often lack depth or personalization.

1. Most apps offer basic data visualizations and usage history. These are common features but often lack depth or personalization.

1. Most apps offer basic data visualizations and usage history. These are common features but often lack depth or personalization.

2. Only a few competitors support tracking across multiple devices, and even then, there are limitations depending on the device type.

2. Only a few competitors support tracking across multiple devices, and even then, there are limitations depending on the device type.

2. Only a few competitors support tracking across multiple devices, and even then, there are limitations depending on the device type.

3. Out of all the apps we looked at, only one (Instant) lets users set specific screen time goals.

3. Out of all the apps we looked at, only one (Instant) lets users set specific screen time goals.

3. Out of all the apps we looked at, only one (Instant) lets users set specific screen time goals.

Feature Prioritization

We mapped out features by impact and effort, prioritizing the ones that would drive awareness and change without overwhelming users. Tracking progress against goals and offering easy ways to shift habits were key to our value proposition.

Part 2: Design

Concept Sketch

Wireframe

Iteration

After creating the wireframes, we conducted user testing sessions with a few participants and iterated based on their feedback.

Understanding what users were struggling with led me to another question: Why were so many users still confused, even when the information was already listed on the portal? We had deadlines with tooltips listed in clear places on each benefit page, yet users often chose to ask the chatbot or skipped over the details entirely.

To figure out what was missing, I reviewed our existing benefit pages and used Smartlook to observe how users were navigating them. I wanted to see how they behaved in the real flow, not just what we thought they should see.

Understanding what users were struggling with led me to another question: Why were so many users still confused, even when the information was already listed on the portal? We had deadlines with tooltips listed in clear places on each benefit page, yet users often chose to ask the chatbot or skipped over the details entirely.

To figure out what was missing, I reviewed our existing benefit pages and used Smartlook to observe how users were navigating them. I wanted to see how they behaved in the real flow, not just what we thought they should see.

✦ Users wanted their performance against goal to be more prominently displayed. So we promoted a progress bar and total screen time to the top of the page

✦ Users wanted their performance against goal to be more prominently displayed. So we promoted a progress bar and total screen time to the top of the page

✦ Users wanted their performance against goal to be more prominently displayed. So we promoted a progress bar and total screen time to the top of the page

✦ Users expressed interest in quickly finding alternative activities to do instead of looking at a screen. We landed on a map that shows nearby activities, along with the ability to search and filter based on their interests.

✦ Users expressed interest in quickly finding alternative activities to do instead of looking at a screen. We landed on a map that shows nearby activities, along with the ability to search and filter based on their interests.

✦ Users expressed interest in quickly finding alternative activities to do instead of looking at a screen. We landed on a map that shows nearby activities, along with the ability to search and filter based on their interests.

✦ We used layout, color, and visual cues to simplify the overall experience and improve clarity based on user's feedback

✦ We used layout, color, and visual cues to simplify the overall experience and improve clarity based on user's feedback

✦ We used layout, color, and visual cues to simplify the overall experience and improve clarity based on user's feedback

Next steps

  1. Staying up to date with IoT advances

  2. Continue usability testing to validate changes

  3. Ability to distinguish “productive” vs. “unproductive” screen time

  4. Simplify Activities flow so activities can be found quickly (reduce screen time)

Thanks for watching 🩵

Thanks for watching 🩵

Thanks for watching 🩵

Explore more projects

Feel free to reach out if you’d like to chat more about the work or explore new opportunities together.

LinkedIn

Resume

Email

Explore more projects

Feel free to reach out if you’d like to chat more about the work or explore new opportunities together.

LinkedIn

Resume

Email

Explore more projects

Feel free to reach out if you’d like to chat more about the work or explore new opportunities together.

LinkedIn

Resume

Email

Explore more projects

Feel free to reach out if you’d like to chat more about the work or explore new opportunities together.

LinkedIn

Resume

Email

Create a free website with Framer, the website builder loved by startups, designers and agencies.