ImageVerifierCode 换一换
格式:PDF , 页数:10 ,大小:1.83MB ,
资源ID:290938      下载积分:10 金币
验证码下载
登录下载
邮箱/手机:
验证码: 获取验证码
温馨提示:
支付成功后,系统会自动生成账号(用户名为邮箱或者手机号,密码是验证码),方便下次登录下载和查询订单;
特别说明:
请自助下载,系统不会自动发送文件的哦; 如果您已付费,想二次下载,请登录后访问:我的下载记录
支付方式: 支付宝    微信支付   
验证码:   换一换

开通VIP
 

温馨提示:由于个人手机设置不同,如果发现不能下载,请复制以下地址【https://www.zixin.com.cn/docdown/290938.html】到电脑端继续下载(重复下载【60天内】不扣币)。

已注册用户请登录:
账号:
密码:
验证码:   换一换
  忘记密码?
三方登录: 微信登录   QQ登录  
声明  |  会员权益     获赠5币     写作写作

1、填表:    下载求助     索取发票    退款申请
2、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
3、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
4、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
5、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【自信****多点】。
6、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
7、本文档遇到问题,请及时私信或留言给本站上传会员【自信****多点】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。

注意事项

本文(基于视觉符号理论的APP交互界面适老化设计研究_路鹏.pdf)为本站上传会员【自信****多点】主动上传,咨信网仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知咨信网(发送邮件至1219186828@qq.com、拔打电话4008-655-100或【 微信客服】、【 QQ客服】),核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载【60天内】不扣币。 服务填表

基于视觉符号理论的APP交互界面适老化设计研究_路鹏.pdf

1、第 44 卷 第 12 期 包 装 工 程 2023 年 6 月 PACKAGING ENGINEERING 189 收稿日期:20230106 基金项目:吉林省教育厅人文社科研究项目(JJKH20220087SK);吉林省新文科研究与改革实践项目(202130)作者简介:路鹏(1984),男,博士,副教授,主要研究方向为数字媒体艺术。基于视觉符号理论的 APP 交互界面适老化设计研究 路鹏,姜怡楠(东北电力大学 艺术学院,吉林 吉林 132012)摘要:目的目的 通过对 APP 界面中视觉符号的适老化设计来提升老年人对 APP 产品的接受与使用程度,改善老年用户的交互体验。方法方法 首先,对

2、老年用户的视觉认知特征及其 APP 产品使用困境进行调查、访谈与分析;其次,以视觉符号理论为指导,进一步研究视觉符号、视觉认知与老年用户需求之间的联系,并从语义、语构、语境、语用四个层面构建 APP 界面中的视觉符号系统;最后,提出基于视觉符号理论的 APP 适老化编码策略,并结合老年用户的行为特征进行新闻类 APP 产品设计的实践。结果结果 提出了基于视觉符号理论的 APP 适老化编码策略,进行新闻类 APP 的适老化设计实践,有效地减少了老年用户的认知困境。结论结论 提出的方法提升了老年用户对界面中视觉符号的认知效率,并为 APP 产品的适老化设计提供方法和策略参考。关键词:视觉符号;适老

3、化;交互设计;视觉认知 中图分类号:TB472 文献标识码:A 文章编号:1001-3563(2023)12-0189-09 DOI:10.19554/ki.1001-3563.2023.12.020 Elderly-oriented Design of APP Interactive Interface Based on Visual Symbol Theory LU Peng,JIANG Yi-nan(College of Art,Northeast Electric Power University,Jilin Jilin 132012,China)ABSTRACT:The work a

4、ims to improve the degree of acceptance and use of APP products by the elderly through the de-sign of elderly-oriented visual symbols in the APP interface,so as to improve the interactive experience of elderly users.First of all,the visual cognitive characteristics of the elderly and their difficult

5、ies in using APP products were investi-gated,interviewed and analyzed.Next,based on the visual symbol theory,the relationship among the visual symbols,the visual cognition and the needs of the elderly was further studied,and the visual symbol system in the APP interface was constructed from semantic

6、s,syntactic structure,context and pragmatics.Finally,the APP elderly-oriented coding strategy was proposed based on the visual symbol theory,and combined with the behavioral characteristics of elderly users,the design practice of news APP products was carried out.An elderly-oriented APP coding strat

