老人产品设计（产品的老人颜色、图像、产品产品排版、设计色图交(jiao)互、像排导航设计）

年轻人焦虑时(shi)间飞(fei)逝，设计色图搬不(bu)完的像排砖、加不完的版交班、学不完的互导航设Knowledge、赶不(bu)完的老人Deadline。聊微信刷微博玩抖音(yin)看知乎，产品产品在(zai)碎片化的设计色图时间中刷微博。

生活太苦太乏味，每(mei)个人都要含块糖。

笔者在(zai)《老龄化产品设计（一）：老人的身体机能有哪些改变》一文分析了老年人视觉、听觉、触觉等感官特征的一些变化，总(zong)结了(le)注意、记忆、思维等认知特征的一些特点。本文与大家一起探讨下老龄化产品设计有(you)哪些关注的点。

文章较长，先把(ba)总结的(de)设计关注点置前：

一、颜色Color

随着年龄的增长，角膜、瞳孔括约肌、晶状体和视网膜等生理调节力下降，影响到视觉的灵敏度、明暗、空间、颜色和信息加工的变(bian)化。

1. 重要元素避免使用蓝色

界面设计上(shang)可以使(shi)用老年(nian)人喜爱的中性色，避免颜色纯度、明度过高造成对眼睛的刺激；可以使用对比(bi)强烈的(de)互补色突出重要元素的信息内(nei)容和功能位置。

但由于晶状体变黄变浑浊，会选择性的吸收蓝光，从(cong)而导致老年人对蓝色的鉴别能力比对红、绿色鉴别能力下降更明显，所以界面上(shang)的(de)重要元素要避免使用蓝色。

2. 保(bao)证良好的颜色对比度

有一些在线工具可以帮助我们测试(shi)对比度是否满足 WCAG 2.0 AA 的「色彩无障碍设计」标准，比如WebAIM`s Color Contrast Checker、Contrast-ratio、EightShapes Contrast Grid、Color Tool等网站。

二、排版Typography

为了(le)给用户带来良好的阅读体(ti)验(yan)，需要考虑设计的易读性。易读性是指人们能否看见、区(qu)分、认(ren)出你所(suo)提供的(de)文本里的文字。

1. 使用容易阅读的字体家族

据不完全统计，英文(wen)字体已有几万种，中文字体也有(you)几千种，但(dan)大部分都是垃圾。

英文(wen)主要有衬线字体 Serif 和无(wu)衬线字体 Sans-Serif 两种类型，中文主要有宋体、黑体、楷体等(deng)，若用西方的字体分类，宋体可以列为衬线字体，黑体为无衬线字体，楷体介于两者之间(jian)。

在屏幕界面(mian)上，无衬线字体(ti)看起(qi)来比较醒目，轮廓清晰，因此可以避免视觉疲劳。所以(yi)iOS和Android等系统(tong)的默认字体(ti)都是无衬线字体，如San Francisco、Robot、微软雅黑、思(si)源黑体等。

但(dan)是也有观点认为：衬线字体可以增加人们阅读时的视觉参(can)考，在文章篇幅较长的情况下，能够提高正文阅读肯辨认的连续性，则衬线体的可读性(xing)更强。

同时也可以(yi)提高字重，加粗文字使轮廓更加清晰。一般情况(kuang)下我们使用regular肯medium两种(zhong)字重，对于老龄化产品，可以再提高一个等(deng)级。

2. 文字越大越好字高5.62mm左右

ANSI/HFS 认为：对(dui)于普通用户，最小视角0.3度时的阅读效率最好，一般眼睛距离电脑屏幕为50cm，根据三角函数公式(shi)能算出合适的字高。对于不同PPI的屏幕可以通过两轮换算（cm到inch，inch到pixel）得出最小字号(hao)。

有一个叫”Visual Angle Calculator”的网站有个程序可以直接计算(suan)，建议使用。

老人视觉能力(li)下降，有学者研究表明老人偏好的最(zui)小(xiao)可接(jie)受视角是0.75度，而视距是43cm，换算之后相当于字高5.62mm。而(er)在JIS规格中的《不同年龄最小(xiao)可读文(wen)字大小(xiao)》也有(you)记载，希望可供参考，如下图：

3. 让用户自行调节字号大小

对于一个系统来说标准方(fang)案并不一定能够满足所有人，老人随年龄增加，视力障碍愈发严重，让用户自行调节字号大(da)小，可以满足不同时期的需(xu)求，如iOS系统中总共有12种尺寸可以选择。

三、图像Iconography

这里(li)的图像主要代指图标(biao)，在(zai)GUI设计中，图标的基本功能是迅速传递信息，同时也可以区分内容层次，增加界面的韵律。

1. 使用简单有意义的图标

Material Design：System icons are designed to be simple, modern, friendly, and sometimes quirky. Each icon is reduced to its minimal form, expressing essential characteristics.

Human Interface Guidelines: Create recognizable, highly-simplified designs. Too many detials can make an icon confusing or unreadable. Strive for a simple, universal design that most people will recognize quickly and won`t find offensive.

Ant Design: 图标应该是简单的图形语言以(yi)及高辨识度。清晰、直观(guan)的图标更能(neng)明确指代含义便于识别记忆。

