UX audit & UX/UI improvements

Timetracking tool website

8 min read

A time tracker is an online tool used to keep records of work hours. It helps to give an insight into how much time was spent on different tasks, projects, and clients.

01/12

Purpose of the project

The aim of the study was convey an UX Audit to find improvements on the website timecamp.com that should benefit both the business and the user perspective.

Analysed version of Timecamp website from: 03.01.2021

Project Duration

03.01.2022 - 24.01.2022

Described area

Home page

02/12

About

Timecamp - is a web-based application to track the activity of computer users and it is dedicated either to freelancers or teams.

Main tool functionality:

Measuring the work effectiveness
Time tracking
Invoincing hourly work
03/12

Design process

01 - UX audit
  • Define business & users goals
  • Conducting UX audit (used technics: congnitive walkthrought, heuristic analisis - Nielsen)
  • UX report
02 - Improvements implementation
  • Introducing solutions in UI Design
04/12

Established goals

I started from defining goals that should be accomplished by website both for business and users.

For business:

  • Find improvements on Timecamp webiste, which should positively impact on conversion.
  • Simplify the path of user registartion.

For users:

  • Find improvements on Timecamp webiste, that should increase positive user experience, either while interacting with website.Provide ease and accessibility of information.
  • Provide ease and accessibility of information.
05/12

Preview of UX audit report

06/12

Main problems found on Timecamp homepage

  • Introduction of too much text, resulting in information overload. No brief description of the capabilities offered by the tool.Starting from hero section and including sections about functionalities.
  • Use of treatments that distracts users attention from main content and action of website.
  • Using visualisations that don’t give the user image of the tool.
  • Lack of visual weight in a section with a CTA action that is not visible against the page.
  • Introduction of too much text, resulting in information overload. No brief description of the capabilities offered by the tool.Starting from hero section and including sections about functionalities.
  • Use of treatments that distracts users attention from main content and action of website.
  • Using visualisations that don’t give the user image of the tool.
  • Lack of visual weight in a section with a CTA action that is not visible against the page.

Implemented solutions

07/12

Hero section

Solutions

  • Include clear information about the functionalities and capabilites of the tool in headline and body text,  to show that it's a solution a user needs and comunicate it's value.
  • Let the user visualise the thing you offer, to achieve immediate understanding what this website is about and what it offer.
  • Posting information about free trial and their lenght. This encourages user to explore further.
  • Application of an option to register in by other accounts. In result user have much more easier and quicker registration, which shorten the path to conversion.
  • Logicaly grouped actions.
08/12

Section of functionalities

Solutions

  • Use of bullet points and icons for easier consumption of the content.
  • Clear visibility of all functionalities, without text overload, thanks to dividing description into tabs and placeing its content in cards.
  • Introducing links to subpages with vider description of particular functionality.
09/12

Section of social proofs

Solutions

Clear visibility of all functionalities, without text overload, thanks to dividing description into tabs and placeing its content in cards.
09/12

Section of social proofs

Solutions

  • New section presentation for better visibility.
  • Offering in one place two complementary actions.
  • Low entry threshold by logging in with other accounts.
  • Using action names as sign up free, start 14 free trial and giving information about not recquiring credit card details is showing that there is no fee at the begining.
  • Recap of main tool functionalities and showing potential benefits eg. saving extra hour every day.
11/12

Added sections

Solutions

  • Indication of for whom is this tool and how each group will benefit from using it.
  • A visual and textual presentation on which devices the tool can be used.
12/12

How it was / How I made it

Hope you enjoed It

Thanks for watching!

Note

On a day 25.06.2022  Timecamp have implemented many solutions I’ve meantion in my case study.

Previous

Recruiting software

Case study

next

Electronic Health Record

Case study