7、egy based on visual symbol theory was proposed and the elderly-oriented design practice of news APP was carried out,which effectively reduced the cognitive dilemma of elderly users.The proposed method improves the cognitive efficiency of elderly users to visual symbols in the interface,and provides

8、reference for the elderly-oriented design of APP products.KEY WORDS:visual symbol;elderly-oriented;interaction design;visual cognition 在数字时代的浪潮下,越来越多的老年人通过手机 APP 获取信息与服务,据 2021 年第七次全国人口普查结果显示,我国 60 岁及以上人口数量达 2.6 亿,老龄化进程明显加快1。当“数字化”遇到“老龄化”,一方面,数字化能够为老年人的生活带来更多便利;另一方面,很多老年人跟不上数字化的发展步伐2,尤其在新冠疫情的影响下,老年人

9、在面临“数字困境”日益严重的同时,也反映出 APP 交互界面设计存在不够人性化、普适化的弊端。为适应老龄化发展,国务院办公厅陆续印发了 关于切实解决老年人运用智190 包 装 工 程 2023 年 6 月 能技术困难的实施方案等文件。由此可见,面向老年群体的 APP 设计变得尤为重要。为了帮助老年人充分地享受数字化生活,需进一步加强 APP 适老化设计研究。1 老年人使用 APP 现状分析及适老化设计概述 1.1 老年人使用移动 APP 现状分析 据第 49 次中国互联网络发展状况统计报告显示,截至 2021 年 12 月,我国 60 岁及以上的老年用户占比已达到 11.5%3,老年人逐渐变成

10、移动互联网用户中的重要新群体。研究通过调查问卷、针对性访谈、介入性观察等方法对东北地区 30 名 60 岁以上具有 APP 使用经验的不同职业背景、文化程度的老年用户进行调研。调研内容包括 3 个部分,即用户基本信息、用户的使用行为特点、用户的使用痛点,并对调查结果进行梳理和总结。结果显示,86.67%的老年人能够与家人进行视频聊天,70%的老年人会浏览每日的新闻资讯,但能够熟练使用 APP 进行娱乐与购物的用户数量明显减少,见图 1。图 1 老年人智能手机 APP 使用情况调研 Fig.1 Survey on smartphone APP used by the elderly 此外,老年用

11、户在 APP 使用过程中出现最多的问题是界面操作过于复杂;视觉敏感度的下降导致老年用户难以获取界面中尺寸较小的文字信息;界面中一些难以关闭的广告弹窗也持续困扰着大部分的老年用户,见图 2。1.2 APP 交互界面设计 交互界面作为输入/输出信息的载体,影响个体的感觉、知觉、注意与记忆过程,进而影响用户的使用体验4。APP 交互界面也称为数字界面,以虚拟信息即非物质的方式存在,当前的主体形式是图形用户界面,主要通过文字、形状、材质等视觉符号的综合应用,实现人与产品交互信息的可视化。1.3 APP 适老化设计 APP 适老化设计旨在 APP 产品设计中,坚持“以老年用户为本”的设计理念,从老年人的

12、视角出发,深入研究老年群体的共性特征与核心需求,从而设计出真正能够为老年人提供帮助的 APP 产品。图 2 老年人使用 APP 遇到的困境调研 Fig.2 Survey on the difficulties encountered by the elderly in using APP 2 老年人的视觉认知特征分析 2.1 视觉认知概述 视觉是人类感知外界信息最主要的通道之一5,影响着人们对外部世界的体验。视觉认知是指人主动搜索和接受信息,并通过体内结构对不同层次信息进行加工,经过直观的感知、认知、记忆,形成抽象的认知体验6。随着年龄的增长老年群体在视觉方面存在不同程度的衰退,包括注视时间相

13、对较长,搜索加工过程更为缓慢等7,这些特征影响着老年用户的交互体验。因此,适老化设计应关注目标用户的特征,满足其多方面的需求。2.2 老年人的视觉认知特征 步入老年后,眼角膜失去光泽,晶状体功能衰退,视网膜的视觉感受细胞逐渐凋亡,这些特征会在不同认知阶段影响老年用户的交互体验,导致老年用户需要更长时间来响应符号、搜索和解释信息8,见表 1。因此,适老化设计应着重考虑老年用户的视觉特征。1)视敏度下降。老年人在与 APP 界面交互时无法快速、准确地接收到界面中的视觉符号信息,视觉选择效率下降。一旦界面中的视觉符号出现复杂拥挤、色彩相近、移动速度快、变化多等情况,老年人将很难对这些符号信息进行获取

