【干货】设计师口中的 「适老化设计」你真的懂吗?
👉产品设计👈
「适老化产品设计指南」
年轻人焦虑时间飞逝,搬不完的砖、加不完的班、学不完的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
导航
信息架构尽量不改变