SlideShare a Scribd company logo
1 of 21
Download to read offline
powered by
UI/UX DESIGN
Trends & Highlights
Oven UX / UI project using Qt technology
1
powered by
2
DESIGN CONTEXT AND GOALS
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
WHAT
UX/UI design trends scenario
WHERE
Home appliances, smart ovens
HOW
Exploring opportunities and challenges
of future UI balancing aesthetics and
functionality
WHEN
From 2021 to 2023 (and after)
powered by
3
UX/UI SCENARIO
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
5 TRENDS TO LOOK AT
Moving towards mixed interaction
Mixed interaction through voice and gesture
combined with visual aid and classic touch
controllers
Advanced personalization
Different from customization, make the user feel
the content has been created especially for him
UX/UI simplification and optimization
Moving to less-thinking action toward a natural
behaviour to increase user satisfaction and
accessibility
Animations and transitions
Mobile-like animated interactions: smooth and
pleasing transitions for user encouragement and
help in navigation
3D models
3D graphics and elements to engage user and present
object virtually to create immersive experiences
powered by
4
UX TRENDS IN OVENS
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
TOUCH SCREEN
INTERACTION
Digital touch-screen display
with enhanced graphics and UI
TOUCHLESS / HANDS FREE
COOKING
Voice, gesture, visual aid
GUIDED COOKING
Step by step recipes and
instructions
SMART COOKING SYSTEM
tracked and auto-regulated
cooking mode through
smart sensors for smell,
temperature, color…
APP & HUB
Companion app & kitchen
smart hub
SMART FOOD ID
Food recognition through
camera
INCREASED CONNECTIVITY
to other appliances: fridge,
mixer, etc.
SOCIAL INTERACTION
virtual cooking experience /
tutorial / masterclass /
remote cooking
powered by
5
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
UI TRENDS GUIDELINES
3D ELEMENTS
such as icons, product
representation, transitions
powered by
6
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
UI TRENDS GUIDELINES
GLASSMORPHISM
Soft shadows, layers and
floating elements
powered by
7
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
UI TRENDS GUIDELINES
NEUMORPHISM
Minimal design, plastic
extruded look, mimicking real
textures
powered by
8
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
UI TRENDS GUIDELINES
TYPOGRAPHY MATTERS
Bold & easy to read fonts
UX writing and microcopy
powered by
9
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
UI TRENDS GUIDELINES
DARK MODE/ADAPTIVE
BRIGHTNESS
High contrast design,
maximize readability and give
a modern look
Beko Vega Oven
powered by
10
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
UI TRENDS GUIDELINES
MOBILE LOOKING
Animation, transitions and UI
with an app-like look and feel
To watch the animation file
click the following link
https://i.pinimg.com/originals/9e/e2/f3/9e
e2f356e92bf5d4ad44f8a153870d4a.gif
powered by
11
UI FEATURES
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
LOW-END
Basic UI design
Modern aesthetics
Custom icons
Textures
Photo/ images
3D Micro Animation
Smooth transitions
Video
Modern aesthetics
Custom icons
Textures
Photo / images
3D Micro animations
Smooth transitions
Video
Modern aesthetics
Custom icons
Textures
Photo / images
3D Micro animations
Smooth transitions
Video
MID-RANGE
Advanced UI design
HIGH-END
Advanced UI design
powered by
TARGET HARDWARE
Trends & Selected Items
Oven UX / UI project using Qt technology
12
powered by
13
TARGET HARDWARE
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
Analysis of
trends used in
the oven market
Definition
of features
and
displays
Boards selection
powered by
14
DISPLAY TREND LOW-END
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
Vivo Screen
Vivo screen 4.3’’ or Vivo Screen Max
6.3’’ LCD mounted on SMEG ovens
powered by
15
DISPLAY TREND MID-RANGE
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
GE Profile
7’’ touch-screen Full HD display
mounted on GE Profile™ 30"
powered by
16
DISPLAY TREND HIGH-END
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
GE Kitchen Hub
27-inch integrated smart-
touch screen and ventilation
combo
powered by
17
DISPLAY CONFIGURATIONS
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
Low-end
Mid-range
High-end
Qt for MCU
STM32F469I
No connection
4.3” 480x272
Touch Display
Qt for MCU
STM32H750B
Bluetooth
7” 1024x600
Touch Display
Full Qt Framework
On-Lap M505T
Bluetooth & WI-FI
15.6” 1920x1080P
Touch Display
https://www.gechic.com/en/m505t-
touch-monitor/spec/
powered by
18
TASK 1 MAIN FEATURES
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
Clock
• Idle
• Timer
Feature 1
• Normal Cooking + add to Favourites
Feature 2
• Scheduled Cooking
Feature 3
• Handling of Settings (e.g. language, date, clock, sounds)
powered by
19
TASK 1 INNOVATIVE
FEATURES
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
LOW-END
Push-notification for
step-by-step cooking
No oven communication
MID-RANGE HIGH-END
Push-notification for
step-by-step cooking
Local sensors +
Remote control of step-
by-step cooking and
oven configuration
Bluetooth based
communication
Push-notification for
step-by-step cooking
Local sensors +
Remote control of step-
by-step cooking and
oven configuration
Remote/social cooking
for virtual cooking
experience / tutorial /
masterclass
Bluetooth + WI-FI based
communication
powered by
20
REFERENCE & SOURCES
U
I
/
U
X
D
E
S
I
G
N
F
O
R
Q
t
https://www.ifa-berlin.com
https://thespoon.tech/the-complete-ces-2020-kitchen-tech-report/
https://thespoon.tech/ces-2021-lg-to-unveil-new-knock-knock-fridge-with-uv-cleaning-and-voice-control/
https://www.afdigitale.it/ifa-2020-novita-bosch-tra-cooking-e-giardinaggio/
https://www.ces.tech/Articles/2019/Smart-Home-Product-Adoption-on-the-Rise.aspx
https://www.eldomtrade.it/2020/09/04/ifa-2020-miele-porta-nuovi-prodotti-e-tecnologie-allinsegna-dellintelligent-living/
https://www.gechic.com/en/m505t-touch-monitor/spec/
https://uxdesign.cc/
https://uxstudioteam.com/ux-blog/ui-trends-2019/ (updated to 2021)
https://medium.com/codica/leading-ui-ux-web-design-trends-in-2020-2021-6bf991129072
https://www.geappliances.com/ge/kitchenhub/
powered by
Futurae is powered by
Domina S.r.l.
Via Milano, 16 – 13856 Vigliano Biellese (BIELLA)
P.IVA 01912740022
contact@futurae.tech

