Qualitime

mobile app

Qualitime

An app that helps you focus on life outside your phone.

client
qualitime
agency  
personal project
Role
concept, art direction
fougaro-website-example
RESEARCH

The Competition
Most apps that deal with smartphone addiction are acting as a “wake-up call” for the users. Their goal is to show them detailed statistics of the apps they are overusing. Some of them employ aggressive ways to stop the user’s addiction to his/her mobile phone, like forcefully closing the used apps or flooding the screen with alerts.

Understanding the user's needs
Many smartphone users are spending too much time on their devices and may need an app to help them reduce their on-screen time. Even though they may lack the discipline to stop on their own, I believe they do not need drastic measures in the form of punishment from an app. This could result in them getting frustrated and/or deleting the app. Occasionally, the user may be dealing with an emergency or an urgent matter and forget about the app running in the background. In this case, he/she shouldn’t be forced to terminate the specific app. The user should have a pleasant experience in order to gradually change his/her habits through the use of an app.

BreakFree Cell Phone Addiction
Moment
Forest: Stay focused, be present
Unplugged
The Idea

In order for the user to spend less time on his/her phone, Qualitime is an app that gives smart tips based on his/her interests and lifestyle. This way, the user can enjoy more quality time doing activities which do not envolve his/her mobile device.

fougaro-website-example
Qualitime's storyboard-Idea
Qualitime app features
  • Smart personalized tips to help the users seize the day, everyday.
  • The users are informed on how much time they spend on their phone in comparison with other activities.
  • The users can set specific times they want to be on their phone daily.
  • Easy to use app with constant feedback and encouragement for the users.
  • Badges and a bit of gamification (possible future features).
wireframes
Welcome Screen (1st time after installation)
Tutorial - Settings Screen (1st time after installation)
Tutorial - Settings Screen (1st time after installation)
Daily Tips Screen
My Stats Screen
Settings Screen
Push Notification Example
Push Notification Example - Expanded
Design proposal

After creating the wireframes, I proceeded to the main design of the app. The first thing I did was to create an association between the app's name "Qualitime" and the logo. The result was a shape that looked like a clock and a funny minimal face at the same time. Based on the logo's concept and aesthetics, I proceeded to design the illustrations, the icons, and the overall look and feel of the app. Tiny details like subtle shadows can help create a pleasant experience for the user with possible future animations. I chose to keep the app's design clean and neat by using readable typography with different font weights, simple buttons, and colors which help some important elements (i.e push notifications) stand out.

Welcome Screen (1st time after installation)
Tutorial - Settings Screen (1st time after installation)
Tutorial - Settings Screen (1st time after installation)
Daily Tips Screen
My Stats Screen
Settings Screen
Push Notification Example
Push Notification Example - Expanded
Findings and Learnings

After designing the application, I created a simple clickable prototype with Marvelapp. Then, I put the app in the hands of a friend to do a small validation test.