Dash: Desk Time UI design reasearch (Celeste)

Desktime UI research

Introduction

let’s take a look fo a OKR system first.

Human Centre

Lightweight feedback system

OKRs

Align everyone around top company priorities.

  • employers can create individual, department, and company-wide objectives.
  • easily been track which is really important (by setting status which won’t disturb workflow)
  • Accountability- employees are aware of their colleagues’ progress, they can then work together to achieve department and company-wide objectives.
  • Export data- who owns initiative, status, the timeframe for completion, and manager feedback.

Weekly Check-ins

Get a pulse of team morale and performance.

  • can review personal performance, make introspection
  • can review wether short term objects have any progrssion
  • can track personal work emotions

1-on-1s

Remove roadblocks and coach employees.

  • a simple approach for teammates to dispose their problems to their leader
    highly effective with agenda function
  • transfer discussions into actions (Task creating)

High Fives

Recognize employees and increase engagement.

  • honour and appreciate teammates easily, create union atmosphere
    especially good for remote team!

Best-Self Reviews

Help employees grow with forward-looking performance reviews.

  • Quarterly report generated help teammates see their progressions and get inspired by others.
  • It’s never too late to fix.
  • Capture the full picture of employee performance**
  • teammates can organised their personal learning/achieving goal as well

Sum up

  • save time
  • easy the feedback mentally obstacles, decrease procrastination
  • send appreciations make team positive
  • Record everything into DATA and can be export into report.
    tracking yet not distrubing

TimeTracking Tools


  1. Desktime https://desktime.com/
  2. Hubstaff Time Tracking Software with Screenshots & Employee Monitoring
  3. Toggle Toggl - Free Time Tracking Software
  4. Manic time Time Tracker Management Tracking Software
  5. Harvest Simple Online Time Tracking Software - Harvest
  6. Paymo Paymo · Online Project Management Solution for Small Businesses
  7. WorkPuls Employee Monitoring Software with Time Tracking and Screenshots
  8. Observe Mac Time Tracking and Productivity Improvement - Qbserve app

Desktime

Pros - clean, simple, more static and traditional graphic information appealing, the dash kind of information layout is really clear. i like how it use time as a reviewing unit, can review one’s performance with daily / weekly / monthly report choosing by tab.
Cons- some of the meaning is a bit confusing, or the information is not really that important, actually don’t have to be displayed. Also some of the apps are actually belongs to productive category, need to manual define them from productive or neutral to productive. this influence the estimating of effectivity which is important for our story while we want to rely on it to generate a report.


Hubstaff

Hubstaff basically is the ideal blueprint of our Dash remote working system. It is more financially driven, counting employees and contractors’ working efficiency and calculate how much they should get paid, AND you can pay directly through PayPal or another commerce system they offered. Apart from they can calculate wages by person, they add in a budget filed to projects so that teammates control the working path of each project. This is very suitable for managing remote working and for contractors.


Manic time

Pros- the tagging features seems really useful and logically… especially for me who always dealing with multiple projects from time to time. it’s too bothered for me to go click and switch the project measuring function. this seems to be a good solution.
Cons- does the graphic has to be like a disk cleaning looking? is there any other way to make it looks better? and maybe there can be a toggle to switch the chart appearance according to user’s action now. (ex. while tagging- bar looks, overview- line graph/bar chart)


Toggle

Pros - a very eye-catching and delighting landing page. however there’s not much to talk about of their product, information is like marketing gimmick sentences. But i do love their perspective of designing the dashboard, which is from the perspective of a team reviewing a personal performance. It brings the engagement to a team member, show’s how much each person contribute to the company. appreciates those who hard worked, remind those who temporarily lost their ways.
Cons - the function of dash board looks basic. i think the ring graph shows too little of the information.


Harvest

Pros - Cross devices-

Use the Mac app to start a timer from your desktop, or the Chrome extension to track time from your browser. And if you’re running to a meeting at a client’s office, our mobile apps have you covered.

Two ways of tagging your project time. You can click start tracking while the software count your working time for you or you can go back to edit a week view of working time.


Paymo


Kanban Board


The Gantt Chart is a planning and scheduling tool showing tasks on a timeline and how they relate to each other.


Resource Scheduling


Adobe integration

59BD9D38-0D56-42A3-8DC9-0237FBE2D935
Bird’s-Eye View of All Your Projects

31E16E73-BE2C-443F-93DA-F01BAD5CA58B
File sharing - control company files when collaborating with contractors.

6F74E363-E46C-4CA4-B67D-4C1EDB53366C
Single person performance view.


Single Project Overview -creating tasks, assign, with different view of tasks


Timesheets daily and weekly time sheet, and can generate Time reports and share to clients mark what team has done in this week for them

Pros paymo is more like a task management tool. including features such as Kanban board, more emphasising online interaction and project management. with features such as live commenting, online cooperating. They can also based on the estimated time and cost generate an invoice report. Their integration range is quite amazing, can reach to adobe suite and google apps. also offering open API to integrate their own apps. This is one of the UI that impress me the most, looks easy to use,

Cons however the infographic is a bit too specific in an overview dash.


Qbserve

C73FDE0B-C6D9-46C2-B9F0-3C934AD311B5

Pros- The infographic offering a united view, even they are different forms. clear and looks easy to use. One interesting thing is that you can create your own rules to track time for a specific project.

