面向老年用户的手机界面功能键排版方式研究

王广文1 ,陈明睿1 ,郝琳1 ,张千宜2

2023-11-13 14:43:00

已关注

要:面对当下手机APP老年用户持续增加的现状,文章探究老年用户对同一界面中功能按键排版方式的使用效率以及满意度。对总结出的4种当前APP常用功能按键排布方式进行测试,运用熵权法进行客观分析,得出最适合老年用户的按键排版方式,帮助开发者设计出更便于老年人使用的界面版式,从而提高老年用户的交互体验。


关键词:老年用户;移动端界面;功能按键;版式设计;熵权法


近年来,网络普及程度不断提升,APP使用范围持续扩大,但不少APP在设计时忽视了老年用户这一庞大的用户群体。据2021年第七次全国人口普查数据显示,我国60岁及以上人口占18.70%,相比于2010年,增长了5.44个百分点。面对老年用户的不断增长,许多APP并没有对其进行针对性的设计,因而造成老年人在使用时产生很多的困扰。面向老年用户进行针对性的界面设计,能够提升他们的用户体验,其中,找到更合理的功能按键排版方式是适老化界面设计的关键一步。


一、版式设计在手机界面中的应用


(一)版式设计概念


版式设计指在一定的范围内,运用美学原理进行视觉元素的整合,有效地传递信息。传统的版式设计主要运用于印刷物中,如刊物、书籍、招贴等。如今,移动互联网发展成熟,市面上APP数量不断增加,移动端界面版式设计对于良好的用户体验有着至关重要的意义。移动端界面相较于以往的媒介版式设计有所不同,受手机屏幕尺寸以及用户学习成本的影响,移动端的界面版式设计风格越来越一致化、规范化。


(二)功能按键排版方式


1.列表式:列表式通常将所有功能按键从上至下排成一列(图1)。这种排列方式遵从用户的阅读习惯,可以给用户带来更顺滑的浏览体验,然而在功能按键过多时,需不断下滑页面寻找按键,在操作上给用户带来极大不便。


2.宫格式:宫格式通常将各个功能按键平均分布在三列方格之中,并用线条进行分隔。(2)。各个按键之间分隔明显,方便用户更准确地触碰到按键交互的感应范围,提高用户选择的准确度。同时,因其方格大小限制,按键名称不能过长。


3.卡片式:卡片式将图标和名称形成一个矩形“卡片”,通常以每排2至3个“卡片”进行排列,有时也会依据现实需要,将所有卡片排列在一排中,用户可以将卡片左右滑动进行选择(图3)。这种排列方式能让功能选择区域划分更加明显,方便用户进行按键的选择。


4.排列式:排列式通常以一排三至五个按键进行布局(4)。这种排列方式在相同的页面长度下能向用户展示更多的功能按键。但在各个功能按键名称、图标、功能较为相似的情况下,会明显增大老年用户的选择难度。


二、老年用户对版式设计的需求


随着年龄的增长,老年群体视力逐渐减弱,因而老年人在使用手机时会面临文字过小、辨认不清等问题。陈义言通过实验分析出了适合老年人使用的界面字体大小,实验结果表明,老年人舒适阅读字号为17px


步入老年,肌肉力量、身体机能也将减弱,导致反应时间增长,行为敏捷度降低,部分老年人还存在手部颤抖等疾病的困扰。因此在进行面向老年人的界面设计时,为方便其操作,按键尺寸应约为正常按键的1.5倍


三、实验流程


(一)实验准备


在满足老年用户对字体、按键大小要求的前提下,将18个功能按键依照前文四种排版方式进行排布,设计出四个样机界面,确保被测者在选择按键时都存在滑动界面的情况(图5)。让被测者对样机分别进行操作测试,并与被测者进行深度访谈,得出更为具体的使用体验。


