Aesthetic Design of In-vehicle Infotainment System Interface

OUYANG Wumin; DU Hemin; JIANG Junjie; HAN Yong

doi:10.19554/j.cnki.1001-3563.2025.12.026

PDF(1307 KB)

Packaging Engineering ›› 2025, Vol. 46 ›› Issue (12) : 274-285. DOI: 10.19554/j.cnki.1001-3563.2025.12.026

Visual Communication Design

Aesthetic Design of In-vehicle Infotainment System Interface

OUYANG Wumin¹, DU Hemin^1,2*, JIANG Junjie¹, HAN Yong¹

Author information +

History +

Abstract

Based on the perspective of aesthetic design, the work aims to combine subjective and objective weights with the weighted rank sum ratio method and apply them to the evaluation and optimization system of in-vehicle infotainment systems to conduct objective and scientific sorting, thus meeting user demands, improving satisfaction and experience, and enhancing the competitive advantage of automobile companies in the current increasingly fierce environment. Firstly, based on literature analysis, market research and user interviews, the aesthetic needs of users for in-vehicle infotainment systems were extracted, and the user demand attributes were clarified through the Kano model, and then screened and integrated into design evaluation indicators. Secondly, the subjective weights were obtained by AHP, and combined with CRITIC for weighting, and the comprehensive weight of each evaluation indicator was obtained. Finally, WRSR was used to optimize the design scheme. With the design of four in-vehicle infotainment systems as examples, the evaluation model and path were explained in detail. The simplicity attribute was the most important in the evaluation system of in-vehicle infotainment systems. In the sub-criteria layer, low complexity of graphic information, clear and reasonable interface layout, exquisite expression of detail elements, key content placed in the center, dynamic information interaction form, strong professionalism and quality, and clear and available color contrast were highly important indicators. The WRSR fitting value ranking was calculated by integrating the indicator weights, and Scheme 3 was the best design case. The constructed interface evaluation system and design strategy can provide an effective reference for the design of in-vehicle infotainment systems. The aesthetics evaluation optimization model with AHP-CRITIC-WRSR for the in-vehicle infotainment system can quantify user demands and preferences, evaluate the pros and cons of solutions more reasonably and specifically, make effective decisions, and improve user experience.

Key words

in-vehicle infotainment systems / interface aesthetics / AHP / CRITIC / WRSR / design evaluation

Cite this article

EndNote

Ris (Procite)

Bibtex

Download Citations

OUYANG Wumin, DU Hemin, JIANG Junjie, HAN Yong. Aesthetic Design of In-vehicle Infotainment System Interface[J]. Packaging Engineering. 2025, 46(12): 274-285 https://doi.org/10.19554/j.cnki.1001-3563.2025.12.026

References