14、和认知。2)视野范围缩小。视野指人们的视觉系统可以检测刺激存在的空间范围。老年人不同程度的驼背导致视觉注视点向下偏移,老化的眼角膜、晶状体等视觉组织对光线的调节能力减弱,使进入眼中的光线量 第 44 卷 第 12 期 路鹏,等:基于视觉符号理论的 APP 交互界面适老化设计研究 191 表 1 老年人的视觉认知 Tab.1 Analysis of visual cognition of the elderly 视觉认知流程 老年人视觉 认知特征 老年人视觉认知表现 视敏度下降 难以分辨事物细节 视野范围缩小 视觉注视点向下偏移 进入眼中的光线量变少 视觉刺激阶段 明暗感受能 力下降 对环境的明

15、暗程度有较高要求 色彩感受能 力减弱 感光细胞减少 色彩分辨能力下降 视觉注意阶段 注意力下降 容易被其他事物所干扰 无法同时处理多项任务 视觉选择效率迟缓 无法快速捕捉信息 视觉识别阶段 记忆能力衰退 对长时记忆印象深刻 对事物的回忆较为困难 视觉反馈阶段 思维模式固化 依赖过去积累的经验与知识体系保守的性格和谨慎的思考方式 固执不愿接受他人意见 减少,观察物体距离感和立体感的能力也随之下降。3)色彩感受能力减弱。由于老年人的晶状体逐渐变浑浊,感光细胞减少,对光线和色彩的感知力下降,6070 岁的老年人对色彩的分辨能力只有年轻人的 76%9,并且对光谱蓝端色彩的辨别有不同程度的丧失,另外在同

16、等照明条件下,老年人对暖色调的识别强于冷色调。2.3 视觉认知流程 光源进入眼球后,将图像聚焦于视网膜上,从而刺激感光细胞产生神经冲动,传导至视觉中枢后形成视觉。注意行为是人类认知信息的第一步10,内源性注意指用户对界面中的符号信息有主观的选择性注意,外源性注意指用户被符号的某一显著特征所吸引11。进入视觉识别阶段后,将符号信息传送至大脑,与已有的知识、记忆、经验等进行认知匹配。若符合大脑中已存储的记忆和经验,便能快速地进行操作反馈,否则,将会产生认知摩擦,从而降低用户与产品的交互效率,见图 3。图 3 视觉认知流程 Fig.3 Visual cognition process 3 APP 界

17、面中的视觉符号系统 符号是信息的外在形式与载体,是人类认识事物的主要工具和媒介,用来指称或代表其他事物12。符号学是研究符号的特点、内涵、代表意义、本质及与人类活动之间关系的一种学说。瑞士语言学家费德南德索绪尔(Ferdinand de Sauaaure)指出,符号学是研究符号的构成及规律的科学13。美国逻辑学家查尔斯桑德斯皮尔斯(Charles Sanders Peirce)指出,符号学就是意义学,而意义的解释和认知是符号化过程的关键13。美国哲学家查理斯威廉莫里斯(Charles Willian Morris)从行为科学的视角提出了符号学的三个分野,即:语义学、语构学和语用学。人机交互专家

18、米哈纳迪(Mihai Nadin)指出:如果有一门界面科学,那么就是符号学。可见符号与界面密不可分。视觉符号(Visual Symbols)是以色彩、线条、结构、表现、形式等符号要素构成的媒介载体14。视觉符号影响着用户的感觉与认知,从而指导用户的交互行为。当前部分学者对 APP 界面中视觉符号的研究大多是从视觉符号与文化15、品牌16的联系等方面展开,而针对 APP 界面中的视觉符号进行适老化设计的研究相对较少。由于老年群体受个体特征与产品适老化设计不足等因素的影响,导致其在 APP 的使用过程中存在诸多阻碍17,由此产生的沮丧感和无助感极大地降低了老年群体的使用兴趣。因此,只有针对老年群体

19、的视觉特征,通过视觉符号的作用,将抽象概念转换为老年群体易理解的内容,才能更好地帮助老年群体脱离数字困境。APP 界面中的视觉符号系统是以图形、色彩、结构、文字等视觉符号元素所构成的用以传达各种信息的媒介载体。当用户接触 APP 的那一刻开始,视觉符号便开始向用户传递设计者的语言。基于莫里斯符号学理论,对 APP 界面中的视觉符号系统进行深入研究,考虑到情境是一切感知活动的基础18,良好的交互情境设计可以引导用户思考与尝试。因此,在莫里斯符号学理论基础上加入语境因素,形成由语义、192 包 装 工 程 2023 年 6 月 语构、语境、语用四个层面构成的视觉符号系统。在APP 界面的视觉符号系