各大厂的设计规范都指明图标设计需要简单友好和高辨识度。逻辑推理和概括抽象等思维能力越老越丧失，在(zai)图标上的设计更应该注意，符合自然感知(zhi)，能准确的表达含义，避免过度抽象。

2. 提供图(tu)形的名称

是否给图标加上标签文字一直是个争论不休的话题。有人认为(wei)“只(zhi)要对图标的熟悉程度够高，图标的含义便会烙印在用户的记忆中”，而在《About Face》中也说到“使用图标能提高中间级用户的使用(yong)效率；而使用文字，对于新手用(yong)户更适合。”在网页端可以有鼠标悬浮到图标上(shang)再显示标签文字的解决方法(fa)，而(er)在手机端就尴尬了。

对于老龄用户，或许有部分用户是没接触过互联网产品的，或许有部分用户是从门户网站就开(kai)始接入互联网的，20年变迁逐渐变老。但我们不能对用户的知识储备做任何假定，还是尽量提供标(biao)签文字为好。

四、导(dao)航Navigation

1. 信息架构尽量不改变

摇一摇、朋友圈、公众号、微信支付、看一看、小程序，无论(lun)添加了多少新功能(neng)，微信能够始终保持底部四个标签栏，这样的产品不多的。

可见设计产品初期，好的信息架构是多重要。

用户在产品上(shang)完成一个任务，必然会从一个地方探索着到达目的地，就像去超市购物，一个好的导航系统能够指引我(wo)们很快的找到想买的商品，则在产品中清晰的UI导航是非常重(zhong)要。

固定不(bu)变的导航系统能让用户记忆路(lu)径，进入超市(shi)知道去哪里买洗漱用品，去(qu)哪里买水果，不看导航指引牌就可以径直走过去。固定(ding)的UI导航系统可以使用户依靠肌肉记忆使用产品，效率更(geng)高。长期程序性记忆不会随年龄增加而衰减，但(dan)短期的情景记忆会损失，这就意味着老人学习(xi)新概念的能力较差，更(geng)改了导(dao)航系统，可(ke)能又得花(hua)很大的成本去学习。

五、交互Interaction

人和系统如何“对话”，简单直接是有效法则。在老龄化产品设计时，还(hai)是有(you)很多交互方面的注意点。

1. 多任务时要聚焦当前任务

随着年龄增长，工(gong)作(zuo)记忆有所衰退，记一件事情需要更(geng)长(chang)的时间，存储新的记忆比(bi)年轻人差。在生活中老年人经(jing)常会用纸笔记录来辅助记忆，我爷爷就打印了一张待办事项的纸，每天在纸上划掉吃过的药。所以在产品设计(ji)中要注意的是(shi)，需要逐步(bu)介绍产品功能，防止认知过载；由于记忆差，则尽量避免跨屏任务；在长任务中，给出明确的反馈和最终目标的提醒。

2. 手势动作简单

从电脑端“单击、双击、拖拽”等，到如今手机端“单击、长按、3D touch、双指捏合”等交(jiao)互动作，用户可以操作的手势动作(zuo)越来越多(duo)。随着年龄增大，人们的运动控制能力(li)退化，对(dui)于老(lao)年人固然(ran)不会进行比较复杂的手势动作，还是以“点击、滑动”为主。

如果(guo)必须要使用(yong)这些复杂的操作，务必确保这些激活的(de)动作可以通过点击或UI按钮来实现。或者可提供视频帮助，用(yong)户就可以随时查看如何正确(que)进行手势操作。

3. 触摸目标尺寸间距足够大

老人的视觉和触觉的感知能力降低，在界面设计中需要放大触摸目标使目标项足够清晰，能够提高老人点击的准(zhun)确率和速度。44*44 point是(shi)Apple HIG建议的一个最小点触面积，这里的(de)44point可以换算成物理尺寸为0.27英寸（6.86mm）。有文章建议老龄化产品的点触最小目标为10.5mm，同时减少相邻互动元素之间的距离，至(zhi)少相距2mm。

再说“Fitts` Law”中表明任意一点(dian)移动到目标中心点位置所(suo)需的(de)时间与该点到目标的距离和(he)大小有关，距离越大时间越(yue)长，目标越大时间越短。所以为了提高效率，需要讲点(dian)击目标设定(ding)为合理的尺寸大小。

4. 互动时间要长

老年人由于生理原(yuan)因导致注意力要(yao)迟钝些且较难持久，失去了年轻时控制注意过程所需的精度和速度。所以产品与老人(ren)互动时需要持续较长时间，比如一般的Toast会展示3s，对于老人来说，引起注意的响应时(shi)间(jian)和阅读文字的速度等都比较慢，所以这些互动的时间得长。再比如其他声音(yin)、振动的反馈也需要适当放大来提高互动效果。

综上，本文(wen)从(cong)颜色、排版、图(tu)像、导航、交互等界面设计的基础内容，对老龄化产品设计提供了几点建议，皆在(zai)提高产品使用的可用性和易用(yong)性，满足老(lao)年人(ren)的使用需求，体(ti)现出科技产品对老年人的关怀，能(neng)够继续享受数字科技生活。