[1] HRYNIEWICZ K, GRZEGORCZYK T.How Different Autonomous Vehicle Presentation Influences Its Acceptance: Is a Communal Car Better than Agentic One?[J]. PLoS One, 2020, 15(9): e0238714.
[2] JIANG Q L, DENG L Y, ZHANG J.How Does Aesthetic Design Affect Continuance Intention in In-Vehicle Infotainment Systems? An Exploratory Study[J]. International Journal of Human-Computer Interaction, 2024: 1-16.
[3] KIM J, KIM S, NAM C.User Resistance to Acceptance of In-Vehicle Infotainment (IVI) Systems[J]. Telecommunications Policy, 2016, 40(9): 919-930.
[4] 吴剑斌, 张竞元, 张凌浩. 基于情境感知的车载信息娱乐系统交互设计研究[J]. 包装工程, 2018, 39(16): 189-196.
WU J B, ZHANG J Y, ZHANG L H.Interaction Design of In-Vehicle Infotainment Based on Context Awareness[J]. Packaging Engineering, 2018, 39(16): 189-196.
[5] BASKERVILLE R L, KAUL M, Storey, et al. Aesthetics in Design Science Research[J]. European Journal of Information Systems, 2018, 27(2): 140-153.
[6] 陈星海. 移动应用界面视觉设计美学发展及其设计方法研究[J]. 装饰, 2020(1): 92-95.
CHEN X H.Research on Aesthetics Development and Design Method for the Mobile Application Interface Visual Design[J]. Zhuangshi, 2020(1): 92-95.
[7] ZHU Y C, GENG Y K, HUANG R N, et al.Driving towards the Future: Exploring Human-Centered Design and Experiment of Glazing Projection Display Systems for Autonomous Vehicles[J]. International Journal of Human- Computer Interaction, 2024, 40(15): 4087-4102.
[8] 智研咨询. 2023年中国车载信息系统行业发展现状[EB/OL]. (2024-02-26) [2024-12-11]. http://www.360doc. com/content/24/0226/09/79754478_1115199589.shtml
Zhiyan Consulting. The Development Status of China's Vehicle Information System Industry in 2023[EB/OL] (2024-02-26) [2024-12-11]. http://www.360doc.com/content/ 24/0226/09/79754478_1115199589.shtml
[9] 中华人民共和国人民政府. 中华人民共和国国民经济和社会发展第十四个五年规划和2035年远景目标纲要[EB/OL]. (2021-03-13) [2024-12-11]. https://www.gov.cn/xinwen/2021-03/13/content_5592681.htm?eqid=a14468700001730f000000026480655e.
The People's Government of the People's Republic. The 14th Five Year Plan for National Economic and Social Development of the People's Republic of China and the Long Range Objectives for2035[EB/OL]. (2021-03-13) [2024-12-11]. https://www.gov.cn/xinwen/2021-03/13/content_5592681.htm?eqid=a14468700001730f0000000264-80655e.
[10] 中华人民共和国人民政府. 中共中央国务院印发《扩大内需战略规划纲要(2022—2035年)》[EB/OL]. (2022-12-14)[2024-12-11]. https://www.gov.cn/zhengce/2022-12/14/content_5732067.htm.
The People's Government of the People's Republic. The Central Committee of the Communist Party of China and the State Council issued the Outline of the Strategic Plan for Expanding Domestic Demand (2022-2035) [EB/OL]. (2022-12-14) [2024-12-11]. https://www.gov.cn/zhengce/2022-12/14/content_5732067.htm.
[11] 李勇, 郝瑞敏, 林晓鹏. 用户体验视角下的人车交互设计研究[J]. 美术学报, 2022(6): 132-138.
LI Y, HAO R M, LIN X P.Research on Human-Vehicle Interaction Design from the Perspective of User Experience[J]. Art Journal, 2022(6): 132-138.
[12] 晏彪, 吴晓莉, 唐开元. 基于视觉行为的智能车载交互界面色彩编码研究[J]. 工业工程设计, 2020, 2(6): 111-115.
YAN B, WU X L, TANG K Y.Color Coding of Intelligent Vehicle Interactive Interface Based on Visual Behavior[J]. Industrial & Engineering Design, 2020, 2(6): 111-115.
[13] 李仟. 基于眼动分析的车载中控屏布局设计研究[J]. 设计艺术研究, 2023, 13(2): 146-150.
LI Q.Research on the Layout Design of In-Vehicle Central Control Panel Based on Eye Movement Analysis[J]. Design Research, 2023, 13(2): 146-150.
[14] 刘宗汉, 唐艺. 人工智能背景下的车载人机交互界面设计研究[J]. 工业工程设计, 2020, 2(2): 134-140.
LIU Z H, TANG Y.Design of Vehicle-Mounted Human-Computer Interaction Interface Based on Artificial Intelligence[J]. Industrial & Engineering Design, 2020, 2(2): 134-140.
[15] 谭浩, 唐诗妍. 智能汽车交互界面用户体验评估方法体系综述[J]. 包装工程, 2023, 44(6): 12-24.
TAN H, TANG S Y.User Experience Evaluation Methodology of Interactive Interface in Intelligent Vehicle[J]. Packaging Engineering, 2023, 44(6): 12-24.
[16] 余明亮, 曲双为. 基于AHP与QFD的智能汽车HMI设计研究[J]. 机械设计, 2023, 40(S1): 196-201.
YU M L, QU S W.Research on HMI Design of Smart Car Based on AHP and QFD[J]. Journal of Machine Design, 2023, 40(S1): 196-201.
[17] 孙贵磊, 李琴, 傅佩文,等. 基于人因工程的汽车仪表盘信息编码分析与优化[J]. 中国安全科学学报, 2018, 28(8): 68-74.
SUN G L, LI Q, FU P W, et al.Analysis and Optimization of Information Coding for Automobile Dashboard Based on Human Factors Engineering[J]. China Safety Science Journal, 2018, 28(8): 68-74.
[18] GIBSON Z, BUTTERFIELD J, MARZANO A.User- Centered Design Criteria in Next Generation Vehicle Consoles[J]. Procedia CIRP, 2016, 55: 260-265.
[19] RAMEZANI NIA M, SHOKOUHYAR S.Analyzing the Effects of Visual Aesthetic of Web Pages on Users’ Responses in Online Retailing Using the VisAWI Method[J]. Journal of Research in Interactive Marketing, 2020, 14(4): 357-389.
[20] WANG J, HSU Y.Does Sustainable Perceived Value Play a Key Role in the Purchase Intention Driven by Product Aesthetics? Taking Smartwatch as an Example[J]. Sustainability, 2019, 11(23): 6806.
[21] GREGOR M J.Baumgarten's" Aesthetica"[J]. The Review of Metaphysics, 1983: 357-385.
[22] 刘梦颖, 蒋婧怡, 杨依琳, 等. 古典美还是表现美: 摆盘美学影响健康饮食决策的计算与神经机制[J]. 心理学报, 2024, 56(8): 1061-1076.
LIU M Y, JIANG J Y, YANG Y L, et al.Classical or Expressive Aesthetics: Computational and Neural Mechanisms by which Plating Aesthetics Influence Healthy Eating Decisions[J]. Acta Psychologica Sinica, 2024, 56(8): 1061-1076.
[23] BASKERVILLE R L, KAUL M, Storey, et al. Aesthetics in Design Science Research[J]. European Journal of Information Systems, 2018, 27(2): 140-153.
[24] 刘丽群, 吴柯达. 世代视角下智能手机界面美学设计对用户绩效的影响[J]. 南京艺术学院学报(美术与设计版), 2022(4): 159-165.
LIU L Q, WU K D.The Impact of Smart Phone Interface Aesthetic Design on User Performance from a Generational Perspective[J]. Journal of Nanjing Arts Institute (Fine Arts & Design), 2022(4): 159-165.
[25] CHOI J H, LEE H J.Facets of Simplicity for the Smartphone Interface: A Structural Model[J]. International Journal of Human-Computer Studies, 2012, 70(2): 129-142.
[26] XIAO L, WANG S.Mobile Marketing Interface Layout Attributes That Affect User Aesthetic Preference: An Eye-Tracking Study[J]. Asia Pacific Journal of Marketing and Logistics, 2023, 35(2): 472-492.
[27] KANDIYOTI ESKENAZI S, CIMPAN B F.A Comparative Analysis of User Interfaces in the Calling Functionality of Infotainment Systems among Popular Cars in Romania: Investigating UX and Usability Design Principles for In-car Infotainment Systems[D]. Jönköping: Jönköping University, 2023: 34-38.
[28] LAVIE T, TRACTINSKY N.Assessing Dimensions of Perceived Visual Aesthetics of Web Sites[J]. International Journal of Human-Computer Studies, 2004, 60(3): 269-298.
[29] MOORTHY A K, BOVIK A C.Visual Quality Assessment Algorithms: What Does the Future Hold?[J]. Multimedia Tools and Applications, 2011, 51(2): 675-696.
[30] 孙浩东, 柯青, 庾海媛, 等. 美感与情感: 美学视角下的个体交互感知机制研究[J]. 现代情报, 2024, 44(1): 57-70.
SUN H D, KE Q, YU H Y, et al.Aesthetic and Emotion: Study on the Mechanism of Individual Interaction Perception from the Perspective of Aesthetics[J]. Journal of Modern Information, 2024, 44(1): 57-70.
[31] SECKLER M, OPWIS K, TUCH A N.Linking Objective Design Factors with Subjective Aesthetics: An Experimental Study on how Structure and Color of Websites Affect the Facets of Users' Visual Aesthetic Perception[J]. Computers in Human Behavior, 2015, 49: 375-389.
[32] LYU F, XI R, LIU Y J.Color Design in Application Interfaces for Children[J]. Color Research & Application, 2022, 47(2): 507-517.
[33] KHORSANDI P M, JONES L, DAVOODNIA V, et al.FabriCar: Enriching the User Experience of In-Car Media Interactions with Ubiquitous Vehicle Interiors Using E-Textile Sensors[C]//Proceedings of the 2023 ACM Designing Interactive Systems Conference. Pittsburgh PA USA. ACM, 2023: 1438-1456.
[34] TRACTINSKY N.Aesthetics and Apparent Usability: Empirically Assessing Cultural and Methodological Issues[C]//Proceedings of the ACM SIGCHI Conference on Human Factors in Computing Systems. Atlanta Georgia USA. ACM, 1997: 115-122.
[35] 朱琳, 李超德. 从接受视角看设计美学主体性体验研究的重要性[J]. 南京艺术学院学报(美术与设计版), 2022(6): 154-160.
ZHU L, LI C D.On the Importance of Subjective Experience Research in Design Aesthetics from the Perspective of Acceptance[J]. Journal of Nanjing Arts Institute (Fine Arts & Design), 2022(6): 154-160.
[36] SAATY T L, VARGAS L G. Models, Methods, Concepts & Applications of the Analytic Hierarchy Process[M]. New York: Springer US, 2012.
[37] DIAKOULAKI D, MAVROTAS G, PAPAYANNAKIS L.Determining Objective Weights in Multiple Criteria Problems: The Critic Method[J]. Computers & Operations Research, 1995, 22(7): 763-770.
[38] 唐辉, 刘晓波, 韩祥民, 等. 基于特征加权的SFO-K_means用电行为研究[J]. 智能计算机与应用, 2021, 11(9): 165-169.
TANG H, LIU X B, HAN X M, et al.Research on Electricity Consumption Behavior Based on Feature Weighted SFO-K_means[J]. Intelligent Computer and Applications, 2021, 11(9): 165-169.
[39] 张钦礼, 赵宇飞, 荣帅, 等. 基于变权重理论和TOPSIS的缓倾斜薄矿脉采矿方法优选[J]. 黄金科学技术, 2019, 27(6): 844-850.
ZHANG Q L, ZHAO Y F, RONG S, et al.Optimization of Gently Inclined Thin Vein Mining Method Based on Variable Weight Theory and TOPSIS[J]. Gold Science and Technology, 2019, 27(6): 844-850.
[40] 吴晗, 李时莹, 亓彦珣, 等. 基于综合赋权与WRSR的高压开关柜状态评估方法研究[J]. 高压电器, 2020, 56(2): 47-52.
WU H, LI S Y, QI Y X, et al.State Evaluation Method of High-Voltage Switchgear Based on Comprehensive Weighting and WRSR[J]. High Voltage Apparatus, 2020, 56(2): 47-52.
[41] 邢雯雯, 杨利伟, 高峰, 等. 基于AHP与加权秩和比法的二次供水监管技术评价[J]. 中国给水排水, 2022, 38(7): 126-131.
XING W W, YANG L W, GAO F, et al.Evaluation of Secondary Water Supply Supervision Technology Based on AHP and Weighted Rank Sum Ratio Method[J]. China Water & Wastewater, 2022, 38(7): 126-131.
[42] LIN L, GUO G, XU N.User-Perceived Styling Experience of Smart Vehicles: A Method to Combine Eye Tracking with Semantic Differences[J]. IET Intelligent Transport Systems, 2019, 13(1): 72-78.
[43] TANG S Z.Recognition Research and Innovative Design of Icons in In-Vehicle Infotainment System[M]//Cross- Cultural Design. Product and Service Design, Mobility and Automotive Design, Cities, Urban Areas, and Intelligent Environments Design. Cham: Springer International Publishing, 2022: 248-259.
[44] TSAI C H, BRUSILOVSKY P.Exploring Social Recommendations with Visual Diversity-Promoting Interfaces[J]. ACM Transactions on Interactive Intelligent Systems, 2020, 10(1): 1-34.
[45] ZHOU S Y, LAN R H, SUN X, et al.Emotional Design for In-Vehicle Infotainment Systems: An Exploratory Co-Design Study[M]//HCI in Mobility, Transport, and Automotive Systems. Cham: Springer International Publishing, 2022: 326-336.
[46] LÖCKEN A, IHME K, UNNI A. Towards Designing Affect-Aware Systems for Mitigating the Effects of In-Vehicle Frustration[C]//Proceedings of the 9th International Conference on Automotive User Interfaces and Interactive Vehicular Applications Adjunct. Oldenburg Germany. ACM, 2017: 88-93.
[47] WANG Z, DENG R, JIANG Q L.Exploration and Study of the Factors Influencing Users’ Adoption of Games for Fitness Behavior[J]. International Journal of Human- Computer Interaction, 2023, 39(17): 3461-3472.
[48] LIN S W, LO L Y, HUANG T K.Visual Complexity and Figure-Background Color Contrast of E-Commerce Websites: Effects on Consumers' Emotional Responses[C]//2016 49th Hawaii International Conference on System Sciences (HICSS). Koloa, HI, USA. IEEE, 2016: 3594-3603.
[49] 山水, 张敏言, 俞琳. 基于KANO模型和感性工学的方舱医院减压室设计[J]. 设计, 2023, 36(22): 32-36.
SHAN S, ZHANG M Y, YU L.Design Method of the Decompression Chamber of Cabin Hospitals Combining Kano and Kansei Engineering[J]. Design, 2023, 36(22): 32-36.
[50] 张悦, 李超, 郭叶莹子, 等. 木材的视觉刺激及人体心理生理响应研究进展[J]. 北京林业大学学报, 2022, 44(6): 156-166.
ZHANG Y, LI C, GUO Y, et al.Research Development on Human Psychological and Physiological Responses to Visual Stimulation of Wood[J]. Journal of Beijing Forestry University, 2022, 44(6): 156-166.
[51] URBANO I C V P, GUERREIRO J P V, NICOLAU H M A A. From Skeuomorphism to Flat Design: Age-Related Differences in Performance and Aesthetic Perceptions[J]. Behaviour & Information Technology, 2022, 41(3): 452-467.
[52] DORIS M D, SUSANNE V M.The Impact of Animated Interface Agents: A Review of Empirical Research[J]. International Journal of Human-Computer Studies, 2000, 52(1): 1-22.