早在 2021 年 4 月工业和信息化部办公厅发布了《关于进一步落实互联网应用老化和无障碍改造专项行动的通知》。根据联合国经济和社会事务部发布的2022年世界人口展望报告,全球人口展望报告,全球人口展望报告 65 预计2022年以上人口比例将达到2022年以上年的 10%上升到 2050 年的 16%。届时,全球预计全球。 65 年以上人口的数量将是 5 儿童数量的两倍以上。
可以看出,未来应用开发的趋势将更加包容和友好。同时适老化设计作为2024大广赛的细节命题之一,作为设计师,我们也应该为用户带来更温暖的产品设计。
首先,了解老化设计的意义
1. 适老化设计
老化设计是指考虑老年人的生理、认知和社会需求,设计方便老年人使用的产品、环境或服务的设计过程。旨在满足老年人的需求,减少他们在日常生活中遇到的困难和挑战。
2. 无障碍设计与老化设计之间的关系
南加州大学教授首先提出了信息无障碍的设计理念,其定义是任何人都可以在任何情况下平等、方便、无障碍地获取和使用信息。
无障碍设计强调帮助弱势群体,而老化设计则侧重于老年用户。因此,可以说老化设计是无障碍设计的一部分。
在日常生活中,每个人都有一些障碍时刻,比如在烈日下行走时看不到手机屏幕上的文字就是情境障碍。让产品设计更加普适包容,不仅可以为老年人增加字体和音量,还可以针对老年用户容易遇到的问题,形成更普遍的设计方案。
来自即时设计的适老化通用设计规范及组件:适老化通用设计规范及组件即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。https://js.design/community?category=detail&type=resource&id=636e25c4e2e0e5d0b26eef23&source=csdn&plan=bttss41
二、老年用户的特点
随着年龄的增长,老年人出现生理退化,导致视觉障碍、听觉障碍、肢体障碍和认知障碍。
视觉障碍:
由于晶状体呈黄色,对颜色亮度和纯度的感知减弱,特别是对蓝色、绿色和紫色的感知显著降低,红色和黄色相对较小。对于形状识别能力的下降,需要更大的对比度和差异来检测或识别。老年人的视觉注意力更容易受到干扰,与年轻人相比,注意转换的反应时间更长。
听觉障碍:
对于声音的识别,到 60 当年龄较大时,感知正常语音的能力下降 25%。难以快速处理不同的声音。
肢体障碍:
由于肌肉和张力的丧失,老年人的神经反应下降,这限制了老年人操作的灵活性,削弱了他们对接触的感知。
认知障碍:
老年人的记忆力减弱,学习和理解新事物的能力减弱,但对经验中熟悉的事物的反应效率并不比年轻人差。
三、探索适合老化产品设计
在挖掘老年用户特点和痛点的基础上,在设计实际产品时,可以充分挖掘老年人的认知经验、习惯和偏好,结合产品需求,从感知、操作和理解三个层面推导方案。
(1)字体
随着年龄的增长,老年人的视力会下降。因此,为了带来良好的阅读体验,需要考虑可读性,选择合适的字体大小,尽量合理分割信息,增加空白空间,使用户能够清晰地获取信息。字体选择可以参考 ReX Design 字体计算方法,字体类型选择无衬线字体,无衬线字体轮廓清晰,可提高文本的可读性。
考虑到用户对字体大小显示的不同需求,香港政府网络的顶部导航还提供了字体大小的入口,指导用户如何在不同的浏览器下设置字体大小,以便他们能够设置最适合自己阅读的显示效果。
(2)颜色
老年用户的眼睛晶体变黄,导致对颜色的感知减弱,因此需要更强的色彩对比度。参考《Web 内容无障碍指南中提供的指导,文本的视觉呈现和文案图像的对比度至少要有 7:0:至少有大文本 4.5:1 对比度。在线检测工具推荐:
老年人喜欢色彩亮度高、饱和度高的颜色。在设计中,他们可以使用橙色、红色和其他具有积极情绪的高亮度颜色。功能颜色的选择应尽可能与生活中相同的颜色。避免使用红色和绿色、蓝色和绿色的组合。
(3)图标
老年人更喜欢圆润饱满的图标,选择简单清晰的拟物化图标,使用文字+结合图形,减少认知障碍。
(4)动画
老年人的注意力下降,环境中的其他因素很容易干扰老年人的注意力。因此,我们应该尽量减少动画和闪烁这些元素
(5)反馈
利用颜色和状态的变化及时反馈,让用户知道目前发生了什么。例如,按钮选择后的颜色变化,操作后显示完成情况。如果使用 Message 提示,最好将时间延长为 500 毫秒,为老年群体留出反应时间。
可操作
根据阿里巴巴生产的老化设计研究报告,老年用户的安全需求尤为突出。为用户建立一种安全感和信任感可以减少用户对学习新产品的抵制。
(1)操作路径清晰
为了更好地浏览和使用老年人,清晰划分页面布局和功能模块,减少页面干扰信息,设计简单清晰的视觉动线,使页面内容易理解和操作。
(2)减少手动输入
老年人可能会出现手部精细动作能力减弱、注意力分散等问题,这使得他们在网站运营中更加困难。对于填写信息部分,可以采用下拉选择,或者拍照识别、扫码识别等方式代替手动输入。
(3)增加操作区域
当一个人逐渐变老时,手眼协调能力下降,操作灵活性有限。由于这种变化,老年人在界面交互中变得特别困难。为了解决这个问题,确保页面可以点击 UI 元素的大小和距离。此外,最好将鼠标的点击次数降到最低。
(4)建立防误机制
由于操作界面不熟悉,用户容易出现误点,因此需要建立防误机制。例如,在确认、删除等关键节点中,通过弹出窗口提醒,让用户确认自己的操作,可以有效避免错误。
可理解
(1)使用通俗易懂的描述
充分考虑老年人的文化和认知差异,在页面上使用通俗易懂的文字提示,以便更好地理解和使用功能。比如“注册账号”,年轻人可以根据网络经验立即理解,但缺乏网络经验的老年人也是如此吗?将“注册账号”改为“创建账号”可以让用户更清楚地理解,而不需要额外的认知学习。
(2)多模态提示方式
避免在关键节点只使用单一模式传输信息,可以增加语音、颜色等信息提示。例如,常见的错误场景提示,不仅使用文本提示,而且使用输入框加厚处理,为输入框配色,给用户更清晰的提示。
(3)操作指南
有效的指导提示可以缓解用户在接触新产品时的紧张情绪。常见的有场景指导、视频介绍、帮助文档或人工客服,方便用户查看和学习。
三、总结
消除老年人的数字障碍不仅仅是放大字体。要做好老化设计,首先要有同理心和同理心。 APP 增加“大字版”、与“护理模式”相比,设计师应该打开思维方式,思考如何让更多的人无障碍地使用产品,从感知层、操作层等方面提高产品的使用体验。