More Related Content

What's hot

UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataMohamed Shehata
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui designShweta Joshi
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design GDGKuwaitGoogleDevel
 
Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile appsIvano Malavolta
 
The Basics of Unity - The Game Engine
The Basics of Unity - The Game EngineThe Basics of Unity - The Game Engine
The Basics of Unity - The Game EngineOrisysIndia
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introductionIsmail Norri
 
Principles of Emotional Design
Principles of Emotional DesignPrinciples of Emotional Design
Principles of Emotional DesignGarron Engstrom
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignJoan Lumanauw
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiMatin Maleki
 

What's hot (20)

UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613
 
Responsive Webdesign
Responsive WebdesignResponsive Webdesign
Responsive Webdesign
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
The Basics of Unity - The Game Engine
The Basics of Unity - The Game EngineThe Basics of Unity - The Game Engine
The Basics of Unity - The Game Engine
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
 
Principles of Emotional Design
Principles of Emotional DesignPrinciples of Emotional Design
Principles of Emotional Design
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
UX design
UX designUX design
UX design
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 

Similar to UI/UX Design Trends in Appliances

2023: The Era Of Ui/Ux Design
2023: The Era Of Ui/Ux Design2023: The Era Of Ui/Ux Design
2023: The Era Of Ui/Ux Design9 series
 
About Dstrict 2008
About Dstrict 2008About Dstrict 2008
About Dstrict 2008dacddi
 
Ux portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariUx portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariIvan Pecorari
 
Unified user experience for toshiba products
Unified user experience for toshiba productsUnified user experience for toshiba products
Unified user experience for toshiba productsFlavio Fabiani
 
