一种基于智能交互的UI设计方法与流程

allin2025-06-06  80


本发明涉及ui设计,具体涉及一种基于智能交互的ui设计方法。


背景技术:

1、交互式用户界面(ui)背景是指用户与软件、应用程序或网站进行互动时所处的环境和条件,这包括了用户与界面元素、功能和内容之间的交互关系,以及与用户互动的方式和方法。

2、当前,ui设计主要依赖于人工完成,然后由人工逐步检查和优化ui界面。然而,这种依赖人工检查的方法存在一些问题。首先,它增加了人工负担,使得设计过程更加复杂和耗时。其次,人工长时间检查容易导致疲劳,疲劳检查可能导致漏检或错检,从而无法保证ui界面的质量。因此,需要寻找一种更加高效、准确的方法来优化ui设计过程。


技术实现思路

1、本发明的目的是提供一种基于智能交互的ui设计方法,以解决背景技术中不足。

2、为了实现上述目的,本发明提供如下技术方案:一种基于智能交互的ui设计方法,所述设计方法包括以下步骤:

3、系统根据设定的目标和约束利用生成式设计算法自动生成初步的界面草图和线框图;

4、优化用户流程自动发现并消除优化点,利用模拟器和虚拟用户,自动进行用户测试,并通过机器学习算法自动分析测试结果;

5、通过预训练模型和自动化工具自动选择和集成智能技术,使用生成式设计和算法优化,自动生成色彩搭配、图标、排版和布局;

6、基于机器学习算法分析用户反馈和行为数据,自动发现潜在问题并提出改进方案。

7、优选的,根据设定的目标和约束利用生成式设计算法自动生成初步的界面草图和线框图,包括以下步骤:

8、收集与设计目标相关的设计数据,包括现有设计、用户喜好、颜色搭配,定义生成设计的目标,设置设计的约束条件,如色彩搭配、排版规则、用户体验原则,提供算法需要的输入参数,如目标用户群体、设备类型、使用场景,使用生成式设计算法生成初步的设计概念,算法在设计空间中搜索并生成符合目标和约束的多个设计方案,对生成的设计概念进行评估,筛选出符合要求的设计概念。

9、优选的,对生成的设计概念进行评估,筛选出符合要求的设计概念包括以下步骤:

10、获取各个设计方案的色彩对比度偏差、f形状扫描内容频率、平均加载时长、阅读器兼容性指数;

11、将色彩对比度偏差、f形状扫描内容频率、平均加载时长、阅读器兼容性指数综合计算获取方案系数fax,表达式为:

12、

13、;式中,nrp、jrz、dpc、jzs分别为f形状扫描内容频率、阅读器兼容性指数、色彩对比度偏差、平均加载时长,m1、m2、m3、m4分别为f形状扫描内容频率、阅读器兼容性指数、色彩对比度偏差、平均加载时长的比例系数,且m1、m2、m3、m4均大于0;

14、阅读器兼容性指数的计算逻辑为:计算阅读器的平均兼容度以及兼容离散程度,函数表达式为:

15、

16、式中,jq为兼容离散程度,i={1、2、3、...、n},n表示阅读器节点数量,n为正整数,pi表示阅读器第i个节点的兼容度,表示平均兼容度,且

17、若平均兼容度≥兼容度阈值,且兼容离散程度≤离散阈值,阅读器兼容性指数jrz=1.8;

18、若平均兼容度≥兼容度阈值,且兼容离散程度>离散阈值,阅读器兼容性指数jrz=1.6;

19、若平均兼容度<兼容度阈值,且兼容离散程度>离散阈值,阅读器兼容性指数jrz=1.2;

20、若平均兼容度<兼容度阈值,且兼容离散程度≤离散阈值,阅读器兼容性指数jrz=1.0;

21、获取所有设计方案的方案系数fax后,将所有设计方案依据方案系数fax由大到小进行排序,生成方案列表,选择方案列表中排序第一的设计方案使用。

22、优选的,使用算法优化用户流程,自动发现并消除可能的优化点,以提高用户体验,包括以下步骤:

23、收集用户行为数据,包括用户在应用或网站上的操作、点击、停留时间,明确定义用户在应用或网站上的关键流程,根据历史数据对算法进行训练,通过算法分析用户流程中的数据,自动发现优化点,基于算法的分析结果,生成优化建议,包括简化流程、合并步骤、改进导航,在优化建议实施之前,使用模拟或a/b测试方法评估建议的效果,根据测试结果,实施算法提出的优化建议,更新应用或网站中的用户流程。

24、优选的,利用模拟器和虚拟用户,自动进行用户测试,包括以下步骤:

25、根据测试方案,配置模拟器和虚拟用户的参数,包括并发用户数量、请求频率、脚本执行,运行模拟器和虚拟用户工具,执行测试方案,收集模拟器和虚拟用户工具生成的性能数据,包括吞吐量、响应时间分布、资源利用率,利用虚拟用户工具模拟多种用户体验场景,包括页面浏览、交互、表单提交,模拟各种网络速度、设备类型和操作系统,分析模拟器和虚拟用户测试生成的数据,评,根据测试结果和分析,进行调整和优化,包括代码优化、服务器资源调整。

