UI Case Study: Squeeze app (Part 2)
A user-centered design process on designing a productivity app for people that work from home
In order to define the brand, I came up with four brand attributes to differentiate my app from competitors. I wanted Squeeze to be:
- Accurate but adaptable
- Broad but not complex
- Serious but not boring
- Professional but appealing
Moodboard and Style tile
I looked for inspiration in nature and architecture, where the design is accurate, but flexible and adaptable to its environment.
As is an app for a professional use I choose blue for the main colour, because it transmits stability and trustworthiness. And pink as an accent because it makes the app more appealing and less formal.
I also designed different category tags and tested.
Tasks can be added by dragging and dropping a category or tapping on a blank space in the schedule. An edit mode will be open according to the category you have chosen.
If a task has been added on the to-do list before, you can find it on your edit mode. Just type @ followed by the name of the task and a drop-down list will show you the results. The details of the task will be shown.
Expand, lock and rearrange tasks
Calendar, map and timer
When a play button of a task is played, a bar on the bottom will appear. The bar shows a countdown with the remaining time to perform the task. The task has also a visual bar that shows the progress.
The app aims to encourage to manage your time properly. If you finish a task early you can always stop the countdown and use the spare time as you wish.
Read the UX Study of this project (Part 01)