设计师口中的 「适老化设计」你真的懂吗?

年轻人焦虑时间飞逝,搬不完的砖、加不完的班、学不完的Knowledge、赶不完Deadline。聊微信刷微博玩抖音看知乎,在碎片化的时间中刷微博。老年人感叹生活平淡,亲人远隔万里相聚难,网络繁华复杂骗子多,下象棋打麻将看电视广场舞,在被边缘化的网络下寻开心。

设计师口中的 「适老化设计」你真的懂吗?

这种情况在很大程度上是因为“适老化”考虑缺位造成的。一些新技术与产品的应用,多针对年轻群体,没有充分考虑到老年人的实际。

今天格格就带大家进一步了解如何为老龄化群体设计适老化产品

01、为什么要做适老化设计

第45次《中国互联网发展状况统计报告》指出截止2020年3月,我国网民规模达到9.04亿,并且互联网继续向高龄人群渗透,60岁及以上的网民已占6.7%。

那么“以用户体验为中心”的设计师应该意识到这样的问题,根据自己的用户群体,适当的在产品中体现出对老人的用户体验关怀。

设计师口中的 「适老化设计」你真的懂吗?

早几年,有些产品的设计就开始关注老年人。比如应对“老年人打不到车”的舆论风波而设计出的滴滴敬老出租,锤子手机的远程协助,MIUI的老人模式等等。老龄化产品在我们的第一印象中就是要字大、声音响亮。

那么,除了这些特征还有哪些是需要我们注意的?

02、颜色

随着年龄的增长,角膜、瞳孔括约肌、晶状体和视网膜等生理调节力下降,影响到视觉的灵敏度、明暗、空间、颜色和信息加工的变化。

设计师口中的 「适老化设计」你真的懂吗?

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

界面设计上可以使用老年人喜爱的中性色,避免颜色纯度、明度过高造成对眼睛的刺激;可以使用对比强烈的互补色突出重要元素的信息内容和功能位置。

但由于晶状体变黄变浑浊,会选择性的吸收蓝光,从而导致老年人对蓝色的鉴别能力比对红、绿色鉴别能力下降更明显,所以界面上的重要元素要避免使用蓝色。

2、保证良好的颜色对比度

良好的对比度一直是Material Design 和 Human Interface Guidelines 中着重强调的。在WCAG 2.0 (Web Content Accessibility Guideline,Web内容无障碍指南)中给出了颜色对比度的指导意见:

对比度(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`s Color Contrast Checker、Contrast-ratio、EightShapes Contrast Grid、Color Tool等网站。

03、字体

为了给用户带来良好的阅读体验,需要考虑设计的易读性。易读性是指人们能否看见、区分、认出你所提供的文本里的文字。

1、 使用容易阅读的字体家族

英文主要有衬线字体 Serif 和无衬线字体 Sans-Serif 两种类型,中文主要有宋体、黑体、楷体等,若用西方的字体分类,宋体可以列为衬线字体,黑体为无衬线字体,楷体介于两者之间。

设计师口中的 「适老化设计」你真的懂吗?

在屏幕界面上,无衬线字体看起来比较醒目,轮廓清晰,因此可以避免视觉疲劳。所以iOS和Android等系统的默认字体都是无衬线字体,如San Francisco、Robot、微软雅黑、思源黑体等。

同时也可以提高字重,加粗文字使轮廓更加清晰。一般情况下我们使用regular肯medium两种字重,对于老龄化产品,可以再提高一个等级。

2、文字高5.62mm左右

在Ant Design设计语言中有讲到确认最小字体的方法,通过肉眼到物体之间的距离、物体的高度以及人的最小可接受视角,构成一个三角函数关系。

ANSI/HFS 认为:对于普通用户,最小视角0.3度时的阅读效率最好,一般眼睛距离电脑屏幕为50cm,根据三角函数公式能算出合适的字高。对于不同PPI的屏幕可以通过两轮换算(cm到inch,inch到pixel)得出最小字号。

设计师口中的 「适老化设计」你真的懂吗?

老人视觉能力下降,有学者研究表明老人偏好的最小可接受视角是0.75度,而视距是43cm,换算之后相当于字高5.62mm。而在JIS规格中的《不同年龄最小可读文字大小》也有记载,希望可供参考,如下图:

设计师口中的 「适老化设计」你真的懂吗?

3. 让用户自行调节字号大小

对于一个系统来说标准方案并不一定能够满足所有人,老人随年龄增加,视力障碍愈发严重,让用户自行调节字号大小,可以满足不同时期的需求,如iOS系统中总共有12种尺寸可以选择。
设计师口中的 「适老化设计」你真的懂吗?

03、导航

信息架构尽量不改变

摇一摇、朋友圈、公众号、微信支付、看一看、小程序,无论添加了多少新功能,微信能够始终保持底部四个标签栏,这样的产品不多的。

可见设计产品初期,好的信息架构是多重要。

用户在产品上完成一个任务,必然会从一个地方探索着到达目的地,就像去超市购物,一个好的导航系统能够指引我们很快的找到想买的商品,则在产品中清晰的UI导航是非常重要。

设计师口中的 「适老化设计」你真的懂吗?

04、交互

人和系统如何“对话”,简单直接是有效法则。在老龄化产品设计时,还是有很多交互方面的注意点。

1、多任务时要聚焦当前任务

随着年龄增长,工作记忆有所衰退,记一件事情需要更长的时间,存储新的记忆比年轻人差。在生活中老年人经常会用纸笔记录来辅助记忆,所以在产品设计中要注意的是,需要逐步介绍产品功能,防止认知过载;由于记忆差,则尽量避免跨屏任务;在长任务中,给出明确的反馈和最终目标的提醒。

2、手势动作简单

从电脑端“单击、双击、拖拽”等,到如今手机端“单击、长按、3D touch、双指捏合”等交互动作,用户可以操作的手势动作越来越多。随着年龄增大,人们的运动控制能力退化,对于老年人固然不会进行比较复杂的手势动作,还是以“点击、滑动”为主。

设计师口中的 「适老化设计」你真的懂吗?

3、互动时间要长

老年人由于生理原因导致注意力要迟钝些且较难持久,失去了年轻时控制注意过程所需的精度和速度。所以产品与老人互动时需要持续较长时间,比如一般的Toast会展示3s,对于老人来说,引起注意的响应时间和阅读文字的速度等都比较慢,所以这些互动的时间得长。再比如其他声音、振动的反馈也需要适当放大来提高互动效果。

设计师口中的 「适老化设计」你真的懂吗?

综上,本文从颜色、字体、导航、交互等界面设计的基础内容,对老龄化产品设计提供了几点建议,皆在提高产品使用的可用性和易用性,满足老年人的使用需求,体现出科技产品对老年人的关怀,能够继续享受数字科技生活。

业界动态

5100字详解如何拥有“直播力”?

2021-1-16 16:07:05

业界动态

广告变现之开屏广告变现方法论

2021-1-16 22:25:52

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索