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

User Flows

User Flows

Card Sorts

Card Sorts

User Personas

User Personas

Information Architecture

Information Architecture

Sketches

Sketches

Wireframes

Wireframes

Prototypes

Prototypes

Usability Testing

Usability Testing

Technial Documentation

Technial Documentation

Whiteboard

Whiteboard

Paper, Pen, and Sketchbook

Paper, Pen, and Sketchbook

Sketch (app)

Sketch (app)

Protopie

Protopie

Confluence

Confluence

Project Goals

Understanding the needs of the PK team

  • The dashboard is used by the PK team at SCCA on a daily basis. The main users needed a way to view and edit patient sample data, as well as an easier way to view the progress steps.


  • I believed I could improve the ability of the user to view, edit, and track patient sample data by redesigning the dashboard with better inputs, and creating a new workflow patient progress steps.

User flow of lab workers entering data

Ideation Phase

Sketches and wireframes

  • PK team at SCCA uses the dashboard daily for lab work reference and to track process steps.

  • Users required a more readable and usable display of patient data and an easier process step overview.

  • Users needed improved data editing capabilities and simplified selection of process steps, along with tracking and confirming instrument output within specified limits for data entry.

Early ideation sketches

Early low fidelity ideation

Sketching out ideation of cards

Low-fidelity wireframes of different views of the dashboard

Marking design feedback from A/B Testing

Starting to fully form designs from multiple rounds of iterating

Starting to add more features: numbered steps

Ready for hand-off

Final high-def wireframes

  • Conducted rapid prototyping and finalized wireframe visual design.

  • Ensured assets met SCCA's style guide standards.

  • Created a working prototype for interaction design demonstration

  • Provided thorough documentation and examples for future usability testing.

Starting fidelity wireframes: adding color from SCCA style guide

Creating more complex interactions with higher fidelity

Making sure all interaction steps are accounted for

Color coded data entry

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