20、统中,文字、色彩、材质等单体语义符号经过一定的规则组合起来,形成语构单元,从而能够表示更为复杂的信息;在多个不同语构单元的基础上则形成了包括使用环境、交互情境等整体的界面交互语境,而以文化背景、情感特征与群体环境所构成的语用层面则时刻影响着用户对界面中视觉符号信息的获取与认知。见图 4。图 4 APP 界面中的视觉符号系统 Fig.4 Visual symbol system in APP interface 3.1 视觉符号的语义划分 语义学体现的是符号与所指涉对象之间的关系,研究符号代表意义的解释与传达。从产品交互符号角度,可将语义划分为造型、结构、色彩、光感、材质、字符、图形、与声音;从

21、视觉界面角度将语义划分为形状、大小、明度、色彩、文字、方位及材质。研究针对老年用户的视觉认知特征,从适老化设计角度出发对 APP 界面中的视觉符号进行语义划分,其中包括文字、色彩、光感、图形与材质 5 个部分。文字是交互界面中主要的符号形式之一,可以准确地传递信息;色彩是视觉上最先捕捉到的符号,能够有效丰富人们的情感体验19;光感符号指人对光的感知,表现形式包括阴影、高光与光影;图形符号可分为具象与抽象,具象图形是对现实事物的写实或模仿、抽象图形则需要用户发散思维进行想象与联想;材质符号编码需充分地考虑材质特性与表达意义之间的关系,优秀的材质设计能够提高用户的认知效率。3.2 视觉符号的语构划

22、分 语构学主要探讨界面中视觉符号的结构关系,包括组合符号与系统符号。组合符号指将单体视觉符号以一种内在的规律连接在一起,表达更复杂的意义;系统符号既需要考虑符号单体之间的逻辑关系,也需要考虑符号在视觉符号系统中的作用、位置、层次等。1)组合符号。APP 界面中的组合符号主要包括弹窗、导航、图标。其中图标具有明确指代意义20,能够指导用户进行识别、认知与操作21;弹窗是 APP中用于实现提示等功能的窗口,包括模态弹窗与非模态弹窗;导航是用户与 APP 交互最主要的桥梁和平台,支撑整体的内容与信息。2)系统符号。系统符号指 APP 界面中的内容视图与信息层次。常见的内容视图包括:网格式、瀑布型、列

23、表式等,不同的视图适用于不同信息的呈现;信息层次指 APP 界面中信息内容的纵向关系,目前各类 APP 产品都有比较完善的功能,但在功能丰富的同时也增加了交互难度。因此,适老化设计中应简化信息层次编码。3.3 视觉符号的语境划分 语境学关注用户在 APP 产品使用过程中面临的特定任务情境,探究用户在相应的条件和语境下得到何种信息与意义,包括用户在完成特定任务的操作流程、行为及操作的交互方式、交互对象等24。1)功能型任务语境。功能型任务语境指用户通过 APP 完成满足日常生活基本需求的任务时所处的情境,功能型任务主要包括:日常通信、扫码支付等。2)管理型任务语境。管理型任务语境指用户在使用 A

24、PP 的过程中,对软件中个人信息、提示及部分功能的应用等系统设置任务时所处的情境,包括个人信息、字号、消息提示等。3.4 视觉符号的语用划分 语用学研究视觉符号与用户之间的关系,在 APP界面中包括用户的文化程度、情感特征等因素都会影响用户对视觉符号的认知与理解,从而影响用户与产品的交互体验。1)文化程度。文化程度的差异导致老年用户对界面中视觉符号有不同的理解与认知。文化程度较高的老年人学习和理解能力更强,能够对界面中大部分的符号进行准确认知,而文化程度较低的老年人,往往作为信息的被动接收者,难以理解抽象和陌生的符号信息。2)群体环境。群体环境会影响老年用户对符号的认知、理解与价值判断,除用户

