中国包装丨艺术理论
基于A H P的手机A P P界面视觉设计影响因素的探究
■文/兰州理工大学魏雅丽李丽云南农业大学敬利平
摘名■:万物互联,各类手机应用
程序每时每刻都在为我们更好的生活
而运作,界面视觉设计已然成为一种
沟通现实与虚拟的媒介。到影响手
机A P P界面视觉设计的影响因素,并
探索这些影响因素对手机A P P界面视
觉设计的影响程度,以作为设计师在
进行界面视觉设计时的参考依据,帮
助减小用户心智模型和设计师概念模
型间的差距。
茗鈦•《:手机A P P;界面视觉设
计;影响因素;层次分析法
【作者简介】
1.魏雅丽,兰州理工大学,硕士,研究方 向:用户界面设计
2. 李丽,兰州理工大学,副教授,研究方 向:视觉传达设计
3. 敬利平,云南农业大学,硕士,研究方 向:农业工程与信息技术3随着移动端市场的蓬勃发展,如今己经进入智能驱动阶段。市场进
入智能驱动阶段不仅需要人工智能技术的推动,更需要用户体验设计的 提升,界面视觉审美的提高,视觉设计最终将演化为信息设计。用户对 手机A P P界面视觉设计的要求在未来会只增不减,如何将信息更好的传 递给用户,我们需要多方面、多维度的去思考和探索影响手机A P P界面 视觉设计的因素。
一、确立手机界面视觉设计的影响因素
1.基于大量学术文献提取相关影响因素
通过对大量文献资料的阅读研宄,得到相关界面视觉设计影响因 素。陈智[1]认为用户下载意愿影响因素包括对应用形象认知水平、应用 界面视觉吸引力和图标设计吸引力;交互过程体验质量主要影响因素为 应用的界面视觉美观性、有用性、易用性、享受愉悦性、流畅性等。肖红等[2]认为多感官人机交互界面的视觉设计主要是指界面的彩搭配,界面的平面构成与布局设计,界面中的图形、图标、文字、氛围及情感 设计等。陈星海、廖海进等人[3]认为任何成功的移动界面视觉设计,都需要努力提高用户的认知效率、界面内容信息的传播效率以及跨产品界 面视觉的适配设计效率。在相关文献中提取了有关界面视觉设计的众多 影响因素,这里将对其进行一个相关性划分。
2. 影响因素的相关性划分
手机A P P界面视觉设计影响因素众多,通过分析后得到用户需求具 有层次性和关联性,能够按照一定的层次关系逐级分解、细化,构成父 子集需求模型。在这里对相关学术文献以及经过用户调研后搜集到的有 关影响因素进行总结与相关性划分,将其分成了3大层,9小类进行进一 步的探究。现将其总结如表1所示。
二、层次分析法简述
层次分析法由美国运筹学家S a a t y教授在20世纪70年代提出,是广 泛应用于系统分析的数学工具。[4]它将人类思维过程进行层次化和数量 化,并用数学方法为其分析、决策、预报和控制提供帮助。
59
CHINA PACKAGING | ARTTHEOTY
三、层次分析法应用
1.界面视觉设计指标体系构建
首先,建立界面视觉设计评价体系层次结构模型,如表1所示。其 次,构建判断矩阵,在确定评价指标相对重要度的过程中,一个指标与 另一指标相比的重要程度通常很难确定,常采用为关系矩阵元素a u 赋值 评分的方法来实现,如表2所示。通过手机A P P 界面视觉设计专家评价, 得到了表3至表6的判断矩阵。
此外,还要对判断矩阵做一致性检验,确保判断矩阵具有相容 性。一致性检验可由一致性指标CI 计算其中;U 为判断矩阵 的最大特征值,n 为指标的数量。计算一致性比例C .R . (C o n s i s t e n c y Index ),可以通过公式= 其中RI 为一致性指标,当^^^时,认为 此矩阵通过一致性检验。根据以上步骤计算得出判断矩阵的一致性比例 检验结果如表7所示。从表7—致性比例检验结果可以得出各判断 矩阵
均通过一致性检验。
a(j 指标i 较指标j 。C 1C 2C 3
163
1C l 丨口午里安r ?1/611/52中间值 01/3513稍微重要表3 判断矩阵G
4中间值
5明显重要页面设计用什么软件做
6中III 倌
111213
7
C 1i )11/33
8中间值 _12 ■315
9强烈重要 131/31/51
表2比较矩阵元素娬值准则 表4 判断矩阵C 1
目标层准则层指标层界面配11形式层面图形设计12手机C 1风格设计13A P P 界内容与功能 布局排版14面视觉设计整功能层面跨产品界面 视觉的适配 设计15体评价C 2交互行为体 验设计16G 内容层面C 3愉悦性17有用性18导览性19表1 界面视觉设计体系层次结构模型
C 21415161411/51/715511/316731表5 判断矩阵C 2C 317181917121/3181/211/319331
表6 判断矩阵C 3
2.确定各层次元素指标权重
各级评价指标权重的计算,对于多层次指标体系,可以首先确定60
中国包装丨艺术理论
检验矩阵最大特征根
及一致性指
标检验结果
一致性比例
检验结果
G-C n >.m a x=3.094
C.I.=0.047
C.R.=0.090
<0.1
C l-I n 入m a x=3.039
C.I.=0.019
C.R.=0.037
<0.1
C2-In A.inax=3.065
C.I.=0.032
C.R.=0.062
<0.1
C3-In A m a x =3.054
C.I.=0.027C.R.=0.052
<0.1
表7 —致性比例C.R.检验结果表第一层评价目标的权重^:G=u…然后根据重要度关系矩阵得到同一 目标下层评价指标的重要度…,其中\表示第i项指标相对于 第j项指标的重要度,也称为局部权重,则第i项目标下的第j个指标的 权重由计算;依次类推可求出各级评价指标的权重。通过以上判 断矩阵,算得各层元素的权重。
由计算得出C1层权重为0.565, C2层权重为0.077, C3层权重为0.358。指标层相对于目标层所占权重如下:
II层权重为0.165,12层权 重为0.342, 13层权重为0.058, 14层权重为0.006, 15层权重为0.026, 16层权重为0.046, 17层权重0.098, 18层权重0.054, 19层权重为0.206。
结语
由研究结果可知,形式层面对手机A P P界面视觉设计影响最大,其次为内容层面,最后为功能层面。指标层相对于目标层影响最大的三个 因素分别是图形设计、导览性和界面配。因此,设计师在做界面视觉 设计时应该更加注重这些方面,多方面多维度的考虑界面视觉设计的影 响因素,并根据其权重影响力,合理协调各影响因素间的关系,方能减 小用户心智模型和设计师概念模型间的差距。
本考 <;献
[1] 陈智.移动应用用户体验评估与量化模型研究|D].浙江工业大学,2012.
[2] 肖红,郭歌.多感官人机交互界面的视觉设计原则U].包装工程,2012,33 ( 08 ): 35-37+48.
[3] 陈星海,杨煥.廖海进.基于效率的移动界面视觉设计美学发展研究[H.包装工 程,2015,36(16):107-110.
[4] S aaty T L,V a r g a s L G.D e c i s i o n M a k i n g in E c o n o m i c,Political,Social a n d
T e c h n o l o g i c a l E n v i r o n m e n t s w i t h the Analytic H i e m r c h y P r o c c s s[M].P i t t s b u r g h:R W S publications,1994.
61
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论