一个色导航 老龄化产品设计（二）：老年人产品的颜色、图像、排版、交互、导航设计

老年人和年轻人有很多不同，产品设计也有很多不同。我们之前分析过老年人的用户群体特征。在这篇文章中，我们将看看如何为老年人设计产品。

年轻人担心时间过得快，不会搬砖，不会加课，不会学知识，赶不上期限。聊天微信，刷微博，弹颤音看知乎，碎片时间刷微博。

老人哀叹生活平淡，亲人千里难聚，网络繁华复杂，骗子多。他们下棋麻将看电视广场舞，在边缘化的网络下玩乐。

生活太苦太无聊。每个人都应该有一个糖果棒。

在《老龄化产品设计:老年人身体机能的哪些变化》一文中，作者分析了老年人视觉、听觉、触觉等感官特征的一些变化，总结了注意力、记忆、思维等认知特征的一些特点。本文将与您讨论老化产品设计的关注点。

文章比较长，所以先把总结的设计重点放在:

重要元素避免使用蓝色保证良好的颜色对比度使用容易阅读的字体家族文字越大越好字高5.62mm左右让用户自行调节字号大小使用简单有意义的图标提供图形的名称信息架构尽量不改变多任务时要聚焦当前任务手势动作简单触摸目标尺寸间距足够大互动时间要长 一、颜色Color

随着年龄的增长，角膜、瞳孔括约肌、晶状体和视网膜的生理调节力降低，影响视觉灵敏度、亮度、空、颜色和信息处理的变化。

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

界面设计可以使用老年人喜欢的中性颜色，避免高色纯度和亮度对眼睛的刺激；对比强烈的补色可以突出重要元素的信息内容和功能位置。

但由于镜片变黄浑浊，会选择性吸收蓝光，导致老年人分辨蓝色的能力比分辨红绿的能力下降更明显，所以界面上的重要元素要避免使用蓝色。

2.确保良好的颜色对比

人机界面指南:你的应用程序对比度不足会使内容难以被所有人阅读。例如，图标和文本可能会与背景混合。在线颜色对比度计算器可以帮助您准确分析应用程序中的颜色对比度，以确保它符合最佳标准。争取4.5:1的最小对比度，尽管7:1更好，因为它符合更严格的可访问性标准。

《材料设计和人机界面指南》一直强调良好的对比。wcag 2.0中给出了颜色对比指南:

对比度（AA 级）：文本的视觉呈现以及文本图像至少要有 4.5:1 的对比度；大号文本（字重为 Bold 时大于 18px，字重为 Regular 时大于 24px ）以及大文本图像至少有 3:1 的对比度；对比度（AAA 级）：文本视觉呈现以及文本图像至少有 7:1 的对比度；大号文本（字重为 Bold 时大于 18px，字重为 Regular 时大于 24px ）以及大文本图像至少有 4.5:1 的对比度。

有一些在线工具可以帮助我们测试对比度是否符合WCAG 2.0 AA的“颜色无障碍设计”标准，如WebAIM的颜色对比度检查器、对比度、八形状对比度网格、颜色工具等网站。

二、排印排印

为了给用户带来良好的阅读体验，需要考虑设计的可读性。可读性是指人们能否看到、区分和识别你提供的文本中的单词。

1.使用易于阅读的字体系列

据不完全统计，英文字体有几万种，中文字体有几千种，但大部分都是垃圾。

英文主要包括衬线和无衬线字体，中文主要包括宋体、黑体和楷体。如果使用西方字体，宋体可以分类为衬线字体，而粗体是无衬线字体，中间是楷体。

在屏幕界面上，无衬线字体看起来显眼，轮廓清晰，可以避免视觉疲劳。所以iOS和Android的默认字体都是无衬线字体，比如旧金山，机器人，微软雅黑，思源黑体等等。

但是也有观点认为，衬线字体可以增加人们阅读时的视觉参考，在文章较长的情况下，可以提高文本阅读和识别的连续性，使衬线更加易读。

同时也可以通过加厚文字来增加字的权重，使轮廓更加清晰。一般情况下，我们用的是正规介质这个词，对于老化的产品，可以再提高一个层次。

2.文字越大越好。字高约5.62毫米

在Ant Design语言中，有一种确定最小字体的方法，通过肉眼与物体的距离、物体的高度、人可接受的最小视角，形成三角函数关系。

ANSI/HFS认为，对于普通用户来说，最小视角为0.3度，平均眼距电脑屏幕50cm时，阅读效率最佳。根据三角函数的公式，可以计算出合适的单词高度。对于不同PPI的屏幕，可以通过两次旋转获得最小字体大小。

有一个网站叫“视角计算器”，里面有一个可以直接计算的程序。建议使用。

老年人的视觉能力在下降。有学者表明，老年人偏好的最小可接受视角为0.75度，而视距为43厘米，换算后相当于5.62毫米。还记录了JIS规范中不同年龄的最小可读文本大小，预计可供参考，如下图所示:

3.让用户自己调整字体大小

对于一个系统来说，标准方案未必能让所有人满意。随着年龄的增长，视力障碍越来越严重。用户可以自行调整字体大小，以满足不同时期的需要。例如，iOS系统中有12种尺寸可供选择。

三、图像图像学

这里的图像主要是指图标。在GUI设计中，图标的基本功能是快速传递信息，同时可以区分内容层次，增加界面的节奏。

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

材料设计:系统图标被设计得简单、现代、友好，有时还有些古怪。每一个图标都被简化成最小的形式，表达出最基本的特征。

人机界面指南:创建可识别的、高度简化的设计。过多的细节会使图标混乱或不可读。争取一个简单、通用的设计，大多数人会很快认识到它，并且不会觉得它有冒犯性。

蚂蚁设计:图标应该是简单的图形语言，具有很高的识别性。清晰直观的图标可以清晰地指示含义，便于识别和记忆。

各大厂商的设计规范表明，图标设计需要简洁、友好、辨识度高。逻辑推理和概括抽象等思维能力越老，就越应该注意图标的设计，符合自然感知，能够准确表达意思，避免过度抽象。

2.提供图形的名称

是否给图标贴标签一直是一个有争议的话题。有人认为“只要对图标的熟悉度足够高，图标的意义就会烙在用户的记忆里”，“关于脸”也说“使用图标可以提高中层用户的效率；使用文字更适合新手用户。”在网页端，有一个解决方案，鼠标悬停在图标上，然后显示标签文字，而在手机端，就尴尬了。

对于老年用户来说，有些用户可能没有接触过互联网产品，有些用户可能已经开始从门户网站访问互联网，经过20年的变化，他们正在变老。但是我们无法对用户的知识储备做任何假设，所以还是尽量提供标签文本比较好。

四、导航导航1。信息架构不应该尽可能地改变

摇一摇，朋友圈，微信官方账号，微信支付，看一看，小程序，不管增加多少新功能，微信总能保持最后四个标签，这样的产品不多。

可见一个好的信息架构在产品设计初期是多么重要。

当用户完成一个产品上的任务时，他必然会从一个地方探索到目的地，就像在超市购物一样。好的导航系统可以引导我们快速找到想要购买的商品，所以产品中清晰的UI导航非常重要。

固定导航系统可以让用户记住路线，进入超市就知道去哪里买洗漱用品和水果，不用看导航导向板就可以直线行走。固定UI导航系统可以让用户通过肌肉记忆来使用产品，效率更高。长期的程序记忆不会随着年龄的增长而下降，但短期的情景记忆会丧失，这意味着老年人学习新概念的能力较差，更换导航系统后可能要花很多钱去学习。

V.互动互动

人与系统之间如何“对话”，简单直接。在老化产品的设计中，还有很多交互点需要注意。

1.一心多用时专注于当前任务

随着年龄的增长，工作记忆下降，记住一件事需要的时间更长，储存新的记忆比年轻人更糟糕。在生活中，老人经常用纸和笔记录来帮助他们记忆。我爷爷打印了一张纸做，把他每天吃的药划掉在纸上。因此，在产品设计中，要注意需要逐步引入产品功能，防止认知过载；由于记忆力差，尽量避免跨屏任务；在长期任务中，给出明确的反馈，提醒最终目标。

2.简单的手势

从电脑端的“点击、双击、拖动”到手机端的“点击、长按、3D触摸、两指捏”，用户可以操作的手势越来越多。随着年龄的增长，人的运动控制能力变差。对于老年人来说，虽然不会做复杂的手势，但还是以“点击滑动”为主。

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

3.触摸目标之间的距离足够大

老年人对视觉和触觉的感知降低，因此需要在界面设计中放大触摸目标，使目标项目足够清晰，可以提高老年人点击的准确性和速度。44 * 44点是苹果HIG推荐的最小触摸区域，这里的44点可以转换成0.27英寸的物理尺寸。建议老化产品的最小触摸目标为10.5mm，相邻交互元素之间的距离至少减少到2 mm。

此外，“费茨定律”指出，任何一点移动到目标中心点所需的时间与该点到目标的距离和大小有关。距离越大，时间越长，目标越大，时间越短。因此，为了提高效率，有必要将点击目标设置为合理的大小。

4.交互时间应该较长

由于生理原因，老年人的注意力更慢，更难维持，从而失去了控制青年注意力过程所需的精度和速度。所以产品与老人的互动需要长久。比如普通的Toast会显示3s。对于老年人来说，吸引注意力的反应时间和阅读单词的速度都很慢，所以这些互动需要很长时间。比如其他声音和振动的反馈也需要适当放大，以提高交互效果。

综上所述，从界面设计的基本内容如色彩、排版、图像、导航、交互等。，本文为老龄产品的设计提供了一些建议，旨在提高产品的可用性和易用性，满足老年人的需求，体现科技产品对老年人的关怀，继续享受数字科技生活。

这篇文章最初由@周航发表，每个人都是产品经理。未经允许，禁止复制