Qbserve will only track time for a project when it detects a document path or browser address that contains a specific string (like a project name) that you have set up.

Suggesting functions is thoughtful and friendly as well -

Tracking will stay active when you’re using applications and sites from the “Videos & TV” category. Qbserve also suggests to enter your time manually when you return to your Mac.


Conclusion

  • Invoice/Payment- For those apps which focusing more on project managements, they can generate an invoice based on estimated data. Even can pay to their employees directly through the platform.
  • Cross devices- seems a must- because sometimes people are in meeting, or only using browser extension as their tool. even some integration moves to adobe suite, the scope of interaction can be defined.
  • Task managing- It’s not a must but basically if we want to engage Jira as well this is a potential area to develop. If so, Multiple views of tasks and projects are required.
  • Online interactions - for those who have more remote control team members, bird view screenshots, live interaction and KanBan board management matters to generate a more accurate result.
  • Web Version Search bar, Timer, Dashboard Overview,Sharing, Report generating
  • Client Login- Share the outcomes with client weekly or fortnightly, let them track and get to know the progress of their projects.
  • API- For further uses, integrate with API is a good step to move.
  • File Management - can considerate a more secure file management way in next step if contractors getting more.

Good to have-

  • Custom tracking rules- may or may not be useful
  • Wide range of integration - improve the estimate result
  • Project managements- depends on how we want to define our products, or the status of the project going.
  • Human touch- Appreciate your work before lunch break. this can have a further research while doing the OKR system.

Little Foundouts

Hourglass - The simple countdown timer for Windows
Work life balance is important… Superday - Automatic Productivity Logging iPhone App
Install the open source plugin, type some code, view your dashboard.- https://wakatime.com/


1 Like

I use Wakatime Btw :smiley:

1 Like

really!! it looks quite independent lol yet looks good!

As for the Invoice platform… I was thinking we already have Invoice Ninja, maybe need to narrow down the requirement of the Dash upon the discussion meeting.

and yea I agree with tasks, we already have Jira and I really like it there. Maybe API integration? Aya, let’s start from the small first =) aim for our MVP

1 Like

Ideas:

What if we make the project that the user who is current working on at this moment and allow him/her to able to quick switch project under App’s finder bar + shortcut?

@anon42096521, @jean told u applied for remote working in 6/11.
So what are the insight stories you want to share of the remote?
Do you have any user stories that could make the Dash UI design or work flow for Remote Working better?

I am interested to hear more stories :smiley:
https://desktime.com/app/employee/31209/2018-06-11/day

And it leads another interesting questions on the table.

  • How will it feel if the employee goes “Full-Remote”
  • Can we imagine the insight or workflow of the roles between management/ team/ remote-worker ?
  • How can we make it work (a. What kind of tools we need/ b. whats the team collaboration attitude we should change?)

Well, even we have read all those great articles about the remote working from buffer/ medium, but to experience and feel the stories thats total different things huh?

Haha yes, one of the most important thing is… I have never been this punctual at work for a long time lol I know this is my thing however it saves me LOADS OF TIME without putting make ups on and traveling to work…i wasn’t really sleepy either maybe it’s because I got more time to rest. I’m the kind of person who can totally into work else I can’t sit still with works left… so distracting or getting lazy that kind of stuffs not really happens on me. Another find out, I might get really fat if I’m a full time remote worker… eating snacks keeps me more focus on work at home :joy: And I have to say, without people walking around you or deliverer knocking, i got so focused on what i was doing. And I can play the music out loud without caring others which is really pressure releasing i have to say. However setting time tracking troubled me a bit for i think Desktime desktop version still need some improvement, I bet our Tenten desktime can do a better job on it :wink:
But the network and mic gets more important for remote workers communicating, have to get it well-checked forward. One monitor is a bit crowded for my windows though.

@anon42096521 , Those are like fortune-500 companies’ level of HRM system
I think it might be a good idea and super fun if u can “inquire for demo” from it.

  • Tell them we are an agency with 50+ ppl
  • We provide Digital Consulting Service

Here is another (Free register available), I am not quite sure what it do actually. but it serves for top-notch client indeed.

Thanks, thats a good story sharing. And we might need more stories and inputs of what you might need in the whole remoting process like VPN, Gears…etc, in your next coming remote.

@jean will archive to a particular confluence note of Remote working.

Easy time tracking with over 19,000 five-star reviews

Easily track time on any device to streamline payroll, send accurate invoices, and save thousands each year
這似乎可以參考?


@anon42096521 You might want to check this as well

1 Like

I just found this and it looks so legit in OKR management, well this is a must try.

https://www.koan.co/

1 Like

這看起來有點ㄎ一ㄤ但似乎尤其獨特的設計思考之處
https://imy.io/

Big Brands’ choice of OKR & Review tool

Good Read

Insight: 這跟 Dash 無關,但看完了這麼多 OKR 以及績效工具,及 OKR 的設計方法與管理思維,我還真的有個念頭想要撥個預算 > 獨立 Recruit 一個 3+ 人團隊 (Dedicated team: Designer/ Developer/ PM) ,將 OKR 的 SaaS 做出來 (中文市場先 > 等到磨的夠好在 Launch ENG)

Only competitor in Chinese market but it’s kinda lame

Update (07/10/2018): Domain purchased

I think this kind of super simple UI and product function could be a good start of the MVP

https://simpleokr.com/

Crazy simple, We can make this in 2 week with a focus team