Medical Interface Design for Embedded World 2025

info-stack

My Role in the Team

01

Research

Empathize:

Understand their audience as a user personas, observe who they interact with the product.

Definition:

Identify their different pain points and synthesise in a main problem statement. Then decide what issues are we able to solve with in the project scope.

02

UI Design

Ideate:

Start looking for solutions for problems by sketching, finding inspiration and identifying design patterns.

Prototype:

From wireframes to high fidelity prototypes we started to decide one final solution to present to the client.

03

Hand-off

Collaboration with developers:

We actively collaborated to prioritize functionalities and determine implementation strategies. Consistent communication was vital from ideation onward, given the strict hardware constraints (C++ embedded device)

Discovery

Business Goals

The Business Developer interviewed the client and found that Embedded devices often suffer from unattractive UIs, but LVGL shows that great interfaces are possible on limited hardware.

Toradex asked LVGL for a demo highlighting advanced embedded UI design to impress medical device manufacturers. They also believe familiar UIs increase user comfort and effectiveness.

image 6

Gábor Kiss-Vámosi (LVGL’s CEO) explaining our Medical Demo at the Embedded World 2025 trade Fair in Nuremberg.

KEY INSIGHT

We need to keep clinicians in mind, but our real users will be
a med-tech expert walking busy in a trade fair.

Empathy

Given the reduced time and economic resources for this project, I decided to start the research using AI for a fast information gathering.

After providing the whole context to the AI, I’ve asked for a research plan trying to challenge the stakeholder assumptions

empathy

Icon created by kakhim

USER-PAIN-POINTS

Doctor Pain Points

The research covered many different aspects, but guided by my intuition, I decided to focus on the issues our product is best positioned to address.

  • Alarm fatigue (70-94% false alarms)
  • Data overload (over 70% of clinicians affected)
  • Visibility problem with the screen.
  • High Learning Curve.

Shadowing users on Youtube Videos

What I discovered:

  • Doctors constantly hunt for basic functions buried in complex menus
  • Mode switching varies wildly between devices (dropdowns, physical buttons, keyboard shortcuts)
  • Most interfaces feel like 1990s software compared to smartphones
Improved Video Embed

Identified Pain Points

We selected these pain points from our research, focusing on three that could be quickly solved using our client’s hardware and the LVGL graphics library for fast, interactive refreshes.

03

Data Overload

ICU monitors generate vast, continuous data streams that can overwhelm clinicians, causing cognitive strain and increasing the risk of errors.

02

Alarm Fatigue

ICU monitors generate vast, continuous data streams that can overwhelm clinicians, causing cognitive strain and increasing the risk of errors.

01

Low Visibility

Clinical environments present unique display challenges, as varying lighting conditions from bright surgical lights to dimmed patient rooms

Definition

PROBLEM STATEMENT

A frontline clinician is a time-pressured healthcare professional who needs to quickly identify critical patient status changes in a clear and direct way because, otherwise alarm fatigue, data overload, and poor screen visibility can drain his decision-making capabilities.

ecg-mockup-completed 1

What Can We Offer?
Why Users Should Care?

We selected these pain points from our research, focusing on three that could be quickly solved using our client’s hardware and the LVGL graphics library for fast, interactive refreshes.

A HUGE Graphic Library OF COMPONENTS,
BUT WHICH ONE COULD RELIEVE PAIN POINTS?

LVGL is a graphics library, written in C, that lets developers create embedded GUIs using a comprehensive set of UI elements. While the UI elements by themselves don’t resolve any problems, the way we combine them allows us to meet critical user needs effectively.

totadex-board

How does this piece of technology solves Medical CHALLENGES?

The same goes for touchscreen performance. It’s not easy for such a constrained device to respond to touch input as smoothly as an iPad tablet would. This enabled us to play smooth transitions without having to display all the information on a single, static screen.

Ideation

4

Data Overload

Progressive Disclosure

Instead of showing all possibilities and options, reduce the number of buttons and menus, making them conditional. 

5

Alarm Fatigue

Selective Warnings

Instead of having general red alerts, why don't we use selective per-component alerts? Perhaps it's not a critical fault, but a dedicated parameter-specific alert that isolates the critical issue without overwhelming the interface.

6

Low Visibility

Adaptive color scheme

Instead of having a single static screen scheme, we could implement context-aware dark and light modes that adapt to clinical lighting conditions

Prototyping:
Solution Development

Presenting Data Through Progressive Disclosure

Here you can see a good example: the green button for recording the 12 leads appears only when necessary, specifically when the user selects the 12-lead screen. We tried to position the minimum amount of information, but in the boldest way possible. 

It must be noted that, as this project was a demo, we didn't want to implement every single ECG functionality, as doing so would have been extremely time-consuming and would have had little impact in our trade fair context.

other-ecgs

Here is another real ECG, so you can see how overcrowded those screens can be. 

