A product designer and Lego enthusiast
thumbnail adp.png

ADP Website Redesign

ADP Job Application Website Redesign

 
 

Being an applicant on ADP Job Application Website, I found there are some usability issues. So I decided to do an one-day redesign exercise with jobs.adp.com. To start with, I conducted a heuristic evaluation using Nielsen's Heuristic Principles. 

 
 
 

HEURISTIC EVALUATION

 
 
 

1. Visibility of system status:

The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

Comments:

Pros: Application status bar keeps users informed about their process. 

Cons: On the last page “Preliminary Questions”, there are 18 questions. Although it says 18 questions at beginning, questions do not have numbers labelled and no status bar to show the process. 

Examples:

 
 

 

2. Match between system and the real world:

The system should speak the user's language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order. 

Comments:

Pros: The system speaks user’s language and makes information appear in a natural and logical order. 

 

3. User control and freedom:

Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.

Comments:

Pros: Most pages have emergency exits.

Cons: During the application process and on some pages, it is hard to go back even using browser’s “back”button. 

Examples:

 
 

 

4. Consistency and standards:

Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.

Comments:

Pros: The system uses consistent standards in general.

Cons: Jobs.adp.com is slightly inconsistent with application system, in terms of design style.

Examples:

 
 

 

5. Error prevention:

Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.

Comments:

Pros: The system has some preventions of errors. For example, a window will pop-up when some application materials are missing. 

Cons: Buttons need to be more clear about their functions to prevent errors from happening. 

 

6. Recognition rather than recall:

Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.

Comments:

Pros: Once logged in, the system does not required too much of memory from users. Notifications will remind users to complete their unfinished applications. 

Cons: On “jobs.adp.com” page, where Google leads me to when I search “ADP careers”, I cannot find the login button to review my application status. The only way I managed to see my account is to search a job in the search bar, select a job and click “Apply”, even though I do not plan to apply for that position. 

Examples:

 
 

 

7. Flexibility and efficiency of use:

Accelerators—unseen by the novice user—may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

Comments:

Pros: Overall, the system is flexible to use. 

Cons: Some functions like “edit profile” may be used more frequently than “working with ADP” on the side menu. 

Examples:

 
 

 

8. Aesthetic and minimalist design:

Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.

Comments:

Pros: The system is aesthetically appealing.

Cons: ADP logo on jobs.adp.com is pixeled and no slogan underneath, which influence the sense of branding.  

 

9. Help users recognize, diagnose, and recover from errors:

Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

Comments:

Pros: Error messages are expressed in plain languages, not error codes.  

 

10. Help and documentation:

Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.

Comments:

Pros: The system does not require documentation to use. 

 

Redesign Mockups

 

Original Website

                                          

                                         

Redesign

 

Design Rational: 

This page has two major functions: to help users to find positions they want to apply and to promote ADP. So I moved "Search by category" and "Search by location" up to help users search positions more efficiently. Also, I added some images, which were found on ADP Glassdoor page, to promote ADP in case users do not have the time to watch the video. Enlarging Linkedin icon can encourage users to connect their Linkedin accounts. Since "Recent Jobs" is not a clickable button and it only shows top three newest positions neither by location nor by category, it would not be help for users. In this way, I removed that section to save more space and keep the page clean. 

 
 

Original Website

Redesign

 

Design Rational: 

Since there are only eight items in "Category" and six items in "Country", I kept the scroll menu. In general, filters are always on the left, so I switch the position of filter and results found.  Replacing the social media icons with line drawing icons would help the website to be more consistent and minimalist. 

 
 

Original Website

Redesign

 

Design Rational:

Keeping social media icons on the bottom to encourage users stay connected. 

 

Original Website

Redesign

 

Design Rational:

Since on the original website, "Check Your Application Status" linked to the same page, which makes it redundant, I removed that button. Also, "Search Jobs" is not on the same functional levels as "Forget Password", and it actually allows users to search jobs as a guest. However, it is not clear indicated. So I highlighted "Search Jobs" and added "as a guest" to make its function clear.   

 
 

Original Website

Redesign

 

Design Rational:

The menu bar on the left side is misleading, especially the arrows. It seems like a primary menu bar, and content will show up on the right side. However, it will not change the main content and only a window will pop-up. So I move some major functions to the header section and combine some functions. Having social media icons can eliminate the action of clicking "Follow Us", which improves efficiency. 

Furthermore, adding a status bar would help users to understand their status quickly without reading the text below.