nick

brosas

design

nick

brosas

design

UX Designer
at SCCA

UX Designer
at SCCA

UX Designer
at SCCA

I was the sole UX Designer on the Digital Health team that worked with the Pharmacokinetics (PK from here on out) Lab.

The contract for this project was set for 2 months. For this short term project, our goal was to redesign a patients dashboard that PK Labs uses to track patient data, track the user's progress throughout the day, and have a visualization for specialized instrument output.

SCCA Final 1: View of main dashboard
SCCA Final 1: View of main dashboard
SCCA Final 1: View of main dashboard

How I accomplished my tasks

These processes

Using these tools

How I accomplished my tasks

These processes

Using these tools

How I accomplished my tasks

These processes

Using these tools

User Flows

Card Sorts

User Personas

Information Architecture

Sketches

Wireframes

Prototypes

Usability Testing

Technial Documentation

Whiteboard

Paper, Pen, and Sketchbook

Sketch (app)

Protopie

Confluence

Project Goals

Understanding the needs of the PK team

The dashboard is used by the PK team at SCCA on a daily basis. While the PK team does their lab work, they refer to the dashboard as a reference to the patient info, as well as knowing what process step they are currently in. The main users needed a dashboard that had a more readable and usable way to display the patient data, as well as an easier way to view the process steps. Besides the initial view, the users needed a better way to edit the data and choose the process step the user was in.
Along with the dashboard, the users needed the ability to track result from the output of specialized instruments that process patient blood samples. The results need to do be within a limit to confirm that the instruments were running correctly. As well, the users used the results in data entry as one of their process steps, and would need an easy way to have that data transferred.

SCCA User Flow
SCCA User Flow
SCCA User Flow

User flow of lab workers entering data

Ideation Phase

Sketches and wireframes

The dashboard is used by the PK team at SCCA on a daily basis. While the PK does their lab work, they refer to the dashboard as a reference to the patient info, as well as knowing what process step they are currently in. The main users needed a dashboard that had a more readable and usable way to display the patient data, as well as an easier way to view the process steps. Besides the initial view, the users needed a better way to edit the data and choose the process step the user was in.
Along with the dashboard, the users needed the ability to track result from the output of specialized instruments that process patient blood samples. The results need to do be within a limit to confirm that the instruments were running correctly. As well, the users used the results in data entry as one of their process steps, and would need an easy way to have that data transferred.

SCCA Ideation 1: Sketch on Paper
SCCA Ideation 1: Sketch on Paper
SCCA Ideation 1: Sketch on Paper

Early ideation sketches

SCCA Ideation 2: Low Fideltity table ideas
SCCA Ideation 2: Low Fideltity table ideas
SCCA Ideation 2: Low Fideltity table ideas

Early low fidelity ideation

SCCA Ideation 3: Sketches of Card Ideas
SCCA Ideation 3: Sketches of Card Ideas
SCCA Ideation 3: Sketches of Card Ideas

Sketching out ideation of cards

SCCA Ideation 4: Low fidelity expanded views
SCCA Ideation 4: Low fidelity expanded views
SCCA Ideation 4: Low fidelity expanded views

Low-fidelity wireframes of different views of the dashboard

SCCA Ideation 5: Different versions of low fidelity table ideas with notes from A/B test
SCCA Ideation 5: Different versions of low fidelity table ideas with notes from A/B test
SCCA Ideation 5: Different versions of low fidelity table ideas with notes from A/B test

Marking design feedback from A/B Testing

SCCA Ideation 6: Full page takign form with low fidelity tables
SCCA Ideation 6: Full page takign form with low fidelity tables
SCCA Ideation 6: Full page takign form with low fidelity tables

Starting to fully form designs from multiple rounds of iterating

SCCA Ideation 7: Second iteration of full page idea with numbered steps
SCCA Ideation 7: Second iteration of full page idea with numbered steps
SCCA Ideation 7: Second iteration of full page idea with numbered steps

Starting to add more features: numbered steps

Final Wireframes

Ready for hand-off…

After some rapid prototyping to make sure all interactions worked, and some final meetings with the teams, I started finalizing the visual design of the wireframes. This involved making sure all assets met the standards of SCCA's internal style guide. I also made a working prototype for future testing, but mostly to have a better way to show some of the interaction design. We had some more meetings and presentations with the teams to confirm all requirements were set and also to give me a chance to show my analysis and findings. I made some final iterations before my contract for the project was up. I made sure to give ample documentation and examples of interaction design from my prototypes. I also left the team with likely spots to look for issues in future usability testing with more full fledged usability tests.

SCCA Final 1: View of main dashboard
SCCA Final 1: View of main dashboard
SCCA Final 1: View of main dashboard

Starting fidelity wireframes: adding color from SCCA style guide

SCCA Final 2:  Expanded view of main dashboard
SCCA Final 2:  Expanded view of main dashboard
SCCA Final 2:  Expanded view of main dashboard

Creating more complex interactions with higher fidelity

SCCA Final 3: Higher Fidelity view of dashboard with color
SCCA Final 3: Higher Fidelity view of dashboard with color
SCCA Final 3: Higher Fidelity view of dashboard with color

Making sure all interaction steps are accounted for

SCCA Final 4: First view of in-lab screen
SCCA Final 4: First view of in-lab screen
SCCA Final 4: First view of in-lab screen

Lab facing dashboard view

© Nick Brosas Design 2023

I don't really know what to put in a footer for a portfolio

© Nick Brosas Design 2023

I don't really know what to put in a footer for a portfolio