--- title: 银发机遇：适老化移动电商设计与开发 date: 2019-10-16T16:00:00Z modified: 2024-06-20T03:56:41Z permalink: "https://www.tmogroup.com.cn/insights/other-38362/" type: post status: publish excerpt: "" wpid: 100515 categories: - 其他资讯 - 电商开发 featured_image: "https://www.tmogroup.com.cn/wp-content/uploads/2024/06/New-Retail-era-in-Chinese-eCommerce-Mixed-Inventory-Model-1.png" timestamp: 2024-06-20T03:56:41Z tags: - 其他资讯 - 电商开发 --- 据Nielson Norman Group调查显示，用户代际变迁，25至60岁之间的用户群使用网页/APP的能力「逐年下降0.8％」，中老年用户的使用效率甚至可比出普通用户低出74%。因中老年用户需花费更多时间阅读文字，识别色彩与模块，提取信息并理解内容。本文，我们重点聚焦「适老化移动电商」设计与开发原则。 文章篇幅较长，可按照如下目录查阅兴趣内容： - [银发用户面临的代际挑战](#1_id) - [银发电商的设计准则](#2_id) - [银发电商的人文准则](#3_id) - [银发电商普适性：同样配适青年电商开发](#4_id) ## **银发用户面临的代际挑战** 作为数字时代的原住民，你可能会自信满满地认为“即使年龄再大，我依然是数字时代弄潮儿”，但残酷的现实是，你不得不向年迈后日益下降的身体机能妥协。 ### 视力 年龄增长，中老年用户角膜逐渐失去光泽，晶状体浑浊发黄、负责识别颜色的视网膜细胞失去敏感性。中老年人对光线、颜色、字体的感知与灵敏度大大降低。中老年用户与产品的视觉交互产生困扰。 ![老年UI视觉](https://www.tmogroup.com.cn/wp-content/uploads/2019/10/senior_Websitefilters_animation.gif) \*图1: 不同视觉疾病对老年用户的UI感知影响（图片来自Pumika） ### 触控与听觉 多数中老年人都会遭遇肌肉运动控制及手眼协调能力的下滑。手部震颤抖动，关节炎等疾病都会阻碍精细的屏幕交互，使运动变得缓慢而不一致。且听力退化后，同样水平下，老年用户需40分贝的音量才可接收青年用户4分贝即可获取的内容。 ### 记忆与理解力 中老年用户短期记忆能力衰退，注意力难以集中，易分心。使得他们难以跟随导航准确完成任务，或处理多步骤任务。 ## **适老化电商的设计准则** ### 增强色彩对比度 视力系统的退化对中老年人造成的感知偏差远超青年人群想象（如图1、图2所示），而增强图像对比度是提升中老年用户视觉体验的「不二法宝」。 ![老年电商设计与开发2](https://www.tmogroup.com.cn/wp-content/uploads/2019/10/Traffic-light-For-Pumika-blog.png) \*图2: 青年人眼中的“红黄绿”VS老年人眼中的“红黄绿” 那么什么样的色彩适合中老年？我们建议在尽量保留品牌色的同时，遵循如下WCAG设计标准： - 普通用户：3:1的对比度是肉眼可见的最低建议文本与视觉水平。 - 中老年用户：视觉受到阻力，可接受的对比度应上升到4.5:1至7:1。 通过下图，您可探索不同对比度对中老年用户视觉感知的影响： ![中老年电商颜色对比度设计](https://www.tmogroup.com.cn/wp-content/uploads/2019/10/Slice-Copy-1024x274.png) \*图3: TMO的一则设计实例。在灰度情况下，不同颜色（左）在老年视觉下（右）的展示影响。 此外，我们还需确保在灰度条件下，中老年用户依然可清晰辨别色彩。切记，我们需尽量减少蓝色的使用。中老年人的视觉体系统易选择性吸收蓝光，导致中老年人对蓝光的辨别水平更低于红绿光线。 ### 增强文字与字号力量 在手机屏幕中，设计常多用11px-12px的字号，对于部分视力欠佳的年轻人来说都会产生阅读困扰，更不消说中老年群体。针对中老年群体，TMO建议至少增加约50%的字体大小，即最低从16px起。 ![中老年电商字体大小设计](https://www.tmogroup.com.cn/wp-content/uploads/2019/10/Slice-Copy-21-858x1024.png) \*图4: TMO一则设计实例。对于中老年电商的字号加大处理。 且细体字及无衬线字体对中老年用户缺乏友好度，我们应避免此类字体对重要内容的渲染。其次，不建议将文字置于图片中。由于老年人对色彩感知的弱化会导致“图片与文字交融”，增加眼睛负担，影响阅读。 与青年用户不同的是，中老年人对事物的理解能力、接受度与信任度低于青年用户，但具备更仔细耐心阅读的习惯。因此在设计文案引导的过程中，我们需加入更细致的文字描述，为中老年人建立更具体的内容感知与信任感。比如，在用户注册旅程中加入更多的文字说明，进行步骤的解释与详细引导。 ![中老年电商注册流程设计](https://www.tmogroup.com.cn/wp-content/uploads/2019/10/影响-1024x841.png) \*图5: TMO一则设计实例。在注册流程中添加更细致的文字描述，引导正确注册。 ### 极简手势交互 伴随手部肌肉灵敏度的失调，以及短期记忆力的下滑，中老年用户失去了年轻时控制注意过程所需的精度和速度，无法胜任复杂的交互手势与界面流程。 从交互手势来说，化繁为简，允许中老年用户「仅依靠单击」即可完成。按钮的大小也颇有讲究，一般来说，尺寸为44pixel \* 44 pixel以上的按钮在任何屏幕上都可为用户提供较为舒适的点击体验。 ![中老年电商按钮界面设计](https://www.tmogroup.com.cn/wp-content/uploads/2019/10/Slice-Copy-4-829x1024.png) \*图6: TMO一则设计实例。对于中老年电商的按钮大小的处理。 ### 极简产品设计 简单的产品与操作导航一来降低的中老年用户的学习成本，二来有助于中老年用户增强学习信心，形成操作的肌肉记忆与条件反射。 我们需要将所有信息尽量精简成一屏，因为中老年用户手指上下滑动会产生困难，且分屏操作（或使用多个页面处理一件事情）会使用户变得难以集中。例如，我们需将结账流程浓缩成一屏，降低结账跨度形成买单的“记忆映射”。 通常，我们可从以下9项原则入手： - 建立一个简单，清晰，连贯的导航系统，该系统尽可能重复相同的约定和顺序。 - 导航系统应尽可能“平坦”，并避免将内容隐藏在系统的深处。 - 屏幕的设计应有助于快速扫描核心内容并快速导航到相关位置。 - 用户的当前位置应该非常清晰，返回原位置的方式也应该如此。 - 主题标题应清晰可见，内容连贯。 - 使用简单的普通背景，避免分散注意力。 - 使用实验性和创新性的UI元素可能会使用户感到困惑，尽量避免这一点。 - 对完成进度和情况给出可视化反馈。 - 可采用提示音进行辅助说明，比如付款成功与发货成功的提示音。 ![中老年电商导航与结算设计](https://www.tmogroup.com.cn/wp-content/uploads/2019/10/111-1024x838.png) \*图7: TMO一则设计实例。精简的中老年电商导航与结算界面。 尽管认知能力下降确实会为中老年用户掌握数字技能添加阻碍，但这并不意味学习本身就没有效果。如果中老年人获得体贴周到的设计支持，他们亦能够娴熟操作移动电商。 ## **银发电商的适老化人文准则** 设计方面，未来搭乘数字浪潮中老年人会拥有各种经验水平，但我们的定义原则依然是「适合初学者」。优秀的设计会给中老年用户带来信心，使之在体验过程中感受人文关怀与包容度。 ![](https://www.tmogroup.com.cn/wp-content/uploads/2019/10/1_XdGDkEDnV4t7D_DXyPquA.jpeg) \*图8: 正在享受移动电商冲浪的老年用户 我们需杜绝「中老年用户质疑自身能力」的情况出现，预防错误是设计过程的主要目标。「清晰明了」比「富有美感」更有效。设计元素不仅应充当装饰品，每个都应具备实用功能。 ## **银发电商普适性：同样配适青年电商开发** 数字爆炸时代催生出一大批青年「数字疲劳人群」。他们掌握娴熟的数字技能，且生理方面完全健康，但高强度的数字轰炸已难以调动他们的互动积极性。 数字疲劳人群VS银发人群，我们发现如下现象： - 不想看 VS 看不清 - 懒得滑 VS 滑不动 - 不想学 VS 难学会 银发电商的设计理念如何普适「数字疲劳人群」？这是TMO近期重点研究的的内容： - 通过文字、按钮、图片等的大小比例的调节，进行重点聚焦，帮助用户快速抓住重点。 - 通过配色协调，柔和色彩碰撞引起的视觉疲劳。 - 简单易懂的产品体验与导航。 - 避免丰富的手势交互等... TMO Group聚焦各文化背景，各年龄阶层的电商设计与开发。更多银发电商内容会在后期释出，感兴趣的小伙伴也可发送邮件至与我们深入探讨。 **相关服务** >>[UX / UI设计](https://www.tmogroup.com.cn/ux-ui-design/) >>[电商网站开发](https://www.tmogroup.com.cn/eckaifa/) >>[移动电商开发](https://www.tmogroup.com.cn/mcommerce/)