Selective Warnings
vs Alarm Fatigue

Instead of overwhelming users with multiple simultaneous alarms, our system implemented a focused hierarchy approach.

#12-leads- Ful HD Touch – 1280×800

Single-Focus Alert System:
When any alarm triggers, ALL other waveform elements automatically switch to "disabled mode" (muted, lower contrast colors). 

Only ONE critical parameter displays in "alarm state" at a time. This ensures clinical staff can "immediately focus on the critical point" without visual chaos.

Example of a conventional alarm sign.

Dark & Light Mode

Something that can feel almost supernatural on our smartphones or computers—the ability to switch between dark and light mode—could become revolutionary in the embedded world. Because of the nature of C code, it often feels less manageable and harder to scale. That’s why LVGL initiated an approach to bridge the gap between modern design practices and embedded devices. They achieved this by adopting an XML-based solution, which translates directly into C code. XML closely resembles HTML, the foundation of many contemporary design tools like Figma.

Making Learning Curve Easier

Patient Data Introduction:
New clinicians struggled with complex medical interfaces, so we implemented Apple-style keyboards and smartphone-like interactions for patient data entry, enabling immediate operation through existing muscle memory rather than device-specific training.

Electrode placements:
One challenge was that new clinicians often struggled to remember proper electrode placement for ECG measurements. Therefore, providing the ability to store and display the appropriate tutorial video directly on the monitor could be a key advantage of LVGL, as this is a relatively uncommon technical achievement.

Design Challenges 
& Alternative Concepts

Complex embedded medical interface design required systematic constraint navigation through iterative testing and technical validation.

White Canvas Paralysis Solution: 

Used v0.dev AI prototyping to rapidly generate foundational wireframes with core components, then transferred HTML artifacts to Figma using plugins to accelerate initial concept development.

ai-wireframe

Here, you can see an AI-generated wireframe that I've created as a starting point.

Ergonomic Validation

ergonomic-checking

Physical 10-inch device testing revealed critical minimum touch target requirements that couldn't be determined through desktop design alone, forcing multiple interface scale adjustments.

egonomic-1

I wanted to use Figma with this mock-up I created of my own hand holding the 10-inch ECG monitor, so I always have an idea of the dimensions of the UI elements.

Rejected Version - The Laser Effect

Rejected visually appealing concepts like the "shiny dot effect" waveform animation because Figma's background blur and blending modes couldn't translate to C code implementation within embedded system limitations.

Developer Handoff Optimization

DOCU-DEVS

Rejected visually appealing concepts like the "shiny dot effect" waveform animation because Figma's background blur and blending modes couldn't translate to C code implementation within embedded system limitations.

color-system

Explanation of the components, structures, and color Variables

Impact

The ECG demo was successfully deployed at Embedded World 2025, running on Toradex's Verdin AM62 hardware as planned. The interface demonstrated medical-grade authenticity that resonated with industry professionals, generating productive discussions with medical technology specialists about embedded system capabilities for healthcare applications.

+1 Ready

Contributed to LVGL's ready-made demo ecosystem, with ECG interface demonstrating professional medical UI capabilities within embedded constraints.

4Weeks 

Streamlined Developer Implementation Through Systematic Design Architecture. "The token structure made immediate sense" - Liam Howart, Embedded Systems Developer

Screenshot 2025-09-18 at 12.18.06

Client Advocacy

The strongest project impact came when Daniel Lang (Toradex partner) independently promoted our ECG demo on LinkedIn, featuring it as proof of LVGL + Torizon capabilities to his professional network. When clients voluntarily stake their reputation on your work, it validates that the design exceeded technical requirements and achieved genuine business value.

Takeaways

01

Domain Expertise

Because of this project, I realized how overwhelming it can feel to deep dive into a new domain, so it’s essential to stick to the design thinking methodology to avoid Analysis paralysis.

02

Technical Constrains & Ergonomy

Designing for NON-Standard screens move you out from your confort zone. The Embedded screen don’t have same pixel density as mobile or computer screens. So in order to calculate ERGONOMIC confortable size, you need to leverage your expertise and intuition. Don't trust web-based measures because those do not correlate same sices in real world. You need to start on finger sizes rather than than in pixels. 

takeaways
03

The Sweet Spot

 This project taught me the importance of choosing what truly matters. With thousands of possible LVGL graphics for the UI, countless existing solutions from other ECG monitors, and many identified user needs, I decided to concentrate on refining the current GUIs. However, I also aimed to innovate by addressing user requirements that had not been previously met.

svg-image

For more visual design jobs 
request my private portfolio.

INFO@SAMUELGARIJO.COM

or

Book a free consultation ⇩

If you don't see the calendar, refresh the page.

Services

Web design and dev.
UI/UX Design
Marketing Production

Consultation

Trusted By

Ralph Lauren
Facebook
Doordash
LVGL

Follow Me