CN115016700A - 基于实验分析提高图标信息界面视觉绩效的方法 - Google Patents
基于实验分析提高图标信息界面视觉绩效的方法 Download PDFInfo
- Publication number
- CN115016700A CN115016700A CN202210805949.3A CN202210805949A CN115016700A CN 115016700 A CN115016700 A CN 115016700A CN 202210805949 A CN202210805949 A CN 202210805949A CN 115016700 A CN115016700 A CN 115016700A
- Authority
- CN
- China
- Prior art keywords
- icon
- color
- experiment
- data
- analysis
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 34
- 230000000007 visual effect Effects 0.000 title claims abstract description 26
- 238000004458 analytical method Methods 0.000 title claims abstract description 25
- 238000002474 experimental method Methods 0.000 claims abstract description 71
- 239000003086 colorant Substances 0.000 claims abstract description 44
- 238000013461 design Methods 0.000 claims abstract description 20
- 238000007405 data analysis Methods 0.000 claims description 33
- 230000035484 reaction time Effects 0.000 claims description 33
- 230000001419 dependent effect Effects 0.000 claims description 18
- 238000012216 screening Methods 0.000 claims description 18
- 238000012360 testing method Methods 0.000 claims description 15
- 230000003993 interaction Effects 0.000 claims description 14
- 230000000694 effects Effects 0.000 claims description 12
- 230000008569 process Effects 0.000 claims description 10
- 230000011514 reflex Effects 0.000 claims description 10
- 208000028698 Cognitive impairment Diseases 0.000 claims description 8
- 208000010877 cognitive disease Diseases 0.000 claims description 8
- 230000006461 physiological response Effects 0.000 claims description 8
- 238000000556 factor analysis Methods 0.000 claims description 6
- 230000004424 eye movement Effects 0.000 abstract description 10
- 238000012937 correction Methods 0.000 abstract description 6
- 238000010276 construction Methods 0.000 abstract description 2
- 238000005516 engineering process Methods 0.000 abstract description 2
- 238000011156 evaluation Methods 0.000 abstract description 2
- 238000007619 statistical method Methods 0.000 description 5
- 230000002159 abnormal effect Effects 0.000 description 4
- 230000000873 masking effect Effects 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 230000019771 cognition Effects 0.000 description 2
- 230000000295 complement effect Effects 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 230000000977 initiatory effect Effects 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000001149 cognitive effect Effects 0.000 description 1
- 230000001815 facial effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000007689 inspection Methods 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 230000008447 perception Effects 0.000 description 1
- 238000004445 quantitative analysis Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/011—Arrangements for interaction with the human body, e.g. for user immersion in virtual reality
- G06F3/013—Eye tracking input arrangements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Eye Examination Apparatus (AREA)
Abstract
本发明公开了一种基于实验分析提高图标信息界面视觉绩效的方法,针对色彩方面提高图标设计的规范性。该方法的主要步骤包括确定图标前景物与背景色的色差阈值、确定图标界面色彩的数量阈值,并将其应用于图标色彩设计中。该方法通过眼动追踪技术进行图标搜索实验,基于眼动设备操作数据进行图标视觉绩效评价,分别得出图标前景物与背景色的色差阈值,图标界面色彩的数量阈值。然后通过图标前景物与背景色的色差阈值、图标界面色彩的数量阈值,构建图标设计色彩规范应用软件,能够有效指导标准化图标库的构建与修正。
Description
技术领域
本发明涉及图标信息界面视觉领域,具体涉及一种基于实验分析提高图标信息界面视觉绩效的方法。
背景技术
图标一般用于表征和指代信息,具有高效、简洁地传递信息,易识别和易记忆等特点,因而广泛应用于人机交互界面中。图标在人机交互界面中具有简化交互模块、美化界面布局、提高识别效率三大功能。图标能够简化交互模块,它具有指代文本命令的功能,使用图标交互能避免输入复杂的文本命令。图标能够美化界面布局,由于图标形象、直观的特点,使用图标进行界面设计能够节约界面空间,使界面简洁、美观。图标能够提高识别效率,一般会选用图像表达其含义,用户识别和处理图像比文字更迅速、简单。
图标是用户图形界面中的重要组成部分,因此图标的构成和应用必须符合人的视觉和认知规律。图标的视觉认知的基本过程包括搜寻、辨别、识别和解译四个阶段,搜寻是指用户在界面中发现图标位置,辨别是指用户区分了图标间的差异,识别是指用户理解了图标传达的含义,解译是指用户判断了其所代表的交互功能。搜寻和辨别是用户认知的生理知觉层面,由于人工设计、设备显示等因素,图标的设计元素(颜色、尺寸、复杂度等)、布局因素(数量、间距、组织方式等)会引起知觉上的差异,使图标在设计规范性和视觉绩效上参差不齐。
发明内容
本发明的目的是提供一种基于实验分析提高图标信息界面视觉绩效的方法,可以解决上述技术问题中的一个或是多个。
为了达到上述目的,本发明提出的技术方案如下:
基于实验分析提高图标信息界面视觉绩效的方法,包括如下步骤:
(1)确定图标前景物和背景色的色差阈值;
(1.1)进行第一次生理实验,以图标前景物和背景色的色差值为自变量、以被试的反应时和正确率为因变量进行生理反应实验;
(1.2)对步骤(1.1)的第一次生理反应实验进行数据分析以确定图标前景物与背景色的色差阈值;
(2)确定图标界面色彩数量阈值;
(2.1)进行第二次生理实验,以图标界面色彩的数量为自变量、以被试的反应时和正确率为因变量进行生理反应实验;
(2.2)对步骤(2.1)的第二次生理实验进行数据分析以确定图标在界面的色彩数量阈值;
(3)将步骤(1)和步骤(2)的结果应用于图标设计色彩中。
优选的,步骤(1.1)中第一次生理实验过程如下:
(1.1.1)试验参与者选视力正常、没有任何认知障碍、以前从未参加过本类的实验;
(1.1.2)根据自变量和因变量在ErgoLab平台上使用Tobii Pro Nano屏幕式高精度眼动仪进行。
优选的:步骤(1.2)中的第一次生理反应实验进行数据分析包括如下步骤:
(1.2.1)筛选数据以提高数据分析的准确性;
(1.2.2)对筛选之后的数据进行反应时和正确率分析;对反应时和正确率进行单因素分析,查看对实验数据有影响的因子的主效应或因子间的交互作用;
(1.2.3)根据数据分析结果得出图标前景物与背景色的色差阈值。
优选的:步骤(2)中图标界面色彩的数量从红色、绿色、黄色、青色、蓝色、紫色中选择2种颜色、4种颜色、6种颜色分别进行实验。
优选的:步骤(2.1)中第二次生理实验过程如下:
(2.1.1)试验参与者选视力正常、没有任何认知障碍、以前从未参加过本类的实验;
(2.1.2)根据自变量和因变量在ErgoLab平台上使用Tobii Pro Nano屏幕式高精度眼动仪进行。
优选的:步骤(2.2)中的第二次生理反应实验进行数据分析包括如下步骤:
(2.2.1)筛选数据以提高数据分析的准确性;
(2.2.2)对筛选之后的数据进行反应时和正确率分析;对反应时和正确率进行单因素分析,查看对实验数据有影响的因子的主效应或因子间的交互作用;
(2.2.3)根据数据分析结果得出图标前景物与背景色的色彩阈值。
本发明的技术效果是:
本发明中通过通过实验定量分析,利用眼动追踪技术进行图标搜索实验,基于眼动设备操作数据进行图标视觉绩效评价,得出图标前景物与背景色的色差阈值,图标界面色彩的数量阈值,并将其应用于图标色彩设计中;或是形成图标设计色彩规范应用软件,或是建立图标设计色彩库;能够有效指导标准化图标库的构建与修正。
附图说明
构成本申请的一部分的说明书附图用来提供对本发明的进一步理解,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。
图1是本发明的一种基于实验分析提高图标信息界面视觉绩效的方法框图。
图2是本发明的采集图标前景物与背景色的色差阈值模块的流程图。
图3是本发明的采集图标界面色彩数量阈值模块的流程图。
图4是本发明的一个应用(在个人终端界面的图标设计色彩规范应用软件中的显示)。
具体实施方式
下面将结合附图以及具体实施例来详细说明本发明,其中的示意性实施例以及说明仅用来解释本发明,但并不作为对本发明的不当限定。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。
需要注意的是,这里所使用的术语仅是为了描述具体实施方式,而非意图限制根据本申请的示例性实施方式。如在这里所使用的,除非上下文另外明确指出,否则单数形式也意图包括复数形式,此外,还应当理解的是,当在本说明书中使用术语“包含”和/或“包括”时,其指明存在特征、步骤、操作、器件、组件和/或它们的组合。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施方式例如能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
为了便于描述,在这里可以使用空间相对术语,如“在……之上”、“在……上方”、“在……上表面”、“上面的”等,用来描述如在图中所示的一个器件或特征与其他器件或特征的空间位置关系。应当理解的是,空间相对术语旨在包含除了器件在图中所描述的方位之外的在使用或操作中的不同方位。例如,如果附图中的器件被倒置,则描述为“在其他器件或构造上方”或“在其他器件或构造之上”的器件之后将被定位为“在其他器件或构造下方”或“在其他器件或构造之下”。因而,示例性术语“在……上方”可以包括“在……上方”和“在……下方”两种方位。该器件也可以其他不同方式定位(旋转90度或处于其他方位),并且对这里所使用的空间相对描述作出相应解释。
如图1所示,基于实验分析提高图标信息界面视觉绩效的方法,包括如下步骤:
(1)确定图标前景物和背景色的色差阈值;为了体现颜色对图标的影响作用,图标采用不同语意的面性图标,并且将图标划分为前景物和背景色;使用CIELAB色差公式设置图标前景物和背景色的色差值。将前景物和背景色的色差值分为10、20、30三个等级,在确定好图标前景物颜色后,使用CIELAB色差公式计算得出图标的背景色。
(1.1)进行第一次生理实验,以图标前景物和背景色的色差值为自变量(自变量是图标的色相、图标前景物与背景色的色差。图标色相分为三个水平,色差分为10、20、30三个水平。)、以被试的反应时和正确率为因变量进行生理反应实验;按照视觉搜索模型的标准,使用眼动仪进行图标搜索实验。实验采用组内实验。
(1.1.1)试验参与者选视力正常、没有任何认知障碍、以前从未参加过本类的实验。
(1.1.2)根据自变量和因变量在ErgoLab平台上使用Tobii Pro Nano屏幕式高精度眼动仪进行。
本实验使用Tobii Pro Nano屏幕式高精度眼动仪,实验程序使用ErgoLab编写,该程序安装在CPU频率为2.4GHz的计算机上。该刺激显示在43厘米宽显示器的中心,屏幕分辨率为1920×1080px,亮度为90cd/m2。
实验开始前,调整参与者的座椅和坐姿,保证视线与屏幕中心平行,然后进行实验教学并完成眼动仪的视觉固定点的校正。
屏幕上首先出现1500ms的凝视点,然后出现一张3000ms的图标图片作为启动刺激,该图标的颜色可能与后续出现的图标颜色相同或为互补色,参与者需要记住该图标的前景物形状。然后出现一张1000ms空屏作为掩蔽刺激。最后呈现一张具有多个图标的图片,被试需要找出之前呈现过的图标,并在键盘上敲录答案,作答环节无时间限制。
(1.2)对步骤(1.1)的第一次生理反应实验进行数据分析以确定图标前景物与背景色的色差阈值;
(1.2.1)筛选数据以提高数据分析的准确性;通过数据初筛,删除异常数据,并以平均值替换缺失数据,提高数据分析的准确性。
(1.2.2)对筛选之后的数据进行反应时和正确率分析;从ErgoLab获取用户的量化数据,运用SPSS数据分析工具对数据进行统计分析。对反应时和正确率进行单因素分析,查看对实验数据有影响的因子的主效应或因子间的交互作用;
(1.2.3)根据数据分析结果得出图标前景物与背景色的色差阈值。
(2)确定图标界面色彩数量阈值;本实验采用组内实验,图标前景物颜色分为三个水平,从红色CIELAB(53,80,67)、绿色CIELAB(88,-86,83)、黄色CIELAB(97,-21,94)、青色CIELAB(91,-48,-14)、蓝色CIELAB(32,79,-108)、紫色(60,98,-60)中选择2种颜色、4种颜色、6种颜色分别进行实验。
(2.1)进行第二次生理实验,以图标界面色彩的数量为自变量、以被试的反应时和正确率为因变量进行生理反应实验;
(2.1.1)试验参与者选视力正常、没有任何认知障碍、以前从未参加过本类的实验(10名左右);
(2.1.2)根据自变量和因变量在ErgoLab平台上使用Tobii Pro Nano屏幕式高精度眼动仪进行。
本实验使用Tobii Pro Nano屏幕式高精度眼动仪,实验程序使用ErgoLab编写,该程序安装在CPU频率为2.4GHz的计算机上。该刺激显示在43厘米宽显示器的中心,屏幕分辨率为1920×1080px,亮度为90cd/m2。实验开始前,调整参与者的座椅和坐姿,保证视线与屏幕中心平行,然后进行实验教学并完成眼动仪的视觉固定点的校正。
屏幕上首先出现1500ms的凝视点,然后出现一张1500ms的图标图片作为启动刺激,参与者需要记住该图标的前景物形状。然后出现一张1000ms空屏作为掩蔽刺激。最后呈现一张具有多个图标的图片,这些图标的背景物颜色与启动刺激中图标的背景物颜色不同,被试需要快速识别出先前呈现过的前景物形状一致的图标,并在键盘上敲录答案,作答环节无时间限制。
(2.2)对步骤(2.1)的第二次生理实验进行数据分析以确定图标在界面的色彩数量阈值;从ErgoLab获取用户的量化数据,运用SPSS数据分析工具对数据进行统计分析,根据分析结果优化得出最终图标呈现格式。
(2.2.1)筛选数据以提高数据分析的准确性;通过数据初筛,删除异常数据,并以平均值替换缺失数据,提高数据分析的准确性。
(2.2.2)对筛选之后的数据进行反应时和正确率分析;从ErgoLab获取用户的量化数据,运用SPSS数据分析工具对数据进行统计分析,根据分析结果优化得出最终图标呈现格式,对反应时和正确率进行单因素分析,查看对实验数据有影响的因子的主效应或因子间的交互作用;
(2.2.3)根据数据分析结果得出图标前景物与背景色的色彩阈值。
(3)将步骤(1)和步骤(2)的结果应用于图标设计色彩中。例如构建图标设计色彩规范应用软件。
以下将不同的步骤模块的方式,通过三个模块以更具体的生理实验对本发明的合理性做进一步的解释说明:
(1)图标前景物与背景色差阈值采集模块,具体子模块如下:
模块1:图标素材获取模块。从图标库中获取图标设计方案。
为了体现颜色对图标的影响作用,图标采用不同语意的面性图标。将图标划分为前景物和背景色,图标前景物颜色采用常用的红色CIELAB(53,80,67),黄色CIELAB(97,-21,94),蓝色CIELAB(32,79,-108),背景色为与前景物颜色有不同等级色差的其他颜色。
模块2:色差值设置模块。使用CIELAB色差公式设置图标前景物和背景色的色差值;
将前景物和背景色的色差值分为10、20、30三个等级,使用CIELAB色差公式计算得出图标的背景色。前景物为红色CIELAB(53,80,67)的图标,在色差值为10时背景色为CIELAB(53,73,60),在色差值为20时背景色为CIELAB(53,66,53),在色差值为30时背景色为CIELAB(53,59,46);前景物为黄色CIELAB(97,-21,94)的图标,在色差值为10时背景色为CIELAB(97,-14,101),在色差值为20时背景色为CIELAB(97,-7,108),在色差值为30时背景色为CIELAB(97,0,115);前景物为蓝色CIELAB(32,79,-108)的图标,在色差值为10时背景色为CIELAB(32,86,-101),在色差值为20时背景色为CIELAB(32,93,-94),在色差值为30时背景色为CIELAB(32,100,-87);
模块3:以图标前景物和背景色的色差值为变量进行的生理反应实验模块。
按照视觉搜索模型的标准,以图标前景物与背景色的色差为变量,使用眼动仪进行图标搜索实验。实验采用组内实验,自变量是图标前景物与背景色的色差,因变量是被试的反应时和正确率,包括:
3.1:设定自变量和因变量。
本实验采用组内实验,自变量是图标的色相、图标前景物与背景色的色差。图标色相为红色CIELAB(53,80,67),黄色CIELAB(97,-21,94),蓝色CIELAB(32,79,-108)三个水平,色差分为10、20、30三个水平。本实验的因变量是被试的反应时和正确率。
3.2:设定实验程序。
本实验使用Tobii Pro Nano屏幕式高精度眼动仪,实验程序使用ErgoLab编写,该程序安装在CPU频率为2.4GHz的计算机上。该刺激显示在43厘米宽显示器的中心,屏幕分辨率为1920×1080px,亮度为90cd/m2。实验开始前,调整参与者的座椅和坐姿,保证视线与屏幕中心平行,然后进行实验教学并完成眼动仪的视觉固定点的校正。
屏幕上首先出现1500ms的凝视点,然后出现一张3000ms的图标图片作为启动刺激,该图标的颜色可能与后续出现的图标颜色相同或为互补色,参与者需要记住该图标的前景物形状。然后出现一张1000ms空屏作为掩蔽刺激。最后呈现一张具有多个图标的图片,被试需要找出之前呈现过的图标,并在键盘上敲录答案,作答环节无时间限制。
3.3:设定被试。
被试要求10名左右,并且要求视力正常或矫正,没有任何认知障碍,以前从未参加过类似的实验。
模块4:色差阈值分析模块。分析被试眼动设备操作数据。
从ErgoLab获取用户的量化数据,运用SPSS数据分析工具对数据进行统计分析,根据分析结果优化得出最终图标呈现格式,包括:
4.1:筛选数据。通过数据初筛,删除异常数据,并以平均值替换缺失数据,提高数据分析的准确性。
4.2:分析反应时和正确率。
从下表1:对图标颜色的两种不同变量因素进行正确率的主体间效应检验表可以看出,图标色相的显著性是0.000,小于显著性水平0.05,色相对正确率具有显著影响;图标前景物与背景色的色差的显著性为0.000,小于显著性水平0.05,说明色差对正确率具有显著影响。两种变量因素交互作用的显著性值均大于0.05,即对正确率的影响不显著。
a.R方=0.258(调整后R方=0.220)
从下表2:对图标颜色的两种不同变量因素进行反应时间的主体间效应检验表可以看出,图标色相的显著性是0.408,大于显著性水平0.05,色相对反应时间没有显著影响;图标前景物与背景色的色差的显著性为0.000,小于显著性水平0.001,说明色差对反应时间具有极显著影响。两种变量因素交互作用的显著性值均大于0.05,即对反应时间的影响不显著。
a.R方=0.127(调整后R方=0.082)
4.3:根据数据分析结果得出图标前景物与背景色的色差阈值。
(2)图标界面色彩数量阈值采集模块,具体子模块如下:
模块1:图标素材获取模块。从图标库中获取图标设计方案。
图标采用与测量图标前景物与背景色的色差阈值的生理反应实验中不同的面性图标。将图标划分为前景物和背景色,图标采用红色CIELAB(53,80,67)、绿色CIELAB(88,-86,83)、青色CIELAB(91,-48,-14)、黄色CIELAB(97,-21,94)、紫色CIELAB(60,98,-60)、蓝色CIELAB(32,79,-108)。
模块2:界面色彩数量设置模块。
界面色彩数量有三种,分别是2种颜色、4种颜色、6种颜色。在2种颜色水平中,图标前景色为红色CIELAB(53,80,67)时,背景色为绿色CIELAB(88,-86,83);图标前景色为黄色CIELAB(97,-21,94)时,背景色为青色CIELAB(91,-48,-14);图标前景色为蓝色CIELAB(32,79,-108)时,背景色为红色CIELAB(53,80,67)。
在4种颜色水平中,图标前景色为红色时,背景色采用绿色、青色、蓝色;图标前景物颜色采用黄色时,背景色采用青色、蓝色、紫色;图标前景物颜色采用蓝色时,背景色采用红色、绿色、黄色。
在6种颜色水平中,图标前景物颜色采用红色时,背景色采用黄色、绿色、青色、蓝色、紫色。图标前景物颜色采用黄色时,背景色采用红色、绿色、青色、蓝色、紫色。图标前景物颜色采用蓝色时,背景色采用红色、绿色、青色、黄色、紫色。
模块3:以图标界面色彩的数量为变量进行的生理反应实验模块。
上述模块3中按照视觉搜索模型的标准,以图标界面色彩的数量为变量,使用眼动仪进行图标搜索实验。实验采用组内实验,自变量是图标界面色彩的数量,因变量是被试的反应时和正确率,包括:
3.1:设定自变量和因变量。本实验采用组内实验,自变量是图标的颜色、图标界面色彩的数量。图标前景物颜色为红色CIELAB(53,80,67),黄色CIELAB(97,-21,94),蓝色CIELAB(32,79,-108)三个水平,界面色彩数量分为2种、4种、6种三个水平。本实验的因变量是被试的反应时和正确率。
3.2:设定实验程序。本实验使用Tobii Pro Nano屏幕式高精度眼动仪,实验程序使用ErgoLab编写,该程序安装在CPU频率为2.4GHz的计算机上。该刺激显示在43厘米宽显示器的中心,屏幕分辨率为1920×1080px,亮度为90cd/m2。实验开始前,调整参与者的座椅和坐姿,保证视线与屏幕中心平行,然后进行实验教学并完成眼动仪的视觉固定点的校正。
屏幕上首先出现1500ms的凝视点,然后出现一张1500ms的图标图片作为启动刺激,参与者需要记住该图标的前景物形状。然后出现一张1000ms空屏作为掩蔽刺激。最后呈现一张具有多个图标的图片,这些图标的背景物颜色与启动刺激中图标的背景物颜色不同,被试需要快速识别出先前呈现过的前景物形状一致的图标,并在键盘上敲录答案,作答环节无时间限制。
3.3:设定被试。被试要求10名左右,并且要求视力正常或矫正,没有任何认知障碍,以前从未参加过类似的实验。
模块4:界面色彩数量阈值分析模块。分析被试眼动设备操作数据。
从ErgoLab获取用户的量化数据,运用SPSS数据分析工具对数据进行统计分析,根据分析结果优化得出最终图标呈现格式,包括:
4.1:筛选数据。通过数据初筛,删除异常数据,并以平均值替换缺失数据,提高数据分析的准确性。
4.2:分析反应时和正确率。
从下表3:对图标界面色彩的两种不同变量因素进行正确率的主体间效应检验表可以看出,图标色相的显著性是0.481,大于显著性水平0.05,色相对正确率没有显著影响;界面色彩数量的显著性为0.010,小于显著性水平0.05,说明界面色彩数量对正确率具有显著影响。两种变量因素交互作用的显著性值均大于0.05,即对正确率的影响不显著。
a.R方=0.085(调整后R方=0.033)
从下表4:对图标界面色彩的两种不同变量因素进行反应时间的主体间效应检验表可以看出,图标色相的显著性是0.004,小于显著性水平0.05,色相对反应时间具有显著影响;界面色彩数量的显著性为0.000,小于显著性水平0.001,说明界面色彩数量对反应时间具有极显著影响。两种变量因素交互作用的显著性值均大于0.05,即对反应时间的影响不显著。
a.R方=0.248(调整后R方=0.205)
4.3:根据数据分析结果得出图标界面色彩的数量阈值。
(3)显示于个人显示终端的图标设计色彩规范应用软件模块。
获取图标前景物与背景色的色差阈值、图标界面色彩阈值的数据后,可在多个不同尺寸和分辨率的个人显示终端上生成图标设计色彩规范应用软件。
模块1:数据输入模块。
将模块(1)中测得的图标前景物与背景色的色差阈值、模块(2)中测得的图标界面色彩阈值的数据信息通过网络传送至个人显示终端。
模块2:个性化色彩规范建立模块。
在接受数据传输模块的信息后,如图4,在当前个人显示终端建立并显示个性化色彩规范:图标色差阈值为20、色彩数量阈值为4。
模块3:色彩规范输出模块。
图标设计色彩规范应用软件获取当前个人显示终端的界面色彩信息后,如图4,在当前图标界面用圆圈标记出不符合个性化色彩规范的图标。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (6)
1.基于实验分析提高图标信息界面视觉绩效的方法,其特征在于:包括如下步骤:
(1)确定图标前景物和背景色的色差阈值;
(1.1)进行第一次生理实验,以图标前景物和背景色的色差值为自变量、以被试的反应时和正确率为因变量进行生理反应实验;
(1.2)对步骤(1.1)的第一次生理反应实验进行数据分析以确定图标前景物与背景色的色差阈值;
(2)确定图标界面色彩数量阈值;
(2.1)进行第二次生理实验,以图标界面色彩的数量为自变量、以被试的反应时和正确率为因变量进行生理反应实验;
(2.2)对步骤(2.1)的第二次生理实验进行数据分析以确定图标在界面的色彩数量阈值;
(3)将步骤(1)和步骤(2)的结果应用于图标设计色彩中。
2.根据权利要求1所述的基于实验分析提高图标信息界面视觉绩效的方法,其特征在于,
步骤(1.1)中第一次生理实验过程如下:
(1.1.1)试验参与者选视力正常、没有任何认知障碍、以前从未参加过本类的实验;
(1.1.2)根据自变量和因变量在ErgoLab平台上使用Tobii Pro Nano屏幕式高精度眼动仪进行。
3.根据权利要求1所述的基于实验分析提高图标信息界面视觉绩效的方法,其特征在于:
步骤(1.2)中的第一次生理反应实验进行数据分析包括如下步骤:
(1.2.1)筛选数据以提高数据分析的准确性;
(1.2.2)对筛选之后的数据进行反应时和正确率分析;对反应时和正确率进行单因素分析,查看对实验数据有影响的因子的主效应或因子间的交互作用;
(1.2.3)根据数据分析结果得出图标前景物与背景色的色差阈值。
4.根据权利要求1所述的基于实验分析提高图标信息界面视觉绩效的方法,其特征在于:
步骤(2)中图标界面色彩的数量从红色、绿色、黄色、青色、蓝色、紫色中选择2种颜色、4种颜色、6种颜色分别进行实验。
5.根据权利要求1所述的基于实验分析提高图标信息界面视觉绩效的方法,其特征在于:
步骤(2.1)中第二次生理实验过程如下:
(2.1.1)试验参与者选视力正常、没有任何认知障碍、以前从未参加过本类的实验;
(2.1.2)根据自变量和因变量在ErgoLab平台上使用Tobii Pro Nano屏幕式高精度眼动仪进行。
6.根据权利要求1所述的基于实验分析提高图标信息界面视觉绩效的方法,其特征在于:
步骤(2.2)中的第二次生理反应实验进行数据分析包括如下步骤:
(2.2.1)筛选数据以提高数据分析的准确性;
(2.2.2)对筛选之后的数据进行反应时和正确率分析;对反应时和正确率进行单因素分析,查看对实验数据有影响的因子的主效应或因子间的交互作用;
(2.2.3)根据数据分析结果得出图标前景物与背景色的色彩阈值。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210805949.3A CN115016700A (zh) | 2022-07-08 | 2022-07-08 | 基于实验分析提高图标信息界面视觉绩效的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210805949.3A CN115016700A (zh) | 2022-07-08 | 2022-07-08 | 基于实验分析提高图标信息界面视觉绩效的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115016700A true CN115016700A (zh) | 2022-09-06 |
Family
ID=83082751
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210805949.3A Pending CN115016700A (zh) | 2022-07-08 | 2022-07-08 | 基于实验分析提高图标信息界面视觉绩效的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115016700A (zh) |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113052475A (zh) * | 2021-04-02 | 2021-06-29 | 江苏徐工工程机械研究院有限公司 | 一种工程机械图标视觉绩效测试方法、装置及存储介质 |
-
2022
- 2022-07-08 CN CN202210805949.3A patent/CN115016700A/zh active Pending
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113052475A (zh) * | 2021-04-02 | 2021-06-29 | 江苏徐工工程机械研究院有限公司 | 一种工程机械图标视觉绩效测试方法、装置及存储介质 |
Non-Patent Citations (4)
Title |
---|
宫勇等: "颜色对图标视觉搜索效率影响的眼动研究", 《浙江大学学报(工学版)》, no. 10, 31 October 2016 (2016-10-31), pages 1987 - 1994 * |
王宪宇等: "影响图标搜索绩效因素的研究进展", 《包装工程》, no. 6, 31 March 2021 (2021-03-31), pages 206 - 211 * |
胡莹等: "图标设计要素对视觉注意和舒适度的影响研究", 《包装工程》, no. 6, 31 March 2021 (2021-03-31), pages 232 - 238 * |
陈学强: "城际物流APP界面导航设计的视觉搜索绩效研究", 《中国优秀硕士学位论文全文数据库 哲学与人文科学辑》, no. 4, 15 April 2022 (2022-04-15), pages 1 - 92 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Moroney | Unconstrained web-based color naming experiment | |
CN104636726B (zh) | 一种图像色彩识别方法、装置及终端 | |
CN106951346B (zh) | 一种响应时间的测试方法和装置 | |
CN105975238B (zh) | 一种显示参数的调整方法及终端设备 | |
CN107204034B (zh) | 一种图像处理方法及终端 | |
US20070091106A1 (en) | Adaptive lexical classification system | |
Guest et al. | The structure of colour naming space | |
US8510100B2 (en) | Human readable sentences to represent complex color changes | |
WO2004027695A1 (en) | Color naming, color categorization and describing color composition of images | |
EP1043708A2 (en) | Recognising and adjusting display characteristics | |
CN102088539B (zh) | 一种预拍照画质评价方法和系统 | |
CN106155483A (zh) | 显示方法及终端 | |
CN106325750A (zh) | 一种应用于终端设备的文字识别方法及系统 | |
US9111387B2 (en) | Color information generation device, color information generation method, and recording medium | |
Dudley et al. | Crowdsourcing design guidance for contextual adaptation of text content in augmented reality | |
CN108109580A (zh) | Led显示屏的参数适配方法、装置、设备及存储介质 | |
KR20150136989A (ko) | 콘텐츠 색감 조절 장치 및 방법 | |
EP3624432B1 (en) | Color processing program, color processing method, chromatic sensation examination system, output system, color vision correction image processing system, and color vision simulation image processing system | |
JP2015511339A (ja) | 毛髪色付け装置及び方法 | |
CN115016700A (zh) | 基于实验分析提高图标信息界面视觉绩效的方法 | |
JP4372494B2 (ja) | 画像処理装置、画像処理方法、プログラム、記録媒体 | |
CN114666634B (zh) | 画质检测结果显示方法、装置、设备及存储介质 | |
EP4207075A1 (en) | Image processing method and apparatus, and computer device and storage medium | |
CN107179181B (zh) | 显示屏均匀性的测试方法、终端及计算机可读存储介质 | |
CN111766049A (zh) | Ar镜片测试方法、装置、设备及计算机可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |