Graham Slick

Every project UX, Design

BD Biosciences

Product design for CBA, BD Biosciences’ Cytometric Bead Array software for flow cytometry, at EyeCue Lab.

When
2020–2022
Role
Product design: UX, UI, the app icon and installer
At
EyeCue Lab

At EyeCue Lab, Graham designed CBA, BD Biosciences’ desktop software for analyzing Cytometric Bead Array experiments in flow cytometry. It turns a set of standard and sample files into results in six steps, laid out as tabs across the top of the window.

First come the files: the standards, with their concentrations, and the samples, dragged between the two lists. Then a bead kit, chosen from BD’s catalog or built as a template of analytes. Then the bead population, gated on a scatter plot, and each bead, gated on a histogram and matched to its analyte. Then the standards, fitted with a regression, and last the reports, by analyte, sample or replicate, ready to export. He also designed the screens around them, from sign-in and a start screen of recent experiments to alerts, errors and toasts.

For the app itself he made the icon, a bead ringed with antibodies in BD’s template for product icons, as well as the splash screen and the installer window, marked © 2021 BD and EyeCue Lab.

Roles UX design · UI design · Icon design

Step 1, Choose Samples and Standards: eight standard files with concentrations from 20 to 5000 pg/ml beside the sample files, one file being dragged into the list
Step 1: the files
Step 2, Select Bead Kit: a searchable table of BD CBA kits, such as Human Soluble Protein and Mouse Th1/Th2 Cytokine Kit, with model, type, number of analytes and buttons to view, edit or remove
Step 2: the bead kit
Step 3, Define Population: a colorful scatter plot of APC against side scatter, with gates drawn around the bead clusters (beads 7.32%), gating tools below and lists of standards and samples
Step 3: the bead population
Step 4, Gating Your Beads: a histogram with seven colored gates, one per bead, beside a list matching each bead ID to an analyte, such as Human TNF and Human IL-10, with Auto Gate and Apply Gates to All buttons
Step 4: gating each bead
Step 5, Standards: a regression curve of signal against concentration for Cytokine 1, the regression type (five-parameter logistic) with its fitted values, and nine standard files with their concentrations
Step 5: the standards’ regression
Step 6, Your Reports: results per analyte, with a bar chart of concentration by sample, a regression curve, a table of results and an Export Results button
Step 6: the reports
The Create New Template dialog over the bead kit step: a copy of a 54-bead Human Soluble Protein kit being edited, with debris, cluster and reporter dimensions and a list of analytes with their bead IDs
Building a kit template
The splash screen: a white line drawing of a bead ringed with antibodies on charcoal gray, with BD® Cytometric Bead Array (CBA) Analysis Tool and the BD logo
The splash screen
The app icon: a white bead ringed with antibodies on BD blue with white stripes, above the BD logo on light gray
The app icon
The installer window for BD CBA Analysis Suite, version 0.9.5, on a blue background: the app icon beside the Applications folder, to drag it in
The installer