← All work

Pressotherapy display · Medical device

I-Tech

One compact touch screen for a pressotherapy device that patients and practitioners can use without help.

Role
UX/UI Designer
Client
I-Tech Medical Division · I.A.C.E.R.
Platform
Touch display 480 × 320 · Medical device
Team
Engineers, developers

At a glance

  • +32%patients using the device correctly
  • −35%setup time, from about 6 minutes
  • 47patients in usability tests

Challenge

A bulky unit with a dated, low-quality screen. Patients misused it, practitioners needed about 6 minutes per setup.

Approach

Usability tests with 47 patients, then one 480 × 320 display built for clinical precision and first-time use, to IEC 62366.

Result

+32% correct use by patients, setup 35% faster for practitioners.

01

The problem

Pressotherapy is a powerful recovery tool, but the previous I-Tech unit was stuck in the past: bulky hardware, a large low-quality screen and dated colours and design.

Patients at home and practitioners running several treatments at once both struggled with it, for opposite reasons.

Who uses it · two contexts, one screen

In the clinicPractitioners

Run several treatments at once and need clinical precision, fast setup and a quick read from across the room.

  • Exact pressure in mmHg
  • Six treatment programs
  • Setup in seconds
At homePatients

Often use the device alone, the first time without guidance, and need to feel they cannot get it wrong.

  • One clear action at a time
  • See what the device is doing
  • Clear warnings, plain words
47patients in usability tests
Before

A bulky unit with a large, low-quality screen and dated colours and design.

Fig. 01Two users, two contexts, one screen
02

My role

Role

UX/UI Designer

I worked embedded with engineers and developers to redesign the interface from scratch: not a cosmetic refresh, but a rethink of how people use the device.

Worked with

  • Engineers
  • Developers

What I owned

  1. 01UX/UI audit
  2. 02Usability testing
  3. 03Interaction model
  4. 04Touch UI design
  5. 05Engineering hand-off
Fig. 02Who shaped the display, and what each group needed
03

How I approached it

Research revealed two needs that had to live in one interface: precision for clinical protocols and simplicity for first-time, unsupported use. All of it on a 480 × 320 display and, as a medical device, in line with IEC 62366, the usability engineering standard.

Key decisions

  1. 01One unified screen to set, monitor and controlReplaces a fragmented hardware panel.
  2. 02The leg is the feedbackInflating chambers light up, so users see and trust what happens.
  3. 03Pressure colours mean the same thing everywhereOne colour per range, on the leg and on the bar.
  4. 04Progressive disclosure for clinical parametersPrecision for experts, calm for first-timers.
  5. 05Checked against IEC 62366Colours, contrast and warnings follow the medical usability standard.
I-TECH · WIREFLOW · DISPLAY 480 × 320WIREFLOW — Set, run, end a sessionFrom power-on to a saved session, with the pause and warning states a patient alone at home has to understandat a glance. Low-fidelity screens, drawn at the display's real 480 × 320 proportions.01Power onDEVICEBrand splash while the unitchecks both leg connectors.02Set the treatmentUSERMode, pressure and time, eachchanged with large arrows.03Session runningDEVICEThe active chamber lights up;time left always on screen.04PauseUSEREverything dims behind oneresume button, or end the session.05HistoryUSEREvery session saved: date, mode,pressure and duration.06WarningDEVICEA pop-up stops the sessionand says what to check.startpauseresumeconclude treatment · session savedPressure or cuffout of range?yes · stopno · keep runningSTATE CHANGEEach finished session is saved:mode, pressure, time, hold.PRESSURE COLOURS130 mmHg180 mmHg> 180 mmHgSame colours on the leg and on the bar.LEGENDUSER — patient or practitionerDEVICE — automatic stateSafety stopDecision pointDEVICETouch display 480 × 320 px on the control unit · two leg connectors · physical power button.SYSTEM EVENTSConnectors checked → program loaded → chambers inflate in sequence → limits watched → session saved.
Fig. 03Wireflow: power on, set, run, pause, history and the safety warning

Six programs, one visual language