25、自身外,有更多的其他用户与产品进行交互,用户与其他用户关于 APP产品之间的认知交流同样会对其认知行为产生重要影响12。3)情感特征。老年用户对产品的态度在很大程度上取决于使用过程中情绪与情感22。伴随着老年人在社会中的话语权减少23,从而产生与社会脱节的失落情绪,老年人希望能够通过 APP 获得更多的社会参与感。面对界面中复杂的视觉符号系统,从语义、语构、语境、语用四个层面,探究其与老年用户特征之间的密切联系,完成 APP 视觉符号系统的适老化编码设计,见图 5。在语义学编码时充分考虑单体视觉符号形式与意义之间的逻辑关系;语构学编码中应充分考虑到老年人的理解与操作能力;语境学编码中根据不 第

26、 44 卷 第 12 期 路鹏,等:基于视觉符号理论的 APP 交互界面适老化设计研究 193 图 5 视觉符号系统的适老化设计 Fig.5 Elderly-oriented design of visual symbol system 同的任务语境设计为用户设计任务引导及反馈,降低老年用户的交互难度;语用学编码需着重考虑老年用户自身的文化背景、情感因素等方面的影响,进行包容设计。4 视觉符号的适老化编码策略 4.1 视觉符号的语义学编码 伴随生理机能的老化,老年人的视觉感知能力逐渐衰退,难以捕捉较小的符号信息;在色彩分辨上对蓝绿色的识别能力较弱25。因此,语义学编码应从老年用户生理的角度出发

27、,避免在界面中出现老年用户难以感知的视觉符号。1)直观的文字呈现。选择轮廓清晰,可读性较强的无衬线字体,字号不小于 20 像素,保证文字符号能够清晰直观地被老年用户所认知,从而达到有效地传播信息,为减少阅读障碍应避免出现大段文字符号。2)温暖的色彩组合。由于老年用户色觉的变化及明暗感知能力下降,因此在色彩符号编码时应尽量避免使用蓝色、绿色及明度和纯度较低的颜色,选择合适的暖色调能够使老年用户产生温暖的情感体验。3)明显的形状特征。适当增大形状特征能够吸引老年用户的视觉注意从而提高认知效率。形状同样具有情感色彩,对心理较为脆弱的老年用户而言,可以采用曲线和圆角等形状,使界面看起来更加友好。4)柔

28、和的光感搭配。光感符号的编码需充分考虑老年用户对光线的感知能力,强调视觉符号与背景之间的色差,运用阴影、高光、色彩轮廓等效果使视觉符号更容易被老年用户所注意。5)真实的材质纹理。模仿真实世界中物体的纹理与材质进行编码设计,能够减少老年用户对界面的陌生感,自然地引导用户,从而降低老年用户学习与理解的成本。4.2 视觉符号的语构学编码 语构学层面的组合符号、信息架构与分布是决定产品使用难易程度的基础26,在设计中需将各种信息以老年用户容易理解的视觉符号形式呈现,便于用户快速进入界面交互中,轻松准确地获取所需要的信息。1)提高图标的辨识度。图标的设计应简单有意义,并具有高辨识度,减少不必要的细节处理

29、,避免多义或歧义等情况出现,保持信息识别的一致性,并适当调整图标的大小,确保老年用户能够准确点击。2)确保信息的直观分布。大量的信息会干扰用户的判断,使老年用户无法顺利找到目标任务。在适老化设计中,通过亲密性原则对内容进行视觉分组,同组信息紧密聚合,不同信息相互隔离,确保有效信息均在老年用户的视线范围内。3)降低操作的复杂度。复杂的操作流程来源于冗余的步骤和干扰项,遵循最小可行性原则,降低界面逻辑的复杂程度,减少中间环节,建立清晰的层级关系,通过最少的步骤满足老年用户最迫切的需求。4)延长信息的响应时间。由于视觉选择效率的下降,老年用户在单位时间内获取的信息量减少,与界面互动时需要持续较长时间

30、。因此,应延长信息内容的显示时长,确保老年用户能够顺利完成每一项交互任务。4.3 视觉符号的语境学编码 交互情境对信息的感知、理解及交互过程中的情绪等都有重要影响27。因此,在视觉符号的语境学编码中,要提高信息感知的有效性,保证用户交互过程的流畅性。1)明确的任务引导。任务引导指通过一定的行为来为用户指向通往目标任务的路径,在界面中有着重要的作用。因此,需要在不同的任务语境下设计合适的操作引导,帮助老年用户高效地完成任务。2)实时的操作反馈。实时的操作反馈能够使老年用户明确当前的运行状态与操作结果,提高信息的有效获取率。当老年用户操作完成后,给予鼓励可以增强其信心;操作失误时,良好的反馈能够为

