银发机遇:适老化移动电商设计与开发

TMO Group

据Nielson Norman Group调查显示,用户代际变迁,25至60岁之间的用户群使用网页/APP的能力「逐年下降0.8%」,中老年用户的使用效率甚至可比出普通用户低出74%。因中老年用户需花费更多时间阅读文字,识别色彩与模块,提取信息并理解内容。本文,我们重点聚焦「适老化移动电商」设计与开发原则。

 

文章篇幅较长,可按照如下目录查阅兴趣内容:

 

银发用户面临的代际挑战

作为数字时代的原住民,你可能会自信满满地认为“即使年龄再大,我依然是数字时代弄潮儿”,但残酷的现实是,你不得不向年迈后日益下降的身体机能妥协。

 

视力

年龄增长,中老年用户角膜逐渐失去光泽,晶状体浑浊发黄、负责识别颜色的视网膜细胞失去敏感性。中老年人对光线、颜色、字体的感知与灵敏度大大降低。中老年用户与产品的视觉交互产生困扰。

老年UI视觉

*图1: 不同视觉疾病对老年用户的UI感知影响(图片来自Pumika)

 

触控与听觉

多数中老年人都会遭遇肌肉运动控制及手眼协调能力的下滑。手部震颤抖动,关节炎等疾病都会阻碍精细的屏幕交互,使运动变得缓慢而不一致。且听力退化后,同样水平下,老年用户需40分贝的音量才可接收青年用户4分贝即可获取的内容。

 

记忆与理解力

中老年用户短期记忆能力衰退,注意力难以集中,易分心。使得他们难以跟随导航准确完成任务,或处理多步骤任务。

 

适老化电商的设计准则

增强色彩对比度

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

老年电商设计与开发2

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

 

那么什么样的色彩适合中老年?我们建议在尽量保留品牌色的同时,遵循如下WCAG设计标准:

  • 普通用户:3:1的对比度是肉眼可见的最低建议文本与视觉水平。
  • 中老年用户:视觉受到阻力,可接受的对比度应上升到4.5:1至7:1。

 

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

中老年电商颜色对比度设计

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

 

此外,我们还需确保在灰度条件下,中老年用户依然可清晰辨别色彩。切记,我们需尽量减少蓝色的使用。中老年人的视觉体系统易选择性吸收蓝光,导致中老年人对蓝光的辨别水平更低于红绿光线。

 

增强文字与字号力量

在手机屏幕中,设计常多用11px-12px的字号,对于部分视力欠佳的年轻人来说都会产生阅读困扰,更不消说中老年群体。针对中老年群体,TMO建议至少增加约50%的字体大小,即最低从16px起。

中老年电商字体大小设计

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

 

且细体字及无衬线字体对中老年用户缺乏友好度,我们应避免此类字体对重要内容的渲染。其次,不建议将文字置于图片中。由于老年人对色彩感知的弱化会导致“图片与文字交融”,增加眼睛负担,影响阅读。

 

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

中老年电商注册流程设计

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

 

极简手势交互

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

 

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

中老年电商按钮界面设计

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

 

极简产品设计

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

 

我们需要将所有信息尽量精简成一屏,因为中老年用户手指上下滑动会产生困难,且分屏操作(或使用多个页面处理一件事情)会使用户变得难以集中。例如,我们需将结账流程浓缩成一屏,降低结账跨度形成买单的“记忆映射”。

 

通常,我们可从以下9项原则入手:

  • 建立一个简单,清晰,连贯的导航系统,该系统尽可能重复相同的约定和顺序。
  • 导航系统应尽可能“平坦”,并避免将内容隐藏在系统的深处。
  • 屏幕的设计应有助于快速扫描核心内容并快速导航到相关位置。
  • 用户的当前位置应该非常清晰,返回原位置的方式也应该如此。
  • 主题标题应清晰可见,内容连贯。
  • 使用简单的普通背景,避免分散注意力。
  • 使用实验性和创新性的UI元素可能会使用户感到困惑,尽量避免这一点。
  • 对完成进度和情况给出可视化反馈。
  • 可采用提示音进行辅助说明,比如付款成功与发货成功的提示音。

中老年电商导航与结算设计

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

 

尽管认知能力下降确实会为中老年用户掌握数字技能添加阻碍,但这并不意味学习本身就没有效果。如果中老年人获得体贴周到的设计支持,他们亦能够娴熟操作移动电商。

 

银发电商的适老化人文准则

设计方面,未来搭乘数字浪潮中老年人会拥有各种经验水平,但我们的定义原则依然是「适合初学者」。优秀的设计会给中老年用户带来信心,使之在体验过程中感受人文关怀与包容度。

*图8: 正在享受移动电商冲浪的老年用户

 

我们需杜绝「中老年用户质疑自身能力」的情况出现,预防错误是设计过程的主要目标。「清晰明了」比「富有美感」更有效。设计元素不仅应充当装饰品,每个都应具备实用功能。

 

银发电商普适性:同样配适青年电商开发

数字爆炸时代催生出一大批青年「数字疲劳人群」。他们掌握娴熟的数字技能,且生理方面完全健康,但高强度的数字轰炸已难以调动他们的互动积极性。

 

数字疲劳人群VS银发人群,我们发现如下现象:

  • 不想看 VS 看不清
  • 懒得滑 VS 滑不动
  • 不想学 VS 难学会

 

银发电商的设计理念如何普适「数字疲劳人群」?这是TMO近期重点研究的的内容:

  • 通过文字、按钮、图片等的大小比例的调节,进行重点聚焦,帮助用户快速抓住重点。
  • 通过配色协调,柔和色彩碰撞引起的视觉疲劳。
  • 简单易懂的产品体验与导航。
  • 避免丰富的手势交互等…

 

TMO Group聚焦各文化背景,各年龄阶层的电商设计与开发。更多银发电商内容会在后期释出,感兴趣的小伙伴也可发送邮件至info@tmogroup.asia与我们深入探讨。

相关服务

>>UX / UI 设计TMO以用户体验为核心,专注于中国电商界面与接触点的塑造。以简洁、易用、愉悦为原则,将设计理念导入创新的流程中。重视用户体验满意度的同时还强调视觉感受,让应用的个性跃然呈现。UX / UI设计

>>电子商务网站建设我们的软件工程师和用户体验专家团队致力于打造优质的网上商城,您可以自主选择一个基于Magento 2.0的标准电商建站模式,或者一个快速且高效的企业电商解决方案。电商网站开发

>>移动电商解决方案移动电商由于其轻便易于携带,以及能够满足消费者随时随地的即时消费需求,已然成为越来越重要的网购方式。加之偶发性和冲动型消费快速滋长,品牌零售商的电商移动化战略成为必然。移动电商开发