September-October 2024 (5 weeks)
Web App + Browser Extention
Digital Wellbeing
Personal Project
In today’s digital world, people spend long hours on screens without realizing it, leading to fatigue, burnout, and reduced productivity. Many struggle to track their screen time or remember to take short breaks. There’s a clear need for a simple, intuitive tool that helps users monitor screen usage and encourages healthy digital habits to support their overall well-being.
Screen Ease – Track Time, Take Breaks, Stay Healthy
Screen Ease is a browser extension and web app designed to help users track screen time and take regular, mindful breaks. With its simple interface and smart reminders, it encourages healthy digital habits, reduces fatigue, and helps users stay focused and productive throughout the day.
Check Your Screen Time Anytime
Take Breaks Easily
View Analytics & Usage Trends
Insights on Screen Time Trends and Impacts
This secondary research explores insights from two major studies on screen time behavior and its impact on health and productivity, especially among IT professionals in India and worldwide. The findings reveal growing challenges caused by excessive screen use and outline evolving trends in digital habits, offering a clear understanding of how prolonged screen exposure affects well-being and work efficiency.
Key Insights from Research
Impact on IT Professionals in India:
35.5% spend 8-10 hours daily on screens, causing health issues.
79% experience eye strain, headaches, or dry eyes.
67.56% report neck, back, or shoulder pain due to prolonged screen exposure.
Global Trends (2012–2019):
• Daily screen time rose from 9 to 11 hours worldwide.
16–34 age group recorded the highest screen usage.
Mobile phone use increased globally by 2 hours per day.
Learning from Others to Build a Better Solution
This competitor analysis revealed both the strengths and shortcomings of existing screen time management tools. By learning from these insights, Screen Ease aims to blend the best features while improving on current gaps, creating a more balanced solution that prioritizes well-being, focus, and productivity.
User personas to capture different perspectives
These personas shaped my decisions to keep the interface simple and focused on actionable insights.
Laying the Foundation
I created wireframes for key screens, including the browser extension, dashboard, analytics, customization, and account settings. These blueprints helped organize the content and user flows effectively.
Refining for Simplicity and Usability
Browser Extension
• Initially planned to create separate homepage and settings screens.
• Simplified into a single extension screen showing key stats (screen time, break status, and start/stop buttons).
• Users can access detailed settings via the dashboard.
Dashboard Design
• Originally planned to have a separate recommendations card.
• Integrated small recommendations within other cards to keep the layout clean (e.g., in screen time overview cards).
I improved the wireframes while creating mid-fidelity designs. I also designed additional screens, including break notifications, onboarding, and edge cases for the web app. These iterations refined the overall layout and functionality.
Using dark mode as the primary theme, I created high-fidelity designs with detailed style guides. These included:
• Color palettes, typography, and logo.
• Icons and illustrations to enhance the user interface.
Explore the Experience
Here is the link of Figma prototype. Please explore it and share any feedback or suggestions. Your insights will help refine the user experience.
Working on Screen Ease was a valuable experience, teaching me about designing for well-being and promoting healthy screen habits. Future improvements include refining features, adding a light mode, and offering more customization based on feedback. This project enhanced my skills as a designer and problem-solver, and I look forward to applying these insights in future work.