top of page
60-45.jpg

Bio-Rad
TOUCHSCREEN UX

Interaction Design

Web-Based Interfaces

Prototyping & User-Flow Mapping

ABOUT THE PROJECT


THE GOAL: Engage Customers With Bio-Rad Product


THE PROBLEM: When a customer walks up to the instrument on the trade show floor, they have no idea what it can do, or how it can benefit their hospital.


THE SOLUTION: Build custom interactive display application. Each display is the gateway for Lab technicians to get a sense of what the instrument can offer their lab. It should teach customers about the Bio-Rad product sitting beside it and give them a 30,000 foot idea of product capabilities. 


MY ROLE: HARDWARE: I was in charge or sourcing configuring and setting up all the hardware on the show floor.

​

MY ROLE: SOFTWARE: For the software portion of this project, I was in charge of Design Direction, Interaction Design, User-Flow Mapping, Strategic Planning and UX Design. As this was a large project with a short timeline, development, animation and some icon creation was outsourced to other team members.

HARDWARE DESIGN

IMG_20150730_092719.jpg

DIGITAL HARDWARE

Locate large 32" touchscreen monitor to drive custom UX displays

​

Find capable computer to drive display

MANUFACTURE MONITOR STAND

Monitor weight 20 LB

​

Go to Plumbing Supply to get custom threaded 3" galvanized pipes as the main structure, and stainless pipes to look pretty for customers

 

Determine mounting hole placement and head to the machine shop to produce mounting plate to attach the monitor to the pipe

IMG_20150721_105546.jpg
Screen Shot 2020-03-01 at 12.57.46 AM.pn

QA HARDWARE WITH SOFTWARE

Ensure software starts up automatically when computer is plugged in

Touchscreen UX: Services

IDEATION AND SKETCHES

Determine Content needs
Main Features
Interaction model and Navigation

IMG_20150603_153837.jpg
IMG_20150603_154021.jpg
IMG_20170622_135831.jpg
IMG_20150603_154016.jpg
IMG_20150603_154010.jpg
IMG_20150603_153850.jpg
IMG_20150603_153917.jpg
IMG_20150603_153900.jpg
Ideation
Screen Designs

INTERACTION DESIGN SCREENS

TANGOinfinity_touchscreen.jpg
TANGOinfinity_touchscreen2.jpg
TANGOinfinity_touchscreen3.jpg
BioPlex_touchscreen.jpg
BioPlex_touchscreen3.jpg
BioPlex_touchscreen2.jpg
Touchscreen UX: Gallery
D-100_touchscreen.jpg
D-100_touchscreen2.jpg
D-100_touchscreen3.jpg
Geenius_touchscreen.jpg
Geenius_touchscreen2.jpg
Geenius_touchscreen3.jpg
Touchscreen UX: Gallery

BY THE NUMBERS

4

Products

Showcased

20

Screens Developed

18

Animated Graphics

45

Graphics Created

TRADESHOW SETUP AND CUSTOMER USE

Tradeshow
IMG_20150730_093224.jpg
IMG_20150730_092831.jpg
IMG_20150730_092733.jpg
IMG_20150730_092719.jpg
IMG_20150730_092708.jpg
IMG_20150730_092609.jpg
IMG_20150728_092625.jpg
IMG_20150730_092614.jpg

"I didn't know the BioPlex could now test for HIV. Thanks for showing me this feature; my customers will be very happy we can test for this also."

Stephanie - Satisfied Lab Technician

BioPlex-illustration.png
bottom of page