Elevate Your Web Presence with Front-End Web Development Services.pptx
Elevate Your Web Presence with Front-End Web Development Services.pptxElevate Your Web Presence with Front-End Web Development Services.pptx
Elevate Your Web Presence with Front-End Web Development Services.pptxCatherine William
 
5 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 20215 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 2021Stefan Gerber
 
What Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docxWhat Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docxWilliamJames717223
 
Ready-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxReady-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxShakuro
 
Guest posting checkux.....2.pdf
Guest posting checkux.....2.pdfGuest posting checkux.....2.pdf
Guest posting checkux.....2.pdfMuhammedKashif7
 
Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021Kelly Ston
 
Top 7 UI Design Trends For 2021 - 2022
Top 7 UI Design Trends For 2021 - 2022Top 7 UI Design Trends For 2021 - 2022
Top 7 UI Design Trends For 2021 - 2022Vishal Sinhasan
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021sravanthisravanthi6
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideBabajide Aroyewun
 
The Evolution of Motion Design in UIUX Design.pptx
The Evolution of Motion Design in UIUX Design.pptxThe Evolution of Motion Design in UIUX Design.pptx
The Evolution of Motion Design in UIUX Design.pptxMegataskWeb
 
Introduction to ui ux
Introduction to ui uxIntroduction to ui ux
Introduction to ui uxWycliff1
 
Graphical User Interface
Graphical User InterfaceGraphical User Interface
Graphical User InterfaceMohammed Twaha
 

Similar to UI/UX Design Trends in Appliances (20)

2023: The Era Of Ui/Ux Design
2023: The Era Of Ui/Ux Design2023: The Era Of Ui/Ux Design
2023: The Era Of Ui/Ux Design
 
About Dstrict 2008
About Dstrict 2008About Dstrict 2008
About Dstrict 2008
 
Interaction Design Roadmap
Interaction Design RoadmapInteraction Design Roadmap
Interaction Design Roadmap
 
Ux portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariUx portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorari
 
Unified user experience for toshiba products
Unified user experience for toshiba productsUnified user experience for toshiba products
Unified user experience for toshiba products
 
Elevate Your Web Presence with Front-End Web Development Services.pptx
Elevate Your Web Presence with Front-End Web Development Services.pptxElevate Your Web Presence with Front-End Web Development Services.pptx
Elevate Your Web Presence with Front-End Web Development Services.pptx
 
5 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 20215 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 2021
 
What Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docxWhat Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docx
 
Ready-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxReady-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docx
 
Guest posting checkux.....2.pdf
Guest posting checkux.....2.pdfGuest posting checkux.....2.pdf
Guest posting checkux.....2.pdf
 
What is UI UX Design?
What is UI UX Design?What is UI UX Design?
What is UI UX Design?
 
Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021
 
Top 10 Mobile App UI/UX Design Trends in 2022
Top 10 Mobile App UI/UX Design Trends in 2022Top 10 Mobile App UI/UX Design Trends in 2022
Top 10 Mobile App UI/UX Design Trends in 2022
 
Top 7 UI Design Trends For 2021 - 2022
Top 7 UI Design Trends For 2021 - 2022Top 7 UI Design Trends For 2021 - 2022
Top 7 UI Design Trends For 2021 - 2022
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021
 
The challenge of touchscreen clutter 6.25.2010
The challenge of touchscreen clutter   6.25.2010The challenge of touchscreen clutter   6.25.2010
The challenge of touchscreen clutter 6.25.2010
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
 
The Evolution of Motion Design in UIUX Design.pptx
The Evolution of Motion Design in UIUX Design.pptxThe Evolution of Motion Design in UIUX Design.pptx
The Evolution of Motion Design in UIUX Design.pptx
 
Introduction to ui ux
Introduction to ui uxIntroduction to ui ux
Introduction to ui ux
 
Graphical User Interface
Graphical User InterfaceGraphical User Interface
Graphical User Interface
 

More from Qt

