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

UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger PictureMayank Lambhate
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentationaayush_jain_87
 
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaAnton Chandra
 
UI vs UX ( User Interface vs User Experience)
UI vs UX ( User Interface vs User Experience)UI vs UX ( User Interface vs User Experience)
UI vs UX ( User Interface vs User Experience)Sonali Pawar
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It WorksAciron Consulting
 
Ux design process in product development
Ux design process in product developmentUx design process in product development
Ux design process in product developmentT-Design Center
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataMohamed Shehata
 
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
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile AppsKamil Zieba
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini CourseDigital Snack
 
UX Strategy - An Overview
UX Strategy - An OverviewUX Strategy - An Overview
UX Strategy - An OverviewSonal Malhotra
 

What's hot (20)

The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
 
UX Design Process
UX Design ProcessUX Design Process
UX Design Process
 
UI vs UX ( User Interface vs User Experience)
UI vs UX ( User Interface vs User Experience)UI vs UX ( User Interface vs User Experience)
UI vs UX ( User Interface vs User Experience)
 
UX and UI
UX and UIUX and UI
UX and UI
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
Ux design process in product development
Ux design process in product developmentUx design process in product development
Ux design process in product development
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
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
 
Look at UI/UX Design Process
Look at UI/UX Design ProcessLook at UI/UX Design Process
Look at UI/UX Design Process
 
UX Design Project
UX Design ProjectUX Design Project
UX Design Project
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
Unity 3D, A game engine
Unity 3D, A game engineUnity 3D, A game engine
Unity 3D, A game engine
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
UX Strategy - An Overview
UX Strategy - An OverviewUX Strategy - An Overview
UX Strategy - An Overview
 

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
 

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
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 

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

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
 
Hand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxHand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxbodapatigopi8531
 
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
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - InfographicHr365.us smith
 
Professional Resume Template for Software Developers
Professional Resume Template for Software DevelopersProfessional Resume Template for Software Developers
Professional Resume Template for Software DevelopersVinodh Ram
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdfWave PLM
 
DNT_Corporate presentation know about us
DNT_Corporate presentation know about usDNT_Corporate presentation know about us
DNT_Corporate presentation know about usDynamic Netsoft
 
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEOrtus Solutions, Corp
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackVICTOR MAESTRE RAMIREZ
 
HR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comHR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comFatema Valibhai
 
Salesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantSalesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantAxelRicardoTrocheRiq
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityNeo4j
 
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
 
why an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdfwhy an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdfjoe51371421
 
What is Binary Language? Computer Number Systems
What is Binary Language?  Computer Number SystemsWhat is Binary Language?  Computer Number Systems
What is Binary Language? Computer Number SystemsJheuzeDellosa
 
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
 
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdfThe Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdfkalichargn70th171
 
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time ApplicationsUnveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time ApplicationsAlberto González Trastoy
 
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio, Inc.
 

Recently uploaded (20)

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...
 
Hand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxHand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptx
 
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...
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - Infographic
 
Professional Resume Template for Software Developers
Professional Resume Template for Software DevelopersProfessional Resume Template for Software Developers
Professional Resume Template for Software Developers
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf
 
Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...
Call Girls In Mukherjee Nagar 📱  9999965857  🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...Call Girls In Mukherjee Nagar 📱  9999965857  🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...
Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...
 
DNT_Corporate presentation know about us
DNT_Corporate presentation know about usDNT_Corporate presentation know about us
DNT_Corporate presentation know about us
 
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStack
 
HR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comHR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.com
 
Salesforce Certified Field Service Consultant
Salesforce Certified Field Service ConsultantSalesforce Certified Field Service Consultant
Salesforce Certified Field Service Consultant
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered Sustainability
 
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
 
why an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdfwhy an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdf
 
What is Binary Language? Computer Number Systems
What is Binary Language?  Computer Number SystemsWhat is Binary Language?  Computer Number Systems
What is Binary Language? Computer Number Systems
 
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...
 
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdfThe Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
 
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time ApplicationsUnveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
 
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
 

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