您的浏览器版本似乎过旧
我们的网站在最新版本浏览器上会表现更好
好的

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

TMO Group2019年10月17日
银发机遇:适老化移动电商设计与开发

据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设计

>>电商网站开发

>>移动电商开发

 

分享: 
微信扫码分享
下载

相关洞察

所有洞察
All
Market guide
Industry report
Outlook
Localization
Data pack

与我们交谈

获取助力您业务增长的解决方案
联系我们