CONTEXT
Managing data on who has come into the office amidst the pandemic
Following the onset of the pandemic, there were a series of covid safe practices and guidelines that Mantel Group was now required to comply with. In response to this, the company released a mobile app for employees to book an office desk and check into the office.
The operations team was in the process of adapting to managing the data coming from the mobile app to execute vital operations.
HYPOTHESIS
An admin facing tool to monitor data = better covid management + work efficiency
We hypothesised from our current assumptions that a tool with administrative functions to support the operations team would allow them to manage covid related tasks efficiently and effectively.
RESEARCH
Understanding the operations team through initial interviews
We wanted to first understand how the operations team currently worked within the business and validate our hypothesis. Our specific objectives were to:
Understand the operations team behaviour and attitude.
Understand the current processes they have in place for covid safe practices.
Identify what type of data is required for covid safe practices and how it is managed and obtained.
![](https://framerusercontent.com/images/KzBpR08Kt6CmWPTZYvUjnjziaA.png)
Line of Enquiry
![](https://framerusercontent.com/images/5N3gV3OqPTHTKzBclmMhyQMqQc.png)
Affinity mapping
A total of 5 interviews were conducted with employees in the operations team. Our key findings validated our initial hypothesis and highlighted that the problems extended beyond covid related data to also general employee information.
It is important to have quick and easy access to data in order to respond to urgent situations in a timely manner.
The operations team do a lot of context switching because they tend to juggle multiple responsibilities and tasks.
They need data on who has booked/checked into the office, dietary requirements and contact information.
The information is not accessible to everyone and spread across multiple systems.
USER JOURNEY
A tedious and error prone manual process when responding to a positive covid case at the office
Building on the findings from the user interviews, we created a user journey to visualise what team members experience in the scenario that they require access to data. This helped us to prioritise the use case as well as identify the pain points and opportunities for the design the MVP features.
PROBLEM
The operations team are frustrated spending a prolonged amount of time attempting to access data for contact tracing as well as general employee information. They need to access reliable data from one source of truth in a streamlined manner.
…how might we give the operations team access to reliable data from one source of truth in a streamlined manner?
REQUIREMENTS
Developing the requirements for a web app that consolidates employee information and enables oversight of bookings and check-ins to the office.
We brainstormed and prioritised the following MVP features as requirements:
Overview of the status for each office location.
Table of bookings and check-ins to the office.
Data visualisation of the attendance list.
Employee directory with search & filters.
INFORMATION ARCHITECTURE
Translating the requirements into a structure users can navigate
Next, we determined the structure of the site and the key content/functionality going onto the page that would serve as a framework for our initial designs.
![](https://framerusercontent.com/images/FTlDueraSjzc3PVdW60Oh5L9s4.png?scale-down-to=2048)
Continuous feedback loop with task scenario testing & feasibility and viability checks
We continuously sought feedback from users, our product owner and developers on the prototype. This informed the design iterations and improved the user experience as we progressed from lo-fidelity to hi-fidelity.
For the user testing session, we created a discussion guide with tasks for them to execute on the prototype.
The feedback we received validated the MVP and uncovered further interactions and components that users required on the page.
2
sessions
10
participants
Hub overview (Before)
![](https://framerusercontent.com/images/6w6aPKJOHMRXuKe5uRgL4Xj3s.png)
What could be improved
Showing a live number of the capacity, book ins and check ins was not feasible for the MVP.
Hub overview (After)
![](https://framerusercontent.com/images/ctdnPNcRO4UJkmIy8Go6apfym4U.png)
New design
We used a table to accomodate for the new information we were displaying on the Hub overview.
Attendance List (Before)
![](https://framerusercontent.com/images/6w6aPKJOHMRXuKe5uRgL4Xj3s.png)
What could be improved
Information in the table: users would most likely use the contact information (email and phone number) rather than the home address.
Required function to search for someone specific.
Attendance List (After)
![](https://framerusercontent.com/images/ctdnPNcRO4UJkmIy8Go6apfym4U.png)
New design
Removed the home address and replaced it with the email address.
Added a search bar.
Added a sorting function for the "Checked in" table column to sort employees by those who have or have not checked in.
Attendance Graph (Before)
![](https://framerusercontent.com/images/6w6aPKJOHMRXuKe5uRgL4Xj3s.png)
What could be improved
Calendar picker: viewing specific time periods.
Data visualisation: more context is required.
Attendance Graph (After)
![](https://framerusercontent.com/images/ctdnPNcRO4UJkmIy8Go6apfym4U.png)
New design
Added more options in the calendar picker for the user to see the last week, month or year etc.
Added a hover state.
Included the capacity number.
Employee details (Before)
![](https://framerusercontent.com/images/6w6aPKJOHMRXuKe5uRgL4Xj3s.png)
What could be improved
Terminology used: Users did not associate the term "Contact Details" with employee information shown in the table.
Employee details (After)
![](https://framerusercontent.com/images/ctdnPNcRO4UJkmIy8Go6apfym4U.png)
New design
"Contact Details" changed to "Employee Details".
Changing the filter into 3 separate filters for ease of use and more direct access.
FINAL DESIGN
Dashboard view
An efficient way to be informed and updated on key information about the office branches.
![](https://framerusercontent.com/images/xLcjOa6S5FGwEJ01PiSLEW0PU.png?scale-down-to=2048)
Attendance list
Powerful search, sort and filter to find people for fast and accurate contact tracing.
Attendance graph
Identify trends and insights to make informed decisions and effectively manage the offices.
![](https://framerusercontent.com/images/IEr1rYXVBS7fc6Mg5TTkTDWLg.png?scale-down-to=2048)
Employee details
Important employee information all consolidated into one place.
COMPONENT LIBRARY
A snapshot of our component library
![](https://framerusercontent.com/images/54x45I2SDmBeEyNK33BD6bT58.png?scale-down-to=2048)
OUTCOME
A solution with potential to optimise processes and take the team's productivity to the next level
LEARNING
Data-driven decision making: I had originally held the assumption that pagination would be preferred over indefinite scrolling based on my desk research that suggested pagination is best suited in the instance the user is searching for specific content. However, this was proven to be wrong once we had put the 2 options through usability testing which showed indefinite scrolling was the winner.