StandLogix (on-spec)

Admin dashboard redesign

Problem

HR administrators looking to add standing desk usage to their health and wellness program are looking for a system that allows them to track if employees are hitting their goals. Employees are anxious about employers collecting too much data about their personal health and activities.

Solution

The new admin dashboard allows the HR admins to see how often an employee is hitting their own preset goals while keeping the data tracked to a minimum. In addition, the new dashboard reworks StandLogix’s gamification system to include personal badges and pushes the employer to include incetivization for challenges.

This on-spec design was done for StandLogix, a startup focused on helping offices and employees get the most out of their standing desks. The program attaches a sensor to the standing desk which monitors when someone was present, what position the desk was in. Along with a web platform that provides HR Administrators with new capabilities that enable employers to measure, manage and gamify sustainable employee wellness initiatives for desk-bound workers.

Team:
Chris Brooks
Alex Lazear

Tools used:

Lucidchart

Sketch

Invision

Zeplin

Step 1: Research

Empathize and Define

During the research phase of the project, we conducted user interviews in order to get a better understanding of how the pilot projects were received and validate our understanding of the existing user personas. We also took a look at the competitors in the field. This included HermanMiller and personal fitness trackers like FitBit or Apple watch.

Interviews

We compiled the data we had found into an empathy map and in order to better understand the thought process of the known users before we created personas.

The Personas

Based on interviews and a quick workshop we set up three personas; two research personas (Employee and Manager) and one design persona (HR Administrator). We referred to these throughout the design process.
Post-interview analysis followed an empathy mapping and affinity diagraming uncovered a need to tie product output to traditional KPIs for employee health & wellness program providers. In addition, the design was pivoted to allow users to opt-in / opt-out of the program to help alleviate data privacy concerns.

Step 2: Ideation

Mapping and Wireframing

Once personas had been created I moved on to the ideation of the dashboard. We knew we were constrained by the lack of metrics that the system cataloged, and by technical constraints that the company had. The website and dashboard are built on Bootstrap, so we need to ensure that the design incorporated data visualization that bootstrap included, and would also be easy to develop in order to fit cost constraints.

We Started our intial ideation on whiteboards befoer moving into Sketch.

we then compiled a base level site map. Because this was a dashboard we knew that we would need to simplify the site to its base content, which is why there is only top-level navigation included.

Step 3: High-fidelity Mockups

After defining our data constraints we started designing on-spec prototype screens in Sketch. We followed a visual design that leveraged the client’s existing design system, which simplified from their sales site, to provide marketing uniformity across all his presence. Our design modules needed to be as close to out-of-the-box Bootstrap as possible due to cost and time restraints. These constraints made innovation difficult but increased the feasibility of the design for implementation.

Because this is an enterprise data dashboard, we only designed for a web experience.

In addition to bringing the desktop site through the design process, we also converted pages to responsive web design for mobile devices, with some of the time we had left.

Deliverables and Next Steps

Future progress on this project would be to improve the fidelity of the project and transfer the rest of the designs to a mobile-optimized format. During the research stage of this project our team discovered several other areas, we would also focus on to improve the UX including:

Device care and management – We heard the device stopped working, malfunctioned or was prone to errors with cheating all the challenges.
Notification connection – Users reported they were too frequent. It’s recommended to limit the notifications to daily vs. hourly.
Gamification + Incentives – The testing group “fell off” after the initial buzz of challenges wore off. Consider expanding the scope of the platform experience to provide a framework and starter set of incentives.
Integration with FitBit/Apple Watch/Android Wear – Interviewees reported an overlap with their wearable devices. Integrations between the devices limit the perception of redundancy and increase the perception of overlap.
Integration with existing health & wellness programs – Interviewees expressed a desire to have integrated experience with existing health and wellness platforms so that they would not have to manage another separate website.

In addition to creating the personas, sitemap, user flows, wireframes, and mockups, we used Zeplin to create a style guide that could be used for delivery to a development team, or for future designer usage.