31、老年用户提供解决方案,引导其完成目标任务。4.4 视觉符号的语用学编码 老年人的心理特征具有明显变化,容易感到无助焦虑从而失去使用信心28。因此,在语用学的适老化编码中,应注重老年用户的情感关怀,弱化老年用户对 APP 产品的抵触心理,建立产品与用户之间的情感纽带。1)提示信息通俗友好。提示信息能够有效阻止用户的错误操作,强硬的警示符号会使老年用户产生194 包 装 工 程 2023 年 6 月 抵触情绪。界面中的提示信息应更加通俗友好,贴近老年人日常的语言习惯,帮助老年用户理解认知。2)熟悉元素缓解焦虑。陌生的界面环境中出现熟悉的符号元素会使用户感到亲切。因此,使用老年用户熟悉的场景或符号元

32、素,能够减少对界面的陌生感,与用户建立情感联系从而产生积极的用户体验。3)及时帮助减少困扰。考虑到老年人的学习、理解能力下降,面对陌生事物会产生畏难情绪。因此,当老年用户遇到困难时,给予充分的帮助,并为其提供明确的解决方法,为老年用户带来足够的安全感。5 视觉符号的适老化设计实践 针对老年人的视觉认知特点,深入分析老年用户在新闻资讯类 APP 中的使用行为,准确掌握老年用户在各个阶段的使用中存在的困境,并基于视觉符号理论提出相应的适老化设计策略,从而形成新闻资讯APP 的用户行为图,见图 6。根据用户行为图结合视觉符统的适老化编码策略,进行新闻类 APP 适老化设计实践。当今时代,碎片化的阅读

33、推动了新闻产业的发展,新闻类 APP 产品成为老年用户获取信息的主要方式之一。在看图说话的快节奏阅读时代,缺少合理的视觉符号编码将无法吸引大众的阅读兴趣。尤其在面向老年人的新闻 APP 产品设计中,明确老年用户需求,遵循其视觉认知特征,进行有针对性的设计成为了主导思想。5.1“新闻日报”APP 概述“新闻日报”是一款针对老年群体的新闻资讯类APP,为老年群体提供每日发生的新闻事件,增强其社会参与感。综合考虑老年人的视觉认知特征等因 素,依据视觉符号学理论,从语义、语构、语境、语四个方面,对“新闻日报”APP 界面中的视觉符号系统进行适老化设计。5.2“新闻日报”APP 的视觉符号设计 5.2.

34、1 视觉符号的语义设计 新闻类 APP 中通常需要大量文字符号陈述事件。因此,合理的编码设计能够减轻老年用户在阅读上的疲劳感。在“新闻日报”APP 文字符号的编码中,选择可读性强的无衬线体,并保证字体一致性,正文字号为 20 像素,标题为 25 像素并加粗处理,从而提高用户阅读效率。色彩编码选择中国传统色彩杏仁黄#FTE8AA 和麂棕#DE7622 相互搭配,杏仁黄在界面中作为较弱色,用于背景色和不需要突出的边角信息,麂棕则作为重要色,用于特别需要强调和突出的符号信息。暖色系是由太阳颜色衍生出来的,在界面设计中能够给用户以温暖热烈的感觉,使界面变得活泼生动,见图 7。图形符号编码时避免尖锐与不

35、规则图形的使用,统一采用圆角为 5 像素的矩形,为老年用户带来柔和温暖的视觉感受,保证界面中文字、色彩等符号信息与背景之间的色域跨度至少为 5,添加阴影、渐变等效果让界面富有层次感,帮助老年用户更容易地注意到界面中的符号信息,见图 8。5.2.2 视觉符号的语构设计 图标编码多采用简洁的线条从而清晰准确地传递信息,使用与现实生活物品相似的图形,并与文字符号相互配合进行解释说明,帮助老年用户准确认知,轻松理解其所传达的含义,见图 9。图 6 新闻资讯类 APP 老年用户行为 Fig.6 Behavior map of elderly users of news and information A

