YEAR
2022
ROLE
UI Design
UI Updates
PROJECT STATEMENT
Nachos is a data annotation tool that allows users to label raw data(images, videos, etc.) into an AI-readable form for machine learning. Through this project, the user interface has been improved so that Nachos' users can process data quickly and accurately regardless of their proficiency.
Overview

What is Nachos?

Nachos is a data annotation tool by which users can make dataset for machine learning. At Nachos, hired users can collect raw data (images, videos, etc.) or draw shapes on the data to create AI-readable datasets for machine learning, which is called data labeling.

However, the quality of the datasets is affected by the skills of the user, which in turn depends on the professional experience of the user.Through this project, the user interface has been improved so that Nachos users can quickly and accurately label data regardless of their skill level.

Problem

Novice users often have difficulties and tend to work at a slower pace when using Nachos

Users have a wide range of skill levels from individual to individual. The less experience they have with Nachos, the slower they work and the lower the quality of their datasets.

What is the barrier for low-level users?

To understand the real problem, I interviewed a manager of our users and observed 2 users, one a novice user and the other an experienced user.

Unnecessary mouse movements

The novice often moved the mouse from the canvas to the label area to type in attributes for a label, often forgetting the attributes of the label on the canvas.

Slow and uncertain feedback

Even when the novice made a mistake, there was no immediate feedback, so the problem could not be solved immediately.

Functions difficult to understand

The novice who didn't know how to use a feature didn't use it in the right place or took a long time to use it.

Visual dizziness

The more labels in the frame, the more difficult it was for both the novice and the experienced user to distinguish between their chosen targets and other targets.

Design Challenge
How can I help users annotating raw data regardless of their work experience?

Solution

Solution 01

Larger canvas

The canvas area, where people spend a lot of time, has been increased by around 25%, reducing mouse movement and optimising the working environment.

Solution 02

Place functions where the mouse dwells longest

With the introduction of the shortcut menu, the design has been improvedso that the work that needs to be done in the label area can be done on the canvas.

Solution 03

Provide immediate feedback

Incomplete group object warnings were intuitively displayed on the corresponding group objects.

Solution 04

Guides to help users understand functions

A short tooltip for the feature guide has been provided to explain how the feature works, and the Help button has been placed to navigate to the detailed manual for the feature.

Solution 05

Adjust label brightness

Label brightness has been added to allow users to set their own label brightness, taking into account the use of different labels for different users and tasks.

User analysis

Who uses Nachos?

Nachos users are divided into 3 groups, labelers, validators and administrators. I focused on 'Labelers' for this project because they do much more work than others.

Data Labeler
  • Role
    Workers who collect or annotate raw data (images, video, etc.)
  • Goal
    Annotate raw data accurately and quickly, and hand off as many datasets as possible to validators.
  • Work experience
    It depends on the individual, but in general there are a lot of beginners. (Because they work almost part-time.)
Work process

Receive data

Annotate data

Group data

Tag attribution

Hand off

UI description
User research

User interview/observation

I interviewed the manager who manages the labelers and observed 1 novice and 1 skilled worker actually working to find out what went well and what went wrong. (This observation showed that the difference in working hours between the novice and the expert was more than double).

What went well
  • If they were well trained, both novice and experienced users were able to use certain functions.
  • Both novice and experienced users moved the frame freely.
  • They tried to overcome the limitations of visual dizziness by using the "hide" function.
What went wrong
  • Frequent eye movements caused a decrease in work speed.
  • It took the novice a long time to use the split/merge function.
  • The novice user could not distinguish the color difference between the activation/deactivation labels.
  • It was difficult to see if multiple labels overlapped.
  • They tried to move on to the next task without grouping the targets, and only after the warning appeared did they realize they hadn't grouped well.
  • The alert feedback was not clear.
  • The novice user also found it difficult to use basic shortcuts (did not know how to use the Delete key).
  • The experienced user had their own know-how or used shortcuts in the right situation, but still experienced visual dizziness and unnecessary eye movements.
Main problem

Problem

I grouped and titled the findings that I learned from the user interview and observation, and this allowed me to know what the main problems were.

Design goal/Solution

Solution Ideation

After defining the problems, I set the design goal for each problem and came up with solutions based on the goal. Then, through feedback from the manager and team members, 5 final solutions were selected.

UI Design

UI Design

Finally, I created several user interfaces with a focus on effective presentation and iterated the designs several times. These are the final selected UI designs.

Thank you for watching!