Learn how to addressing medical and industrial challenges with BlackBerry QNX...
Learn how to addressing medical and industrial challenges with BlackBerry QNX...Learn how to addressing medical and industrial challenges with BlackBerry QNX...
Learn how to addressing medical and industrial challenges with BlackBerry QNX...Qt
 
Turn your product into a revenue machine with the new Qt Digital Advertising ...
Turn your product into a revenue machine with the new Qt Digital Advertising ...Turn your product into a revenue machine with the new Qt Digital Advertising ...
Turn your product into a revenue machine with the new Qt Digital Advertising ...Qt
 
Modern microcontroller (mcu) application development with qt
Modern microcontroller (mcu) application development with qtModern microcontroller (mcu) application development with qt
Modern microcontroller (mcu) application development with qtQt
 
Improve Time to Market for Industrial Edge Devices
Improve Time to Market for Industrial Edge DevicesImprove Time to Market for Industrial Edge Devices
Improve Time to Market for Industrial Edge DevicesQt
 
How are Companies Overcoming the Global Chip Shortage
How are Companies Overcoming the Global Chip Shortage How are Companies Overcoming the Global Chip Shortage
How are Companies Overcoming the Global Chip Shortage Qt
 
Meet Qt 6.2 LTS - Ask Us Anything!
Meet Qt 6.2 LTS - Ask Us Anything!Meet Qt 6.2 LTS - Ask Us Anything!
Meet Qt 6.2 LTS - Ask Us Anything!Qt
 
Qt 6.2 lts vs. qt 5.15 the big feature parity comparison
Qt 6.2 lts vs. qt 5.15 the big feature parity comparisonQt 6.2 lts vs. qt 5.15 the big feature parity comparison
Qt 6.2 lts vs. qt 5.15 the big feature parity comparisonQt
 
Meet Qt Canada
Meet Qt CanadaMeet Qt Canada
Meet Qt CanadaQt
 
Machine learning meets embedded development
Machine learning meets embedded developmentMachine learning meets embedded development
Machine learning meets embedded developmentQt
 
Driving Down Automotive Costs for Richer HMIs with Qt & i.MX RT1170
Driving Down Automotive Costs for Richer HMIs with Qt & i.MX RT1170Driving Down Automotive Costs for Richer HMIs with Qt & i.MX RT1170
Driving Down Automotive Costs for Richer HMIs with Qt & i.MX RT1170Qt
 
Companion App Design with Qt
Companion App Design with QtCompanion App Design with Qt
Companion App Design with QtQt
 
Meet Qt 6.0
Meet Qt 6.0 Meet Qt 6.0
Meet Qt 6.0 Qt
 
Qt Core UI, Live Forum
Qt Core UI, Live ForumQt Core UI, Live Forum
Qt Core UI, Live ForumQt
 
Top 10 User Interface Trends
Top 10 User Interface Trends Top 10 User Interface Trends
Top 10 User Interface Trends Qt
 
Embracing Qt for Python
Embracing Qt for PythonEmbracing Qt for Python
Embracing Qt for PythonQt
 
10 PRINCIPAIS RAZÕES PARA TRABALHAR COM
10 PRINCIPAIS RAZÕES PARA TRABALHAR COM10 PRINCIPAIS RAZÕES PARA TRABALHAR COM
10 PRINCIPAIS RAZÕES PARA TRABALHAR COMQt
 
Build and run embedded apps faster from qt creator with docker
Build and run embedded apps faster from qt creator with dockerBuild and run embedded apps faster from qt creator with docker
Build and run embedded apps faster from qt creator with dockerQt
 
How to create a medical device proof of-concept prototype overnight
How to create a medical device proof of-concept prototype overnightHow to create a medical device proof of-concept prototype overnight
How to create a medical device proof of-concept prototype overnightQt
 
Qt Software Development Framework - Medical
Qt Software Development Framework - Medical Qt Software Development Framework - Medical
Qt Software Development Framework - Medical Qt
 
Qt Technology Overview for: MedAcuity
Qt Technology Overview for: MedAcuityQt Technology Overview for: MedAcuity
Qt Technology Overview for: MedAcuityQt
 

More from Qt (20)