36、PPs 第 44 卷 第 12 期 路鹏,等:基于视觉符号理论的 APP 交互界面适老化设计研究 195 图 7 新闻首页 图 8 体坛快讯页面 Fig.7 News homepage Fig.8 Content detail page of Sports News 图 9 导航图标 Fig.9 Navigation icon 大部分老年用户表示 APP的登录流程过于复杂,需要填写大量的身份信息,各式各样的验证方式也让其十分困扰。因此,在“新闻日报”APP 登录页面的编码中,老年用户可以选择微信登录的方式,同时也可以采用访客的身份进行浏览,见图 10。页面布局的编码采用最常见的底部导航方式进行

37、页面间的切换,内容编码上将主要信息置于界面的中心位置,并设置专题页面,将不同新闻进行归类,帮助老年用户更方便地获取其感兴趣的内容,见图 11。图 10 登录首页 图 11 专题页面 Fig.10 Log in page Fig.11 Topic page 5.2.3 视觉符号的语境设计 良好的任务引导能够帮助用户顺利完成目标任务。老年用户通常在寻找某个功能或信息时遇到困难,尽管页面当中存在搜索功能,但由于老年用户难以流畅的使用输入法进行正确搜索,所以无法快速找到自己想要的信息。在“新闻日报”APP 界面顶部的搜索栏中设置语音输入的功能,通过语音的方式代替复杂输入来迅速获得目标信息,见图 12。

38、图 12 搜索功能 Fig.12 Search function 老年用户经常会将一些他们觉得有价值的文章私信子女或转发到家族群中,但很多 APP 在分享功能的编码上较为复杂,存在多个不同的选项,老年用户在使用时会产生不同程度的困扰。因此,在“新闻日报”APP 的文章内容中设置了一键转发到微信的功能,用户点击之后跳转到微信页面,选择想要发送的对话框即可,减少其他多余的步骤,提高了老年用户的交互效率,见图 13。图 13 微信分享功能 Fig.13 WeChat sharing function 当用户完成操作而界面却没有出现反馈提醒时,会导致用户无法明确自己的操作是否执行和执行的进展,从而产生

39、困惑的情绪。在“新闻日报”APP 的设计中,在合适的事件、合适的位置以合适的方式给予老年用户相应的回应。例如,在积分商城中,礼品兑换成功后告知用户耐心等待礼品发放即可,若兑换失败也会及时提示用户目前积分不足,还需要继续努力。由于老年用户的阅读速度及理解能力的下降,需适当延长提示信息的响应时间,确保老年用户能够准确无误地接收界面中的各项提示信息,见图 14。5.2.4 视觉符号的语用设计 调整界面中各类图标的热区范围,确保老年用户能够准确地点击,并强化界面中符号元素的投影效果,营造凸起或凹陷的效果,从而起到良好的指引效果。将一些不可点击的干扰信息进行弱化处理,保证老年用户的视觉注意力集中在可点击

40、的区域中,从而进行正确操作,见图 15。196 包 装 工 程 2023 年 6 月 图 14 成功反馈、失败反馈 Fig.14 Success feedback and failure feedback 图 15 新闻视频卡片 Fig.15 News video card 采用老年用户能够普遍认知的文字或词语进行引导和提示,避免出现大量的文字符号。除使用图文结合的方式呈现信息之外,增加一键收听的功能,当老年用户面对大量的文字符号而感到阅读困难时,可以点击一键收听功能按钮,在收听的过程中能够进行一些其他日常活动,达到与生活更好地融合,见图 16。图 16 一键收听功能 Fig.16 One-c

41、lick listening function 为增加老年用户的积极参与感,在“新闻日报”主页的编码设计中设置签到得积分功能。考虑到部分老年用户在主观寻找签到功能时存在困扰,因此在成功登录 APP 后,主页中会自动弹出签到页面,老年用户只需点击下方确认按钮即可获取当日积分,在个人页面中可以进入积分商城,用积分换取相应的礼品,见图 17。图 17 签到弹窗、我的页面、积分商城页面 Fig.17 Sign in popup,personal center page and reward points page 6 结语 通过对老年人视觉认知的分析,明确老年用户的需求,在莫里斯符号学理论基础上对视觉

42、符号进行深入研究,围绕语义、语构、语境、语用四个层面对APP 界面中的视觉符号系统进行划分,并提出编码策略。将视觉符号的适老化编码策略应用于“新闻日报”APP 的设计实践中,通过适老化设计来帮助老年用户准确感知界面中的视觉符号信息,提高认知效率与交互体验。下一步将从多通道、无障碍、具身认知等角度继续研究 APP 产品的适老化设计。参考文献:1 国家统计局.第七次全国人口普查公报(第五号)EB/EL.(2021-05-11)2022-05-08.http:/.National Bureau of statistics.Bulletin of the Seventh National Census