26、优选的,使用生成式设计和算法优化,自动生成色彩搭配、图标、排版和布局,以适应用户的审美和文化差异,包括以下步骤:

27、收集用户的审美偏好和文化差异数据,将色彩、图标、排版和布局的特征表示为机器理解的形式,运用生成式设计算法,在设计空间中搜索并生成多个设计概念,将生成的设计概念呈现用户,根据用户反馈和算法优化结果,迭代更新生成式设计模型,基于迭代优化的模型,生成最终的色彩搭配、图标、排版和布局设计,将生成的设计集成到目标应用或网站中。

28、优选的,色彩对比度偏差的获取方式为:使用在线工具输入前景和背景颜色来计算色彩对比度;

29、f形状扫描内容频率的获取方式为:

30、使用眼动仪进行用户测试,记录用户在网页上以f形状扫描内容的频率。

31、优选的,平均加载时长的获取方式为:浏览器的开发者工具包含网络分析工具,用于查看每个资源的加载时间,以计算平均加载时长;

32、阅读器兼容性指数的获取方式为:使用无障碍检测工具检测网页是否符合无障碍标准,包括阅读器兼容性。

33、在上述技术方案中,本发明提供的技术效果和优点:

34、1、本发明通过根据设定的目标和约束利用生成式设计算法自动生成初步的界面草图和线框图,优化用户流程自动发现并消除优化点,利用模拟器和虚拟用户,自动进行用户测试,并通过机器学习算法自动分析测试结果,通过预训练模型和自动化工具自动选择和集成智能技术,使用生成式设计和算法优化,自动生成色彩搭配、图标、排版和布局,基于机器学习算法分析用户反馈和行为数据,自动发现潜在问题并提出改进方案。该设计方法能够自动依据用户的目标和需求生成相应的ui界面,并在ui界面生成后,通过虚拟用户或模拟器对ui界面进行用户测试,结合后期ui检测结果来总额法对ui界面进行优化,有助于减少人为因素对测试结果的干扰,使测试更加可靠。

35、2、本发明通过获取各个设计方案的色彩对比度偏差、f形状扫描内容频率、平均加载时长、阅读器兼容性指数,将色彩对比度偏差、f形状扫描内容频率、平均加载时长、阅读器兼容性指数综合计算获取方案系数,从而综合分析设计方案的质量是否达标,提高对设计方案质量分析的精度。


技术特征:

1.一种基于智能交互的ui设计方法,其特征在于:所述设计方法包括以下步骤:

2.根据权利要求1所述的一种基于智能交互的ui设计方法,其特征在于:根据设定的目标和约束利用生成式设计算法自动生成初步的界面草图和线框图,包括以下步骤:

3.根据权利要求2所述的一种基于智能交互的ui设计方法,其特征在于:对生成的设计概念进行评估,筛选出符合要求的设计概念包括以下步骤:

4.根据权利要求3所述的一种基于智能交互的ui设计方法,其特征在于:使用算法优化用户流程,自动发现并消除可能的优化点,以提高用户体验,包括以下步骤:

5.根据权利要求4所述的一种基于智能交互的ui设计方法,其特征在于:利用模拟器和虚拟用户,自动进行用户测试,包括以下步骤:

6.根据权利要求5所述的一种基于智能交互的ui设计方法,其特征在于:使用生成式设计和算法优化,自动生成色彩搭配、图标、排版和布局,以适应用户的审美和文化差异,包括以下步骤:

7.根据权利要求6所述的一种基于智能交互的ui设计方法,其特征在于:色彩对比度偏差的获取方式为:使用在线工具输入前景和背景颜色来计算色彩对比度;

8.根据权利要求7所述的一种基于智能交互的ui设计方法,其特征在于:平均加载时长的获取方式为:浏览器的开发者工具包含网络分析工具,用于查看每个资源的加载时间,以计算平均加载时长;


技术总结
本发明公开了一种基于智能交互的UI设计方法,涉及UI设计技术领域,通过根据设定的目标和约束利用生成式设计算法自动生成初步的界面草图和线框图,优化用户流程自动发现并消除优化点,利用模拟器和虚拟用户,自动进行用户测试,并通过机器学习算法自动分析测试结果,通过预训练模型和自动化工具自动选择和集成智能技术,基于机器学习算法分析用户反馈和行为数据,自动发现潜在问题并提出改进方案。该设计方法能够自动依据用户的目标和需求生成相应的UI界面,并在UI界面生成后,通过虚拟用户或模拟器对UI界面进行用户测试,结合后期UI检测结果来总额法对UI界面进行优化,有助于减少人为因素对测试结果的干扰,使测试更加可靠。

技术研发人员:陈熙乔
受保护的技术使用者:北京智麒科技有限公司
技术研发日:
技术公布日:2024/10/31
转载请注明原文地址: https://www.8miu.com/read-21870.html

最新回复(0)