大语言模型驱动的UI评估系统  

Large language model powered UI evaluation system

作　　者：陈晓皎 束云峰 汪睿涵 周佳欢 陈为[1,2] CHEN Xiaojiao;SHU Yunfeng;WANG Ruihan;ZHOU Jiahuan;CHEN Wei(State Key Laboratory of CAD&CG,Zhejiang University,Hangzhou Zhejiang 310058,China;Laboratory of Art and Archaeology Image(Zhejiang University),Ministry of Education,Hangzhou Zhejiang 310058,China)

机构地区：[1]浙江大学计算机辅助设计与图形系统全国重点实验室,浙江杭州310058 [2]浙江大学艺术与考古图像数据实验室,浙江杭州310058

出　　处：《图学学报》2024年第6期1178-1187,共10页Journal of Graphics

基　　金：国家自然科学基金(52205290);航空基金(2022Z005076001)。

摘　　要：用户界面(UI)设计的质量直接影响产品的可用性和用户体验。设计师在UI设计过程中常面临一致性和可访问性问题,这些问题不仅增加了用户的认知负荷,还影响了使用效率。尽管设计师对此有所认识,但目前缺乏全面的知识和工具来进行自动识别和解决这些问题。为此提出了一套全面的UI设计评估准则,涵盖色彩、文本、布局、控件和图标5个关键方面,专门针对UI设计的一致性问题和可访问性问题。基于这套评估准则,提出了针对UI一致性和可访问性评估的提示词模版,以提升大语言模型(LLMs)如GPT-4在UI评估任务中的准确率。此外,开发了基于GPT-4模型的UI评估系统。该UI评估系统能够深入理解UI设计内容,依据评估准则自动检测UI设计问题,并提供针对性改进建议,帮助设计师优化UI设计。实验结果表明,使用提示词模版显著提高了GPT-4模型在UI评估中的准确性。用户研究表明,设计师在设计实践中使用该UI评估系统,可以显著提升UI设计的质量,从而提升产品可用性和用户体验。该系统为设计师提供了一种自动化UI评估工具,为提升UI设计质量提供了新思路。The quality of user interface(UI)design directly impacts product usability and user experience.Designers often face challenges related to consistency and accessibility during the UI design process,increasing cognitive load for users reducing efficiency.Despite awareness of these issues,they currently lack comprehensive knowledge and tools or automatic identification and resolution.To address this challenge,a comprehensive set of UI design evaluation criteria was proposed,covering five key aspects:color,text,layout,control,and icon,specifically targeting consistency and accessibility issues in UI design.Based on these evaluation criteria,a prompt template for evaluating UI consistency and accessibility was developed to enhance the accuracy of large language models(LLMs)like GPT-4 in UI evaluation tasks.Furthermore,a UI evaluation system based on the GPT-4 model was developed.This[26]deeply understood UI design content,automatically detected UI design issues according to the evaluation criteria,and provided targeted improvement suggestions to help designers optimize their UI designs.Experimental results demonstrated that using the prompt template significantly improved the accuracy of GPT-4 in UI evaluations.User studies indicated that employing this UI evaluation system in design practice can significantly enhance the quality of UI designs,thereby boosting product usability and user experience.This system provided designers with an automated UI evaluation tool,offering a new approach to enhancing UI design quality.

关 键 词：图形用户界面 大语言模型 UI评估 一致性 可访问性 

分 类 号：TP391[自动化与计算机技术—计算机应用技术] TP18[自动化与计算机技术—计算机科学与技术]