Time Tracking Mac & iOS App Concept

Tymr is a conceptual Mac, iPhone and iPad application for personal and team based time tracking. I prefer using native applications over web based, and I wish a well designed, cross-device, personal time tracking app like this existed.

Tymr is my own exploration of what a cross-device personal time tracking app could be, and I hope you like it! Any Mac or iOS developers out there that want to help me build it? 😆

The Dashboard (above) acts as the home page to Tymr, quickly highlighting key information that is important to the user. The Dashboard is built up of customizable blocks, that can be dragged and reordered, or removed from the dashboard. This allows the user to put information that is most important to them front and center. Examples of blocks included: Time tracked today and this week, amount earned today and this week, Time spent on tasks, time spent on projects, a list of what was worked on today, and the users planned work schedule.

At the top of every page in Tymr, exists the fixed and consistent time entry bar. This gives the user quick access to start a timer, to add a task and project, or to see the how much is on their active timer. There is also a plus button next to the start timer button, that allows the user to enter a manual time, in the case they forgot to previously.

The Records page (above) is the place to go see all of your tracked time. The user can view their time records in a weekly, monthly, or yearly format, and can view them in a list or calendar view. The user is also given filtering options to select the exact week if viewing records weekly (defaulted to the current week), and options to filter the records by a certain task or project. The user can then download their records as a formatted pdf, csv or xml file.

Here the user also has the option of editing records. They can change the start and end dates and times, as well as the task and project. They are also given the option to duplicate or delete the record entirely.

The Activity page (above) allows the user to see a graphical view of their work progress over time. Here we can see a graph representing the number of hours worked for the user the past week day by day. Beneath the graph lists the projects that were worked on this week, or the selected time interval, with the option to hide or reveal them from the graph.

The same as the Records page, the user has the option to view this data weekly, monthly or yearly, and they are also given the option to select the exact time frame, or filter by tasks and projects.

This page also provides an example of an active timer, with the task and project inputs filled out. And as a side, I thought it would be really great if the Tymr logo in the sidebar animated like clock hands when the timer is active.

Tymr also conceptually has native iOS applications for iPhone and iPad as well for a seamless cross device experience. Nice! The iPhone app is structured with two fixed buttons at the bottom of each page, one to access the sidebar menu (can also be accessed by swiping right anywhere on the screen), and the start timer button.

Hitting the start timer button, well, starts the timer, and brings up a modal to fill out the task and project, add a manual time, or adjust the current time duration. As the timer is active, the duration is displayed next to the stop timer button.

And of course the full cross-device experience isn’t complete without a native iPad app. The iPad version isn’t too different from the Mac version, but is a great addition for those that prefer working on their iPads.

Check it out, give it a like, and provide some feedback on Dribbble!


past work.

The following projects have been completed in the past and don't necessarily showcase my current skills as a designer. However I think it's interesting to see my progress, so I keep them around.