Ux Engineer

Derrick Rea

Case Study (Dashboard)


Dashboard design

Goal of this project was to enhance the UI of the dashboard. Current state of the UI was not meeting the expectations of the end users and no UX "principles" or "best practices" were taking in consideration in the development process.

  • Lead on UI and UX

  • Tools: Figma, Miro
  • Car


Empathize

EMPATHIZE (Objective)

During the discovery phase I began to familiarize myself with the users or in this case the potential clients that would purchase the software and customize it to their needs. This included sitting in on demo meetings and gathering feedback from users who sat through demo's or purchased the actual software.

Web Image

Current State



The Problem

After reviewing notes from previous demo's and speaking with stakeholders the main problem to be solved was to display the data in a clear and approachable way. By understanding who the audience is we can design the UI to answer there direct needs.

  • 1st Observation

  • A specific goal has not been decided. How will the user use the dashboard? How will they use the dashboard to complete their daily tasks?
  • What exactly needs to be measured? Who will measure it? What data points are the most important?
  • 2nd Observation

  • This product or software is being developed and designed to be sold to several different companies/audiences doing the same type of work but in many different ways. This tool may need to have a customization option for different type of work flows or task.
Web Image


Define

DEFINE

After gathering information from research and discussing business requirements with the client. I can begin my task flows and wire-framing

This task flow will help me understand the current task flow and where the areas of opportunities are.

Display it in full size:

Task Flow
×
Task Flow
Web Image


Ideate

IDEATE


Design

After gathering information in the discovery phase I can now begin to work on some "screens" or mock-ups.

Display it in full size:

Current state

×

Display it in full size:

Variant 1

×



Web Image


Prototype

PROTOTYPE


Solution

We put the the variants/prototypes in front of stake-holders and Product Managers to gauge if we have solved the problems of the users and/or met the requirements

Display it in full size:

×

Display it in full size:

×


Test

TEST


Validate and Implement (Preference Testing)

Display it in full size:

×

Display it in full size:

×

TAKE AWAYS / WHAT I LEARNED


Take Aways.

  • I was able to use my skills to meet my clients needs

  • Time constraints kept us from:
  • Doing more interviews with end users
  • Implementing an SEO strategy to measure new visits and impact of the new development.

What I learned.

Working on this project I was reminded how important research is yet again. Understanding the business goals a little clearer.In that discovery phase asking ALL the questions I have no matter how irrelevant it may seem.