实验需招募20位60—75岁的老年群体作为被测者,男女比例为1:1,被测者应经常使用手机APP,对手机界面及操作方法较为了解,保证实验结果有效。实验设备包括实验手机一部、可记录实验用时以及操作轨迹的录屏软件一款。


)实验过程


实验开始前,需带领被测者了解实验目的及过程,并根据实验要求以及被测者自身情况调整实验中可能存在的干扰内容,为后续实验的可行性打好基础。实验正式开始后,被测者按要求对样机进行实际操作,选取正确的功能按键,并在完成样机测试后填写相关问卷,进一步阐述自己的使用体验。


实验记录者使用录屏软件对被测者操作及用时进行记录,并在被测者需要时提供帮助。原型测试内容结束后被测者应填写有关四个原型的调查问卷。实验和问卷结束后,实验记录者根据实验过程以及问卷所反映的情况对被测者进行深度访谈,进一步了解被测者的使用体验。最后对实验收集出的数据、问卷和访谈内容进行整理。


四、实验结果及分析


在面向老年人的移动界面功能按键排版方式中,最终的评价指标由使用效率以及满意度两个指标决定。两指标在计算时所需的具体数据与评价指标的正负相关不同,影响程度不同,造成了数据结果计算与分析的不便。因此,本实验使用熵权法对各个数据指标进行客观赋权,更好的保证实验数据的客观性。


(一)使用效率指标


使用效率由使用时间和正确率两个数据指标决定。数据内涵见1,效率数据见2


该实验中,设定有g个实验方案,有h个评价指标,第m个评价方案的第n个指标的原始数据为Xmn,可得原始数据矩阵:


