SAP Fieldglass homepage widget overview

SAP Fieldglass Homepage

Overview

SAP Fieldglass helps companies find, engage, and manage external workers and services providers. The current homepage wasn't designed with hiring managers as the primary users, so it didn't match their work — how could we help hiring managers work more efficiently on the Fieldglass homepage?

I redesigned a homepage widget to improve hiring manager working efficiency at SAP Fieldglass.

My role
UX Design
UI Design
Team
1 x design manager
2 x UX designer
1 x data scientist
Timeline
2022.07 – 2022.08

Narrow down scope

Redesigning the homepage includes a large scope and many features.

Based on data analysis of homepage widget usage frequency, I collaborated with my design manager and my mentor to define phase 1's scope.

Homepage widget mockup used to scope phase 1
Frequency ranking of homepage widget usage

Research

Since this was my first internship project, we were unsure of the specific problem to address at the start. To handle that ambiguity, the first step was to understand the users, the product, and the design system.

User goals

I learned about the user from a user persona created by other designers in the past.

User persona — Steven, hiring manager
User goals: quickly find worker data and easily approve worker sheets

User problems

I conducted a heuristic evaluation and studied the previous survey about the homepage to familiarize myself with the Fieldglass system and identify user issues.

Annotated heuristic evaluation of the current homepage
Design goal

Reduce user confusion and make the widget more useful

Design explorations

Based on the above information, I started the first round of exploration from the perspective of how to provide effective information.

Exploration 1

Keep the labels and add extra information for the hiring manager to know what's essential on the homepage.

Exploration 1 — tabbed My Workers widget with critical/warning/good status
Exploration 2

Remove the labels and separate the information into what the hiring manager needs to do and what they need to know.

Exploration 2 — tabbed My Contingent Works widget with task/alert status
Exploration 3

Remove the labels and separate the information into what the hiring manager needs to do and what they need to know.

Exploration 3 — tabbed My Work Items widget with task/warning status

Design critique

We conducted a design critique session with other designers to get feedback.

Critique insight — some displayed information, like worker ID, is unimportant
Critique insight — consider helping hiring managers improve job performance

Iteration

I got more ideas from critique and competitive analysis, and thought about it from a higher level:

  • How can we promote the efficiency of hiring managers managing workers?
  • What kind of data affects a hiring manager's performance?
New idea 1

Show only key information, such as worker name and pending tasks, to help hiring managers quickly make the next move.

New idea 1 — condensed My Workers card with critical count and task list
New idea 2

Remove the labels and separate the information into what the hiring manager needs to do and what they need to know.

New idea 2 — split stat and pending work items card

Final design

After another round of critique and aligning with the SAP design system, I polished the final design.

Final design — annotated homepage widget with design, accessibility, and scale callouts

Next steps

Due to the limited time of the internship, I only participated in this project up to this stage. If I can continue the work, I will:

  • 01Conduct user testing with real users to validate the design.
  • 02Work with the PM to determine data related to user job performance.
  • 03Collaborate with the data analysis team to identify success metrics, and with the dev team to ensure correct logging of data.

Learnings

I'd like to thank my leader, my mentor, and the friends I made at SAP — what a great summer!

Think beyond basic purposes
Helping users get things done faster is the most basic purpose of designing enterprise products, but designers should go ahead of users to consider how to make their work better.
Coffee chats!
Coffee chats used to scare me, but I now realize their value. To interact with as many coworkers as possible, I left my comfort zone. We had fun talking since everyone shared! I'm no longer hesitant to talk to strangers.