Learn how to addressing medical and industrial challenges with BlackBerry QNX...
Learn how to addressing medical and industrial challenges with BlackBerry QNX...Learn how to addressing medical and industrial challenges with BlackBerry QNX...
Learn how to addressing medical and industrial challenges with BlackBerry QNX...
 
Turn your product into a revenue machine with the new Qt Digital Advertising ...
Turn your product into a revenue machine with the new Qt Digital Advertising ...Turn your product into a revenue machine with the new Qt Digital Advertising ...
Turn your product into a revenue machine with the new Qt Digital Advertising ...
 
Modern microcontroller (mcu) application development with qt
Modern microcontroller (mcu) application development with qtModern microcontroller (mcu) application development with qt
Modern microcontroller (mcu) application development with qt
 
Improve Time to Market for Industrial Edge Devices
Improve Time to Market for Industrial Edge DevicesImprove Time to Market for Industrial Edge Devices
Improve Time to Market for Industrial Edge Devices
 
How are Companies Overcoming the Global Chip Shortage
How are Companies Overcoming the Global Chip Shortage How are Companies Overcoming the Global Chip Shortage
How are Companies Overcoming the Global Chip Shortage
 
Meet Qt 6.2 LTS - Ask Us Anything!
Meet Qt 6.2 LTS - Ask Us Anything!Meet Qt 6.2 LTS - Ask Us Anything!
Meet Qt 6.2 LTS - Ask Us Anything!
 
Qt 6.2 lts vs. qt 5.15 the big feature parity comparison
Qt 6.2 lts vs. qt 5.15 the big feature parity comparisonQt 6.2 lts vs. qt 5.15 the big feature parity comparison
Qt 6.2 lts vs. qt 5.15 the big feature parity comparison
 
Meet Qt Canada
Meet Qt CanadaMeet Qt Canada
Meet Qt Canada
 
Machine learning meets embedded development
Machine learning meets embedded developmentMachine learning meets embedded development
Machine learning meets embedded development
 
Driving Down Automotive Costs for Richer HMIs with Qt & i.MX RT1170
Driving Down Automotive Costs for Richer HMIs with Qt & i.MX RT1170Driving Down Automotive Costs for Richer HMIs with Qt & i.MX RT1170
Driving Down Automotive Costs for Richer HMIs with Qt & i.MX RT1170
 
Companion App Design with Qt
Companion App Design with QtCompanion App Design with Qt
Companion App Design with Qt
 
Meet Qt 6.0
Meet Qt 6.0 Meet Qt 6.0
Meet Qt 6.0
 
Qt Core UI, Live Forum
Qt Core UI, Live ForumQt Core UI, Live Forum
Qt Core UI, Live Forum
 
Top 10 User Interface Trends
Top 10 User Interface Trends Top 10 User Interface Trends
Top 10 User Interface Trends
 
Embracing Qt for Python
Embracing Qt for PythonEmbracing Qt for Python
Embracing Qt for Python
 
10 PRINCIPAIS RAZÕES PARA TRABALHAR COM
10 PRINCIPAIS RAZÕES PARA TRABALHAR COM10 PRINCIPAIS RAZÕES PARA TRABALHAR COM
10 PRINCIPAIS RAZÕES PARA TRABALHAR COM
 
Build and run embedded apps faster from qt creator with docker
Build and run embedded apps faster from qt creator with dockerBuild and run embedded apps faster from qt creator with docker
Build and run embedded apps faster from qt creator with docker
 
How to create a medical device proof of-concept prototype overnight
How to create a medical device proof of-concept prototype overnightHow to create a medical device proof of-concept prototype overnight
How to create a medical device proof of-concept prototype overnight
 
Qt Software Development Framework - Medical
Qt Software Development Framework - Medical Qt Software Development Framework - Medical
Qt Software Development Framework - Medical
 
Qt Technology Overview for: MedAcuity
Qt Technology Overview for: MedAcuityQt Technology Overview for: MedAcuity
Qt Technology Overview for: MedAcuity
 

Recently uploaded

Salesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantSalesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantAxelRicardoTrocheRiq
 
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...MyIntelliSource, Inc.
 
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...OnePlan Solutions
 
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024StefanoLambiase
 
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样umasea
 
Implementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with AzureImplementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with AzureDinusha Kumarasiri
 
The Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdfThe Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdfPower Karaoke
 
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...soniya singh
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideChristina Lin
 
What is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need ItWhat is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need ItWave PLM
 
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...gurkirankumar98700
 
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...stazi3110
 
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)OPEN KNOWLEDGE GmbH
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...Christina Lin
 
React Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaReact Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaHanief Utama
 
Cloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEECloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEEVICTOR MAESTRE RAMIREZ
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackVICTOR MAESTRE RAMIREZ
 
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptxKnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptxTier1 app
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityNeo4j
 
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsUnveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsAhmed Mohamed
 

Recently uploaded (20)

Salesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantSalesforce Certified Field Service Consultant
Salesforce Certified Field Service Consultant
 
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
 
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...
 
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
 
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
 
Implementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with AzureImplementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with Azure
 
The Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdfThe Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdf
 
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
 
What is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need ItWhat is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need It
 
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
 
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
 
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
 
React Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaReact Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief Utama
 
Cloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEECloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEE
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStack
 
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptxKnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered Sustainability
 
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsUnveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML Diagrams
 

UI/UX Design Trends in Appliances

  • 1. powered by UI/UX DESIGN Trends & Highlights Oven UX / UI project using Qt technology 1
  • 2. powered by 2 DESIGN CONTEXT AND GOALS U I / U X D E S I G N F O R Q t WHAT UX/UI design trends scenario WHERE Home appliances, smart ovens HOW Exploring opportunities and challenges of future UI balancing aesthetics and functionality WHEN From 2021 to 2023 (and after)
  • 3. powered by 3 UX/UI SCENARIO U I / U X D E S I G N F O R Q t 5 TRENDS TO LOOK AT Moving towards mixed interaction Mixed interaction through voice and gesture combined with visual aid and classic touch controllers Advanced personalization Different from customization, make the user feel the content has been created especially for him UX/UI simplification and optimization Moving to less-thinking action toward a natural behaviour to increase user satisfaction and accessibility Animations and transitions Mobile-like animated interactions: smooth and pleasing transitions for user encouragement and help in navigation 3D models 3D graphics and elements to engage user and present object virtually to create immersive experiences
  • 4. powered by 4 UX TRENDS IN OVENS U I / U X D E S I G N F O R Q t TOUCH SCREEN INTERACTION Digital touch-screen display with enhanced graphics and UI TOUCHLESS / HANDS FREE COOKING Voice, gesture, visual aid GUIDED COOKING Step by step recipes and instructions SMART COOKING SYSTEM tracked and auto-regulated cooking mode through smart sensors for smell, temperature, color… APP & HUB Companion app & kitchen smart hub SMART FOOD ID Food recognition through camera INCREASED CONNECTIVITY to other appliances: fridge, mixer, etc. SOCIAL INTERACTION virtual cooking experience / tutorial / masterclass / remote cooking
  • 5. powered by 5 U I / U X D E S I G N F O R Q t UI TRENDS GUIDELINES 3D ELEMENTS such as icons, product representation, transitions
  • 6. powered by 6 U I / U X D E S I G N F O R Q t UI TRENDS GUIDELINES GLASSMORPHISM Soft shadows, layers and floating elements
  • 7. powered by 7 U I / U X D E S I G N F O R Q t UI TRENDS GUIDELINES NEUMORPHISM Minimal design, plastic extruded look, mimicking real textures
  • 8. powered by 8 U I / U X D E S I G N F O R Q t UI TRENDS GUIDELINES TYPOGRAPHY MATTERS Bold & easy to read fonts UX writing and microcopy
  • 9. powered by 9 U I / U X D E S I G N F O R Q t UI TRENDS GUIDELINES DARK MODE/ADAPTIVE BRIGHTNESS High contrast design, maximize readability and give a modern look Beko Vega Oven
  • 10. powered by 10 U I / U X D E S I G N F O R Q t UI TRENDS GUIDELINES MOBILE LOOKING Animation, transitions and UI with an app-like look and feel To watch the animation file click the following link https://i.pinimg.com/originals/9e/e2/f3/9e e2f356e92bf5d4ad44f8a153870d4a.gif
  • 11. powered by 11 UI FEATURES U I / U X D E S I G N F O R Q t LOW-END Basic UI design Modern aesthetics Custom icons Textures Photo/ images 3D Micro Animation Smooth transitions Video Modern aesthetics Custom icons Textures Photo / images 3D Micro animations Smooth transitions Video Modern aesthetics Custom icons Textures Photo / images 3D Micro animations Smooth transitions Video MID-RANGE Advanced UI design HIGH-END Advanced UI design
  • 12. powered by TARGET HARDWARE Trends & Selected Items Oven UX / UI project using Qt technology 12
  • 13. powered by 13 TARGET HARDWARE U I / U X D E S I G N F O R Q t Analysis of trends used in the oven market Definition of features and displays Boards selection
  • 14. powered by 14 DISPLAY TREND LOW-END U I / U X D E S I G N F O R Q t Vivo Screen Vivo screen 4.3’’ or Vivo Screen Max 6.3’’ LCD mounted on SMEG ovens
  • 15. powered by 15 DISPLAY TREND MID-RANGE U I / U X D E S I G N F O R Q t GE Profile 7’’ touch-screen Full HD display mounted on GE Profile™ 30"
  • 16. powered by 16 DISPLAY TREND HIGH-END U I / U X D E S I G N F O R Q t GE Kitchen Hub 27-inch integrated smart- touch screen and ventilation combo
  • 17. powered by 17 DISPLAY CONFIGURATIONS U I / U X D E S I G N F O R Q t Low-end Mid-range High-end Qt for MCU STM32F469I No connection 4.3” 480x272 Touch Display Qt for MCU STM32H750B Bluetooth 7” 1024x600 Touch Display Full Qt Framework On-Lap M505T Bluetooth & WI-FI 15.6” 1920x1080P Touch Display https://www.gechic.com/en/m505t- touch-monitor/spec/
  • 18. powered by 18 TASK 1 MAIN FEATURES U I / U X D E S I G N F O R Q t Clock • Idle • Timer Feature 1 • Normal Cooking + add to Favourites Feature 2 • Scheduled Cooking Feature 3 • Handling of Settings (e.g. language, date, clock, sounds)
  • 19. powered by 19 TASK 1 INNOVATIVE FEATURES U I / U X D E S I G N F O R Q t LOW-END Push-notification for step-by-step cooking No oven communication MID-RANGE HIGH-END Push-notification for step-by-step cooking Local sensors + Remote control of step- by-step cooking and oven configuration Bluetooth based communication Push-notification for step-by-step cooking Local sensors + Remote control of step- by-step cooking and oven configuration Remote/social cooking for virtual cooking experience / tutorial / masterclass Bluetooth + WI-FI based communication
  • 20. powered by 20 REFERENCE & SOURCES U I / U X D E S I G N F O R Q t https://www.ifa-berlin.com https://thespoon.tech/the-complete-ces-2020-kitchen-tech-report/ https://thespoon.tech/ces-2021-lg-to-unveil-new-knock-knock-fridge-with-uv-cleaning-and-voice-control/ https://www.afdigitale.it/ifa-2020-novita-bosch-tra-cooking-e-giardinaggio/ https://www.ces.tech/Articles/2019/Smart-Home-Product-Adoption-on-the-Rise.aspx https://www.eldomtrade.it/2020/09/04/ifa-2020-miele-porta-nuovi-prodotti-e-tecnologie-allinsegna-dellintelligent-living/ https://www.gechic.com/en/m505t-touch-monitor/spec/ https://uxdesign.cc/ https://uxstudioteam.com/ux-blog/ui-trends-2019/ (updated to 2021) https://medium.com/codica/leading-ui-ux-web-design-trends-in-2020-2021-6bf991129072 https://www.geappliances.com/ge/kitchenhub/
  • 21. powered by Futurae is powered by Domina S.r.l. Via Milano, 16 – 13856 Vigliano Biellese (BIELLA) P.IVA 01912740022 contact@futurae.tech