Pressure130 mmHg180 mmHg> 180 mmHg
Sequential program: which chambers inflate
Sequential
Squeeze program: which chambers inflate
Squeeze
Flush program: which chambers inflate
Flush
Flow program: which chambers inflate
Flow
Release program: which chambers inflate
Release
Wave program: which chambers inflate
Wave

Each program is drawn on the leg itself: the chambers that inflate take the colour of their pressure level, so the screen shows what the cuff is doing.

Fig. 04Six programs, drawn on the leg with their pressure colours
12345
  1. 1Six programs in one card; the dots show where you are
  2. 2Pressure in mmHg, the clinical unit
  3. 3Session length
  4. 4Hold time between cycles
  5. 5Start, the only dark button on screen
Fig. 05Setup: everything on one screen
12345
  1. 1The chamber inflating right now lights up on the leg
  2. 2Pressure bar in the colour of its level
  3. 3Time left, always on screen
  4. 4Which phase of the cycle is running
  5. 5One large pause, reachable without looking
Fig. 06Session running: what the device is doing, at a glance
04

What I built

A compact unit where the cuffs, the on-screen controls and the visual feedback work as one medical-tech product.

  • Six treatment programs
  • Pressure in mmHg
  • Live chamber feedback
  • Pause and resume
  • Safety warnings
  • Session history
Set the treatment
01Set the treatment
Adjust pressure
02Adjust pressure
Session starts
03Session starts
Session running
04Session running
History
05History
Session complete
06Session complete
Fig. 07Hi-fi screens on the 480 × 320 display
The interface on the control unit
Fig. 08The interface on the control unit

Type · Poppins · sizes at 1x on the 480 × 320 display

TitleSEQUENTIALRegular 400 · 26 px · caps
SubtitleTREATMENT COMPLETERegular 400 · 21 px · caps
Timer00:22:36Regular 400 · 24 px · tabular
Highlight130 mmHg · 30 minMedium 500 · 17 px
ParagraphCheck that both boots are connected.Regular 400 · 13 px
LabelPRESSIONE · TEMPORegular 400 · 11 px · caps · teal
ButtonFINERegular 400 · 20 px · caps
AlarmWARNINGSemibold 600 · 16 px · caps

Color

White#FFFFFFDeep#003434Teal#00957ASignal#00E3BA

Pressure levels

130 mmHg#00E034180 mmHg#009020> 180 mmHg#013435

Alarms · IEC 62366 use-error controls

Error#C62828 · white text 5.6:1

Stops the session

Warning#F9A800 · black text 9.6:1

Pauses, asks to check

Info#003434 · white text 13.6:1

Tells, never blocks

  • Never colour alone: every alarm pairs an icon, a word and a colour
  • Warning triangle after ISO 7010 W001, read the same way everywhere
  • Text contrast at least 4.5:1 on the display
  • One explicit action to dismiss, so nothing is acknowledged by accident
I-Tech Medical Division logo, colourI-Tech Medical Division logo, blackI-Tech Medical Division logo, outline
Fig. 09Design system: type scale with weights, colour, pressure levels and IEC 62366 alarm states
05

The result

  • +32%patients using the device correctly
  • −35%setup time, from about 6 minutes
  • 47patients in usability tests

In usability tests with 47 patients, correct use, from connecting the boots to choosing and handling the treatment, rose by 32% against the previous unit. Practitioners set up a session 35% faster, from about 6 minutes to under 4, so clinics fit more treatments per day on the same hardware.

Usability tests · previous I-Tech unit vs the redesign

Patients using the device correctly

From connecting the boots to choosing and handling the treatment

Previous
Redesign+32%

Setup time per session, practitioners

From power-on to a treatment running

Previous≈ 6 min
Redesign≈ 3.9 min−35%
Who

47 patients for correct use; practitioners for setup time.

Compared with

The previous unit: bigger hardware and screen, low-quality display, dated colours and design.

Standard

Designed and checked against IEC 62366, usability engineering for medical devices.

Fig. 10Correct use and setup time, previous unit vs the redesign

Contact

Let's build something people use and businesses need.