图3 适老化设计策略
1.简化手势 ， 提高操作成功率
研究表明 ， 老年人更习惯单指操作 ， 点击、上下滑动、放大缩小是老年人可以清晰理解并熟练操作的手势 ， 交互中应尽量以这些手势为主 ， 需避免四指滑动、长按等复杂手势 。 对于老年人来说 ， 动作的简单易学性、高效性是最重要的因素 ， 远高于隐喻性、趣味性等 。

文章图片

图4 老年人常用手势
2.优化视觉表现 ， 提升界面阅读体验
① 颜色：

• 参考《Web内容无障碍指南》中提供的指导意见 ， 应使用AA级或AAA级的对比度标准：对比度（AA级） ， 文本的视觉呈现以及文案图像对比度至少要有4.5:1 ， 大文本至少有3:1的对比度；对比度（AAA级） ， 文本的视觉呈现以及文案图像对比度至少要有7:1 ， 大文本至少有4.5:1的对比度 。 有很多在线工具可以帮助检测颜色对比度以及是否达标 ， 如Contrast Ratio 在线检测工具：
• https://contrast-ratio.com/

文章图片

图5 Contrast Ratio 在线检测工具页面

• 界面中 ， 组件与文本对比度的标准是不同的 ， 文本比组件需要更高的对比度 。

• 避免使用蓝色、紫色等冷色调 。 随着年龄增长 ， 人类的晶状体会变黄变浑浊 ， 导致选择性的吸收蓝光 。 所以蓝色色调在老年人眼中可能会出现模糊褪色的视觉效果 ， 从而降低元素在界面中的对比度 。

• 颜色不应该用作传达信息、指示操作或区分元素的唯一视觉手段 ， 需要用额外的文字提示 ， 如：

文章图片

图6 颜色传达示例说明
② 字体：使用字体时 ， 最小采用16像素 ， 需要对主要信息进行加粗处理 ， 并支持用户可自由调节字体大小的能力 ， 我们建议使用屏幕可读性好的无衬线字体 。
③ 图形：首先需注意增加图标和按钮的尺寸大小 。 其次 ， 应尽量采用拟物化、通用化的设计 ， 图标语义尽可能具有老年人的生活时代特征 ， 符合他们的知识经验 。 最后 ， 建议搭配文字描述 ， 方便老年人更清晰、快速理解 。

文章图片

图7 图形示例说明
3.采用多通道感知 ， 强化信息传递
引入更多维度的信息通道 ， 能够帮助老年人高效地接收信息 。 听觉通道是仅次于视觉的最常使用的感觉通道 ， 在设计时可考虑：

• 适当增大音量 ， 同时处理掉环境声音 ， 使声音更加清晰；

• 增加声音反馈 ， 例如操作正确时给出正向的提示音；
• 适当加入语音交互的形式 ， 帮助老年人更简便地进行信息输入；

还可以通过点击时产生的按压触觉来增强感知 ， 更多的触觉设计能够帮助老年人获得更加明显的反馈 。
4.层级扁平化 ， 降低理解成本
界面的扁平化可分为2个方向：一是视觉层级的扁平化 ， 弱化视觉效果 ， 突出功能主义 ， 以要表达的内容或引导的操作为核心 ， 尽可能减少干扰信息；二是信息层次的扁平化 ， 建议页面层级最多不要超过2级 ， 缩短用户与目标信息之间的触达路径 。
在流程设计时 ， 可将复杂任务拆分为目标清晰的子步骤 ， 每一步骤中只让用户完成1项核心操作 ， 并提供清晰的反馈 ， 来提醒用户要实现的最终目标 。 如滴滴的关怀版中对打车流程的精简设计 ， 很值得参考 。