Rich UX

without blowing
hardware costs
Do More with Less.
Ultimate Performance. Tiny Footprint.

Aurindam Jana
Product Director
 The User eXperience Challenge

› Capacitive touch user interfaces are being adopted in markets such

as consumer products, home appliances and industrial equipment,

› Fluid and Intuitive User Interface on a touchscreen is now a basic

end-user expectation,

› How to provide a smartphone like UX in lower-margin products

such as thermostats, kitchen cooktops, industrial control panels?

PHOTO BY NATHAN DUMLAO ON UNSPLASH

SOURCE: FUTURAE TECH

UX/UI Trends on Embedded Devices

Moving towards mixed interaction

Advanced personalization

UX/UI simplification and optimization

Animations and transitions

3D (or 3D like) models

4 20 May 2021 © The Qt Company

Factors affecting UX development

Software
Human Maintenance /
Hardware Development
Resources Reuse
Tools

• Processor • License Costs • Team size • Software maintenance

• Memory (volatile / non-volatile) • Productivity • Availability of skilled people for • Re-use of existing software
• Peripherals hire • Re-use of team

5 20 May 2021 © The Qt Company

 MCU, MPU, SIP AND SOM

Choosing the ‘right’ hardware

› The choice of embedded processors have broadened due to

increased adoption of IoT devices in all industries

› Emergence of 32-bit microcontrollers (MCU) with increased

memory and graphics capabilities have blurred the traditional
boundaries between MCUs and microprocessors (MPUs)

› Further options such as System-in-Package (SIP) and System-on-

Module (SOM) may need to be considered
SOURCE: HTTPS://CIRCUITCELLAR.COM/RESEARCH-DESIGN-HUB/THE-MPU-VS-MCU-DECISION/

Ranking various parameters

Parameter MCU MPU

Operating System RTOS OS / RTOS

Integration ++++ +

Power Consumption ++++ ++

Time to Market ++++ ++

Ease of Development
++++ +
effort/complexity

Performance + +++

Memory Choices + ++++

2.84mm x 2.84mm 10mm x 10mm

Packaging example
WLCSP BGA

7 20 May 2021 © The Qt Company

QT

Graphics solutions for embedded devices

QML Qt C++ Logic

backend

QML C/C++ Logic

backend

8 20/05/2021 Deliver rich graphical UX without blowing your hardware costs - The Qt Company - www.qt.io - aurindam.jana@qt.io
 Low-end Qt for MCUs Qt for Application Development
Companion app
SINGLE CODEBASE

Cross product-line
development
Retain a unified look & feel for your pixel-perfect UIs MCU with or without 2D graphics

across an entire range of products, using the same core

technology, and without increasing TTM or TCO. Mid-range Qt for MCUs (or Qt for Device Creation)

High-end MCU or low-end MPU with limited 2D graphics

High-end Qt for Device Creation

9 20 May, 2021

MPU with OpenGL ES 2.0 or similar graphics

Lower hardware requirements

Qt for MCUs
Ultimate Performance. Tiny Footprint.

› delivers high graphics performance using

available 2D graphics accelerators,

› ~80KB of memory, allowing the rest for

application usage

› supports dynamic, fully scalable fonts, no

need to sacrifice text quality and consumes
~20KB of memory

10 20 May 2021 © The Qt Company

Better productive tools

Design Develop

Visual Designer Interaction Designer Developer

Design and implement pixel- Integrate up-to-date designs

perfect UIs immediately and focus on back-end and
usable for developers application logic development

Validate designs Test

Prototype Deploy

Deploy
 https://www.qt.io/microcontrollers-nxp
https://www.qt.io/microcontrollers-st
Demo time https://www.qt.io/microcontrollers-renesas

Example use-cases
• Consumer
• Smart home
• Home appliances
• Kitchen appliances
• Smartwatch

• Automotive
• Cars
• Motorcycles, e-Scooters
• Bike computers

• Others
• Industrial panels
• Measuring Instruments
• Medical devices
Register for the upcoming trainings

Link
https://marketplace.qt.io
/collections/qt-training

Discount code:
mcusareqt2021

100% off $350 Early

bird pricing, $400
regular

13 20 May 2021 © The Qt Company

› www.qt.io/download
› https://resources.qt.io/qt-mcus
› https://doc.qt.io/QtForMCUs/index.htm
14
› https://resources.qt.io/qt-mcus/minimizing-risks-when-building-
an-instrument-cluster-hmi-on-demand-webinar-2
› https://resources.qt.io/qt-mcus/from-mcu-to-mpu-targeting-
multiple-devices-in-your-embedded-project-2
› https://resources.qt.io/qt-mcus/creating-dynamic-uis-with-qt-
design-studio-and-photoshop-on-mcus-on-demand-webinar
Q&A!