43、(No.5)EB/EL.(2021-05-11)2022-05-08.http:/.2 罗珊珊,申少铁.让老年人更好融入数字生活N.人民日报,2020-12-23(19).LUO Shan-shan,SHEN Shao-tie.Letting the Elderly Better Integrated into Digital LifeN.Peoples Daily,2020-12-23(19).3 中国互联网络信息中心(CNNIC).第 49 次中国互联网络发展状况统计报告 EB/OL.(2007-12-20)2010-02-17.http:/.China Internet Network

44、Information Center.The 49th Statistical Report on Chinas Internet DevelopmentEB/第 44 卷 第 12 期 路鹏,等:基于视觉符号理论的 APP 交互界面适老化设计研究 197 OL.(2007-12-20)2010-02-17.http:/.4 杨海波,杜宇菲.智能手机交互界面设计的认知基础J.包装工程,2020,41(10):1-6.YANG Hai-bo,DU Yu-fei.The Cognitive Basis for the Design of Smartphone Interaction Interfa

45、ceJ.Packag-ing Engineering,2020,41(10):1-6.5 宫晓东,张佳乐,陈立翰.老年人心智模型研究及在交互设计领域的应用J.包装工程,2021,42(24):84-92.GONG Xiao-dong,ZHANG Jia-le,CHEN Li-han.Mental Model for the Elderly and Its Application in the Field of Interaction DesignJ.Packaging Engineering,2021,42(24):84-92.6 库伯.About Face 4:交互设计精髓M.倪卫国,译.北

46、京:电子工业出版社,2015:26-115.Cooper.About Face 4:The Essentials of Interaction De-signM.NI Wei-guo,Translated.Beijing:Publishing House of Electronics Industry,2015:26-115.7 刘翔,吕健,虞杰.基于界面指定任务的用户视觉认知差异研究J.包装工程,2018,39(22):97-103.LIU Xiang,LYU Jian,YU Jie.User Visual Cognition Difference Based on Interface De

47、signated TaskJ.Packaging Engineering,2018,39(22):97-103.8 WONG C Y,KHONG C W,THWAITES H.Mobile User Interface for Seniors:An Impact of Ageing Population on Mobile DesignJ.Design Principles and Practices:an International JournalAnnual Review,2010,4(4):231-250.9 王贤.基于视觉特性的老年人智能电视数字界面设计研究D.无锡:江南大学,2019

48、.WANG Xian.Digital Interface Design Research of Smart TV for the Elderly Based on Visual FeaturesD.Wuxi:Jiangnan University,2019.10 高品,苗曦元.基于视觉认知心理学指导下的视觉传达专业教学解析J.湖南包装,2020,35(5):167-170.GAO Pin,MIAO Xi-yuan.Teaching Analysis of Visual Communication under the Guidance of Visual Cognitive Psychology

49、J.Hunan Packaging,2020,35(5):167-170.11 薛澄岐.复杂信息系统人机交互数字界面设计方法及应用M.南京:东南大学出版社,2015.XUE Cheng-qi.Design Method and Application of Digitalized Human-computer Interface on Complex In-formation SystemM.Nanjing:Southeast University Press,2015.12 郭会娟,汪海波.基于符号学的产品交互界面设计方法及应用M.南京:东南大学出版社,2017:89-103.GUO Hui

50、-juan,WANG Hai-bo.The Design Method and Application of Product Interaction Interface Based on SemeiologyM.Nanjing:Southeast University Press,2017:89-103.13 刘晓萍.符号认知传播的研究路径考察以广播电视作品中“中国形象”传播为例J.中国广播电视学刊,2020(5):17-21.LIU Xiao-ping.A Study on the Research Path of Cogni-tive Communication of SymbolsTak

移动网页_全站_页脚广告1

关于我们      便捷服务       自信AI       AI导航        获赠5币

©2010-2024 宁波自信网络信息技术有限公司  版权所有

客服电话:4008-655-100  投诉/维权电话:4009-655-100

gongan.png浙公网安备33021202000488号   

icp.png浙ICP备2021020529号-1  |  浙B2-20240490  

关注我们 :gzh.png    weibo.png    LOFTER.png 

客服