top of page

Performance evaluation system design 

Design a performance evaluation platform to make a deeper connection between employees for a design agency.

Project Detail

Project Type: UX/UI design

Timespan: Oct.2018 - Dec.2018

Team Size: individual project

My Role

UX Designer

UI Designer

Method

Brainstorming

User Flows

Information Architecture

Wireframing

Prototyping

Animation

Tool

Sketch

Principle

Lucidchart

Illustrator

Design Process

Ideation

  • Meeting with Instrument

  • Problem identifying

  • Solution determining

Day1

User Research

  • Persona

  • User Stories

  • User Flows​

Wireframe

  • Sketch

  • High-fedility

Prototype

  • Animation​

Day30

Introduction

The design agency Instrument assigned us to find out the solutions for their performance review system. The HR currently sends the questions on Gooogle sheets to the employees to collect their replies. Each employee has to choose 23 peers and will be assigned an additional 23 peers to review once a year. The company is looking for a more efficient solution for the evaluation process to fulfill the goal of employees' growth. 

Problem

Employees could have the chance to give a peer review to someone they don't fully know based on limited information. This might cause the low quality of the reviews due to the superficial opinion on the peers.

Users Need

Review Tasks

Employees should be able to get a bird's eye view of their review cycle.

Author Self-Assessments

Employees should have the tools they need to author their own self-assessments in order to provide self-reflection surrounding their experience

Track Strengths and Opportunities 

To track personal progress employees should be able to review the key takeaways from all previous performance review.

Author Peer Review

All employees should feel welcome to provide peer feedback at any point.

Persona

persona.png

Solution

Create an integrated platform that provides each employee's profile with related information about the experience they had in the company to make the review more intuitive and solidify the connection between employees.

Visualize the progress
Home.png

Showing the current phase of the whole eval progress to remind the users to complete it on time. 

Submit the eval by question
questionScreens.gif

Allowing users to fill out the review for the individuals progressively. 

Eval.png

Showing the complete rate of the review for each individual to make the progress state more specific.

Employees' previous work
projectScreens.gif

Provide the project information as a reference for users to evaluate peers' performance. 

Iteration

Sketch
progress_edited.jpg
peers_review_edited.jpg
peers_all_1_edited.jpg
peers_info_edited.jpg
Untitled_edited.jpg
peers_all_2_edited.jpg
peers_reviewA_edited.jpg
home_.png
self_assess_edited_edited.jpg
peers_project_edited.jpg
peers_project__edited.jpg
Wireframe

Peer List

The pages list all of the employees in the company. It's also the entrance of individuals' detail information. 

Peers.png

The grid shows the information clearly.

Peers 2.png

Too much scrolling when applying carousel to large amount of objects. 

Custom Preset Copy.png

The four-column grid could be too crowded that too much info displayed at once.

Question Form

Question form pages include the questions about performance evaluation which allow users to fill out and submit the answers.

Peer Review 1.png

A clear list of collapsible shapes guides users to click on it in order.

Peer Review2.png

The bullet points don't look like they are clickable.

Peer Review.png

The cards make the order of the questions unclear.

Progress Board

The progress board is to reveal the current progress of the evaluation in detail and provide access to continue the reviews from wherever users want. 

Eval Progress1.png
Eval Progress.png

The percentage doesn't show efficiently how many questions have been completed.

The fraction clearly shows the number of the incompleted review questions with the charts.

Design Breakdown

Design breakdown.png

User Flow I

Christie wants to know more about Dustin before she starts the peer review for him, so she takes a look at his information and the projects he has done. After knowing Dustin more, she then writes the peer review for him.  

Information Architecture

user flow1.png

Hi-Fi Wireframe

1-1.png

Animation

User Flow II

There are only 12 days left to submit the evaluation. Christie wants to know her current progress and continue the self-assessment section.

Information Architecture

user flow2.png

Hi-Fi Wireframe

1-02-02.png

Animation

Conclusion

The project is about connecting the employees by providing relative information in the evaluation process. Although the system could not solve all the problems of the current approach, it still addresses a part of the core issues in the process. There is still a lot of opportunities in the design to enlarge the benefit it could give.

bottom of page