The smallest screens often power the biggest moments in our daily lives. From thermostats to coffee makers, handheld tools to medical screens, embedded graphical user interfaces (GUIs) are where function becomes experience. For the past ten years, I’ve designed GUIs for devices with unique hardware limitations, always striving to balance performance, clarity, and user enjoyment. This article shares insights from my journey—spanning tools, industries, and philosophies—for designers, developers, and product managers curious about the art and science of embedded GUI design. But first, let’s look at what makes embedded interfaces different from the ones you might already know.
What is an Embedded GUI?
So, what makes embedded interfaces unique? An embedded GUI is a graphical user interface specifically designed for embedded systems—specialized devices with limited computing power, memory, and screen space, such as the touchscreen on a thermostat or a car’s infotainment system. Unlike smartphones or laptops, these single-purpose devices operate without the flexibility of a full operating system, yet must remain intuitive, responsive, and visually engaging. Whether it’s for smart home control or navigating medical equipment, the GUI becomes the user’s window into the system, requiring precision under tight constraints. To fully appreciate these requirements, it’s important to understand a critical component underpinning seamless GUIs—the Real-Time Operating System, or RTOS.
What is an RTOS?
A Real-Time Operating System (RTOS) is the invisible conductor of an embedded system, ensuring every component performs its task with precise timing. Imagine a toy robot: the RTOS synchronizes its arm movements, blinking lights, and sound effects so they work seamlessly without lag or conflict. In critical applications like medical devices, industrial automation, or automotive systems, this precision is non-negotiable—a delayed or missed signal could have serious consequences. An RTOS achieves this by scheduling tasks and managing resources within strict time constraints, guaranteeing predictable responses. As a GUI designer, I rely on the RTOS to ensure every button press delivers an immediate, fluid user experience. My passion for embedded UI design is rooted in this technical foundation, which shapes how I craft intuitive and responsive interfaces for every project.
My Journey into Embedded UI Design
With over 30 years of creative experience as an artist, art director, and graphic designer, my journey into embedded UI design has been both dynamic and rewarding. I took my first steps into the web world in 1998, learning HTML through private classes at UCSF. Driven by curiosity, I hand-coded my first project: artworldgallery.com, an ambitious 300-page website. That experience opened the door to San Francisco’s booming web industry, where I quickly became immersed in the rise of startups and the shift from static pages to interactive web applications.
In 2000, I co-founded Artenergy.com, a creative studio based in Marin County, California, where I continue to co-lead design to this day. Over the years, I’ve partnered with dozens of companies, shaping innovative digital products across industries—from software tools to smart hardware interfaces.
In 2016, I joined Express Logic—the creators of ThreadX RTOS—as a GUI designer and soon became a long-term collaborator. After Microsoft’s acquisition in 2019, I worked with the Azure RTOS team for three years, designing user interfaces, visual marketing assets, and high-fidelity interactive prototypes for embedded systems.
This embedded experience deepened my understanding of real-time operating systems, performance constraints, and how to craft beautiful, intuitive interfaces within strict hardware limits. Building on this, I continued exploring innovative approaches as I took on new projects in product design and storytelling.
Alongside my work, I created StoryBoom.co, a visual planning tool for screenwriters that started as an internal project at Artenergy. Outside of work, I find inspiration while hiking in the redwoods and practicing yoga. These activities often spark my best creative ideas.
Designing for Azure RTOS: Microsoft’s Embedded GUI Challenge
In 2020, Microsoft tasked me with designing six distinct, functional GUIs for GUIX Studio, a lightweight tool for creating embedded interfaces, now part of the Eclipse ThreadX ecosystem. These reference designs—ranging from smartwatch interfaces to medical device dashboards—served as templates for developers. The constraints were strict and shaped my design approach:
- Fit within 480x600 pixels
- Minimize memory usage
- Ensure intuitive interactions for low-skilled users
- Export assets in GUIX Studio’s PNG format
With full creative freedom, I conceptualized, designed, and prototyped all six GUIs in six months, balancing utility with visual appeal. This process reinforced the importance of a clear concept behind every interface. You can test drive UI prototypes here on the Artenergy website—click through, explore, and see how each interface responds in real time in the web-based version.
Six Azure RTOS GUIs designed for embedded and IoT systems—covering medical, automotive, consumer, hospitality, white goods, and industrial control use cases.
Concept is Everything
Every interface begins with a concept, a narrative that shapes how people perceive and interact with the device. For a smartwatch, this could mean adding a fun animation to make it enjoyable. For a medical device, it might mean using a clear layout to help prevent mistakes. Microsoft’s open brief let me explore both practical and emotional aspects of design. Creating unique interfaces takes focus and discipline, and it’s important to celebrate small wins along the way. To turn these ideas into real products, I follow a step-by-step design process from research to final delivery.
Smartwatch GUI with multi-mode navigation; Fitness, Music, and Weather—designed for intuitive swipe gestures and real-time animated visual feedback.
Design Process: From Research to Realization
My process for embedded GUIs is iterative and disciplined:
- Research: I study the product domain, competitor interfaces, and user expectations to ground the design in real-world needs.
- Define Elements: Using Illustrator, I map functional zones, experimenting with layouts until the design clicks.
- Simplify: I iteratively remove elements and combine actions to reduce cognitive load—often the hardest but most critical step.
- Finalize: With client feedback, I test variations to ensure clarity, emotional resonance, and brand alignment.
- Code: I hand-code prototypes in HTML/CSS, defining interaction rules, like a four-way swipe matrix for a smartwatch’s endless navigation, validated with W3C standards and no dependencies.
- Animate: Small animations and transitions help make UIs feel more lively. I animate SVG graphics, create sprite sheets, and build animated demos, always paying attention to how even a simple movement can make the experience better. However, while my prototypes often show the ideal animations, real embedded devices, especially those using an RTOS, usually keep animations to a minimum. This is because even basic transitions can need extra PNGs or memory, and every bit of space counts in these limited environments.
At last, I provide a password-protected page with clickable prototypes, organized PNG assets, fonts, screenshots, and documentation, ensuring a smooth handoff. With each delivery, I strive for clarity, simplicity, and usability to stand out in real-world embedded settings.
Industrial control reference GUI showcasing reliable automation and user-guided error prevention.
Real-World Embedded Projects
Beyond Microsoft, I’ve applied these principles to diverse embedded projects, each with unique challenges. Here are several examples that highlight how constraints and creativity play out in real-world scenarios:
WiSuite (Warren, MI) I designed 5-inch and 7-inch touchscreen interfaces for smart thermostats used in the hospitality industry, integrating HVAC, humidity, and temperature monitoring, motion and contact sensors, as well as real-time local weather. The UI emphasized ease of use, supporting eleven languages and a clean, intuitive layout that helps reduce in-room energy costs by over 40%, without compromising guest comfort.
Deliverables included fully clickable web prototypes, branded and multilingual interface designs, all vector graphics prepared in Adobe Illustrator, and carefully optimized PNG assets. I also provided multiple specification documents tailored to each stage of development, ensuring seamless handoff to engineering. All hardware is made in the USA, with the UI crafted in California to meet the highest standards of clarity and usability.
Takeaway: Multilingual support is critical for global markets.
A 5-inch and 7-inch thermostat interface with weather integration and a clean, multilingual layout.
COBB Tuning (Austin, TX) For the Accessport Performance Wireless Tuner, I designed the look, feel, and user flow of a touchscreen GUI tailored for automotive enthusiasts. I delivered wireframes, high-fidelity designs in Adobe Illustrator (including over 100 unique screens), and interactive prototypes built with the Embedded Wizard framework and Chora, ensuring alignment with the device’s hardware limitations.
Takeaway: Close collaboration with engineers ensures designs are both beautiful and functional.
The Accessport GUI, with boost control, data logging, and RPM monitoring—designed for performance tuning on the go.
Novanta (Bedford, MA) Designed a medical GUI for an embedded Linux LCD touchscreen 800×480 px. controller using QML and Reach Technology hardware.
From concept to execution, I created a custom interface in Adobe Illustrator, delivered a detailed specification document with element dimensions and placement, prepared EKG and Pulse animations, optimized icons, and PNG graphics. I also managed the development of a hardware demo kit, collaborating closely with embedded engineers to ensure seamless integration.
Takeaway: Visual consistency reduces errors in high-stakes settings.
Clinical screen displaying patient vitals in real time, with intuitive medication controls and a clearly organized menu
5 Key Takeaways
- Design for users, not yourself: A reliable, clear interface trumps trendy aesthetics that fail under real-world use.
- Constraints fuel creativity: Limited screen size or RAM pushes sharper, more focused design choices.
- Prototyping prevents errors: Early simulations catch issues before they become costly. I prototype everything beforehand.
- Consistency builds trust: Uniform visuals reduce errors and boost confidence, especially in healthcare and industrial applications.
- Collaboration is key: Working closely with engineers ensures designs are both beautiful and functional.
“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.”
—Antoine de Saint-Exupéry
A Final Word
Embedded systems transform how we interact with technology. When a UI, like a smartwatch responding instantly to a swipe or a medical device delivering real-time feedback, feels intuitive and alive, it transcends being just a screen—it becomes a seamless experience. My goal is to craft interfaces that inspire, blending the precision of real-time systems with elegant design to unlock technology’s full potential.
Currently, I carry this mission forward by collaborating with PX5 RTOS, an industry leader in real-time embedded operating systems. My work spans digital support, cohesive UX systems, award-nominated web management, and contributions to technical diagrams, datasheets, branding, and more, helping showcase PX5 RTOS’s innovation in performance, safety, and security.
Together, let’s push the boundaries of user experience in embedded technology.
Co-founder of Artenergy
Let’s Work Together
Ready to elevate your device’s user experience?
Explore: artenergy.com/embedded-gui-design.htm
Contact:
