银发机遇：中老年移动电商设计与开发指南

我们在上篇提及，用户代际变迁，25至60岁之间的用户群使用网页/APP的能力逐年下降0.8％，中老年用户的使用效率甚至可比出普通用户低出74%。因中老年用户需花费更多时间阅读文字，识别色彩与模块，提取信息并理解内容。

本篇，我们重点聚焦「银发电商设计与功能准则」：

-银发电商设计的8大核心设计准则有哪些？

-什么样的色彩与对比度适合银发一族？

-何种文字展现与字号大小适合银发一族？

-什么样的手势交互或点击交互适合银发一族？

1. 增强色彩对比度

视力系统的退化对中老年人造成的感知偏差远超青年人群想象，而增强图像对比度是提升中老年用户视觉体验的「不二法宝」。

*图1: 青年人眼中的“红黄绿”VS老年人眼中的“红黄绿”

什么样的色彩适合中老年？

TMO建议在尽量保留品牌色的同时，遵循如下W3C设计标准：

普通用户：3:1的对比度是肉眼可见的最低建议文本与视觉水平。

中老年用户：视觉受到阻力，可接受的对比度应上升到4.5:1至7:1。

通过下图，您可探索不同对比度对中老年用户视觉感知的影响：

*图2: TMO的一则设计实例。在灰度情况下，不同颜色（左）在老年视觉下（右）的展示影响。

此外，我们还需确保在灰度条件下，中老年用户依然可清晰辨别色彩。切记，我们需尽量减少蓝色的使用。

中老年人的视觉体系统易选择性吸收蓝光，导致中老年人对蓝光的辨别水平更低于红绿光线。

2. 增强文字与字号力量

在手机屏幕中，设计常多用11px-12px的字号，对于部分视力欠佳的年轻人来说都会产生阅读困扰，更不消说中老年群体。

针对中老年群体，TMO建议至少增加约50%的字体大小，即最低从16px起。

*图3: TMO一则设计实例。对于中老年电商的字号加大处理。

关于文字展现的实用建议

细体字及无衬线字体对中老年用户缺乏友好度，我们应避免此类字体对重要内容的渲染。

其次，不建议将文字置于图片中。由于老年人对色彩感知的弱化会导致“图片与文字交融”，增加眼睛负担，影响阅读。

与青年用户不同的是，中老年人对事物的理解能力、接受度与信任度低于青年用户，但具备更仔细耐心阅读的习惯。因此在设计文案引导的过程中，我们需加入更细致的文字描述，为中老年人建立更具体的内容感知与信任感。比如，在用户注册旅程中加入更多的文字说明，进行步骤的解释与详细引导。

*图4: TMO一则设计实例。在注册流程中添加更细致的文字描述，引导正确注册。

3.极简手势交互

伴随手部肌肉灵敏度的失调，以及短期记忆力的下滑，中老年用户失去了年轻时控制注意过程所需的精度和速度，无法胜任复杂的交互手势与界面流程。

从交互手势来说，化繁为简，允许中老年用户「仅依靠单击」即可完成。按钮的大小也颇有讲究，一般来说，尺寸为44px * 44px以上的按钮在任何屏幕上都可为用户提供较为舒适的点击体验。

*图5: TMO一则设计实例。对于中老年电商的按钮大小的处理。

4.极简产品设计

简单的产品与操作导航一来降低的中老年用户的学习成本，二来有助于中老年用户增强学习信心，形成操作的肌肉记忆与条件反射。

我们需要将所有信息尽量精简成一屏，因为中老年用户手指上下滑动会产生困难，且分屏操作（或使用多个页面处理一件事情）会使用户变得难以集中。

例如，我们需将结账流程浓缩成一屏，降低结账跨度形成买单的“记忆映射”。

8项实用的「极简设计原则」

-建立一个简单，清晰，连贯的导航系统，该系统尽可能重复相同的约定和顺序。

-导航系统应尽可能“平坦”，并避免将内容隐藏在系统的深处。

-屏幕的设计应有助于快速扫描核心内容并快速导航到相关位置。

-用户的当前位置应该非常清晰，返回原位置的方式也应该如此。

-主题标题应清晰可见，内容连贯。使用简单的普通背景，避免分散注意力。

-使用实验性和创新性的UI元素可能会使用户感到困惑，尽量避免这一点。

-对完成进度和情况给出可视化反馈。

-可采用提示音进行辅助说明，比如付款成功与发货成功的提示音。

*图6: TMO一则设计实例。精简的中老年电商导航与结算界面。

关于银发电商设计

TMO认为，尽管认知能力下降确实会为中老年用户掌握数字技能添加阻碍，但这并不意味学习本身就没有效果。

如果银发一族获得体贴周到的设计支持，他们亦能够娴熟操作移动电商。

-银发一族在电商交互中面临哪些代际挑战？

-银发一族在电商设计中需注意哪些人文关怀准则？

-银发电商与青年电商的普适性探讨

以上内容，可访问我们的上期文章“银发机遇：中老年移动电商设计与开发指南(上篇)”。

TMO Group聚焦各文化背景，各年龄阶层的电商设计与开发。更多银发电商内容会在后期释出，如需转载请注明出处。