(编:公式(1)文中公式时都保留排版参考【排完删除】面的公式(2)(9)版式都一每个公式后面都有序号【标黄底】


因各项指标对效率指标影响不同,故需要用到不同的公式进行标准化处理。使用时长与效率指标呈负相关,用公式(2);正确率与效率指标呈正相关,用公式(3)。得到标准化矩阵Y。根据公式(5)计算指标比重值,得到矩阵p。


(美编:以下顺序插入公式(2)(3)(4)(5)(6)

  

根据熵权法中的公式(7)计算第m个指标熵值,得到各指标的熵值为Em,最后运用公式(8)计算出各项指标的权重Wm。将样机实验中的标准化数据指标与相应指标权重相结合,最终得到A组各方案在效率指标上的综合评价。


(美编:以下按顺序插入公式(7)(8)(9) )


 

使用效率指标评价结果见3。结果表明,A方案为0.5763,B方案为0.8079C方案为0.3465,D方案为0.0836,从使用效率指标的两个数据来看,被测者在使用B方案时寻找正确按键用时最短,B宫格式为效率评价最优方案。


当功能按键较多,被测者需进行界面的滑动操作时,宫格式可以让老年用户更高效地寻找到正确按键。在四个方案中,宫格式排布可以在屏幕中呈现出最多的按键,减少被测者滑动界面的次数。同时,便于被测者确认正确按键是否存在于当前屏幕中,减少因为错过正确按键而反复滑动页面的情况,从而减少选择时长,提高选择效率。A列表式和C卡片式在功能按键较多时,需要被测者多次滑动屏幕,减缓了被测者的筛选速度。尤其在错过正确按键时,需要反复滑动页面寻找,大大延长了选择时间。D排列式与宫格式相比,缺少了用于确定按键交互范围的分界线,在功能按键增多时,按键排列密集混乱,一定程度上干扰了被测者的判断。


因此,在功能按键数量较多的情况下,老年用户在使用宫格式时效率最高。在满足老年用户对移动界面的字体以及按键大小的需求下,规整的界面、清晰的交互范围以及更少的滑动页面行为,可以帮助他们更高效地做出正确选择。


(二)满意度指标


满意度由体验指数和美观指数两个数据指标决定。数据内涵见4,满意度数据见5


运用同样的算法,满意度指标评价结果见6。结果表明,A方案为1,B方案为0.5188,C方案为0.8600,D方案为0。从满意度指标的两个数据来看,被测者在使用A列表式方案时体验指数最高。


通过对被测者的访谈了解到,C卡片式的密集程度增强,容易让被测者在选择时感到慌张不安。B宫格式在密集程度增大的同时,滑动页面次数也较多,容易让被测者产生混乱。部分被测者反映,界面中存在纵向以及横向两种排列顺序时,不利于他们进行筛选。D排列式体验指数最低,被测者反映,排列式让界面变得杂乱无章,很大程度上干扰了他们的筛选,且模糊的交互范围增长了他们的犹豫时间。A列表式因其更简洁明了的界面效果,更强的秩序感,受到了被测者们的偏爱。


(三)综合评价


结合使用效率以及满意度两项指标,可以分析出样机的综合评价。综合评价数据见7



结果显示A方案最佳,为0.8400,优于B方案0.7568,优于C方案0.6763,优于D方案0。即当排列的功能按键较多,需要滑动界面进行选择时,列表式排布为最优。其次为宫格式、卡片式,不推荐使用排列式。


通过实验结果以及对被测者的访谈可以得出以下结论:1.按键排版方式造成的选择时间长短与老年用户体验感受好坏关系小,老年用户不排斥选择时间长的排版方式;2.老年用户不喜欢繁杂拥挤的页面,简洁明了的排版方式更能提升他们的使用体验;3.按键排版的美观程度对老年用户不重要,排版方式的实用性比美观度更重要。


五、结语


目前市面上的APP界面设计对老年用户关注度低,造成老年用户的使用体验较差。本研究运用熵权法对四种常用功能按键排布方式做出评估,将客观数据与主观评价相结合,更准确地得出了适合老年用户的按键排版方式,为面向老年用户的APP界面设计提供了思路及建议。适合老年用户的移动端界面设计需要考虑的因素很多,本文仅在功能按键的排版方式上提供了建议。后续还应更全面地分析界面设计中的适老化需求,全方位地针对老年用户的特点进行个性化设计,帮助老年群体更顺利地使用APP。

 

参考文献:

[1]宁吉喆.第七次全国人口普查主要数据情况[J].中国统计,202105):4-5.

[2]赵岩岩.新媒体视角下的版式设计研究[D].天津:天津科技大学,2017. 

[3]李音.探析移动端中文电子书的界面版式设计[D].武汉:武汉理工大学,2015. 

[4]冯波.基于用户体验下的App界面设计中版式设计的探索——以妙读App为例[J].装饰,202107134-135. 

[5]毛舒,肖龙.针对老年用户群体的微信视觉改善设计研究[J].包装工程,20204104:177-181+251. 

[6]陈义言.基于视觉认知理论的购物网站适老化设计研究[D].广州:华南理工大学,2018. 

[7]杨志.针对老年人的文字、色彩及版式设计研究述评[J].装饰,201205:86-87. 

[8]张振萌.针对使用行为分析的老年人手机设计研究[D].沈阳:沈阳航空航天大学,2011. 

[9]李婷,王秋平.基于熵权和改进的层次分析法的总图设计方案评价[J].兰州理工大学学报,2012,3802:120-123. 

[10]邬锦雯,孙静蕾,李敏.基于熵权法的微信小程序界面设计可用性评价研究[J].包装工程,2021,4212:191-196+222. 

[11]郭亚周,孙鹏举,刘学录,段豪伟.基于熵权法的兰州市土地城镇化时空发展水平分析[J].甘肃农业大学学报,20165101:126-131. 

[12]周薇,李筱菁.基于信息熵理论的综合评价方法[J].科学技术与工程,2010,1023:5839-5843. 

版权声明:【除原创作品外,本平台所使用的文章、图片、视频及音乐属于原权利人所有,因客观原因,或会存在不当使用的情况,如,部分文章或文章部分引用内容未能及时与原作者取得联系,或作者名称及原始出处标注错误等情况,非恶意侵犯原权利人相关权益,敬请相关权利人谅解并与我们联系及时处理,共同维护良好的网络创作环境,联系邮箱:603971995@qq.com】

0条评论

杨冬江:人工智能时代 设计教育如何因时而变

2023年9月,习近平总书记在黑龙江考察时首次提出“新质生产力”。作为以数字化、网络化、智能化为鲜明
清华大学美术学院 0评论 2024-04-03

两种生成性:从谢赫六法到人工智能六法

如何阐释当代人工智能的生成性逻辑,是2023年以来最为关注的社会议题。学界现有阐释主要将人工智能的历
韩涛,何理达 0评论 2024-04-02

曹汛:林徽音先生设计《中国营造学社汇刊》封面考详

林徽音先生设计《中国营造学社汇刊》封面考详Lin Huiyin’s Cover Design of&
曹汛 0评论 2024-04-01

林徽因:敦煌边饰初步研究稿

今天是林徽因教授六十八周年忌辰,《建筑史学刊》公众号特别刊发原载于《建筑师林徽因》(清华大学出版社,
林徽因 0评论 2024-04-01

王凯飙:中国描金工艺与日本莳绘的比较研究

故宫博物院收藏的漆器文物中有大量黑地金髹纹样的漆器,有传统描金器物,也有清宫仿制的仿洋漆,如黑漆描金
王凯飙 0评论 2024-03-28

让幸福可见

亚里士多德认为:追求幸福是生命的终极目标。我们之所以也追求其他目标——财富、荣誉、权力、健康、美貌等
陈正达 黄倩 0评论 2024-03-20

金浪:消除烦闷的审美方案

五四运动中学生上街游行摘 要 迄今对中国现代美育运动的考察,多注重思想层面,却较少关注其与
文艺研究编辑部 0评论 2024-03-18

周施廷:丢勒的几何学——德意志艺术与科学融合的开始

丢勒  《圆规直尺测量法》中的“测量装置图”  1525  木刻版画&
文艺研究编辑部 0评论 2024-03-18

“设计文化”视域下的“文化设计”:中国传统造物方式现代转译的辨析与探索

内容摘要在全球化和现代化的语境下,为了探索如何构建具有中国本土文化立场的当代造物方式,本文针对当前理
张明、贾路思 0评论 2024-03-18

人工智能与艺术创造的危机

德国观念艺术家博伊斯说“人人都是艺术家”,美国设计理论家维克多·帕帕奈克说“人人都是设计师”。他们想
周博 0评论 2024-03-17

“在生命中绽放——朱乐耕环境陶艺特展”研讨会纪要

2024年1月21日,由中国文化产业协会、中国艺术研究院文学艺术院与SAC东南艺术中心联合主办的“在
艺术中国 0评论 2024-03-06

韩子勇:从物质文化、非物质文化看中华文明“五个突出特性”

【摘要】文化是民族的根与魂。从内容形态上,文化可以分为“物质文化”与“非物质文化”。中华文化对“中国
韩子勇 0评论 2024-03-01

作为字体排印的程序——《整体性字体排印》

1946年,马克斯·比尔[Max Bill, 1908–1994]在《瑞士图文传播》[Schweiz
卡尔·格斯特纳 0评论 2024-02-07

中国古代茶叶包装形态及包装设计嬗变

“茶者,南方之嘉木也。”中国是“茶的故乡”,有着非常悠久的产茶和饮茶历史。《神农本草》记载,“神农尝
吴余青 、陈培瑶 0评论 2024-02-01

祝帅|中国特色艺术学学科的历史传统

在我国现行的《研究生教育学科专业目录(2022年)》(以下简称《学科目录》)中,“艺术学”一词既指学
祝帅 0评论 2024-01-29

艺术与设计APP

  • 最新最热
    行业资讯
  • 最新最热
    行业资讯
  • 最新最热
    行业资讯