适老化设计注意事项:别把老人当成病人
适老化设计注意事项:别把老人当成病人|z35资讯网
前年我接了个社区健康小程序的活,甲方一句话:做个适老化版本。我当时想得挺简单,字号调到18px,按钮放大一圈,齐活。上线两周,社区工作人员反馈说,一半的老人卡在第一步,根本不知道那个"开始测量"的按钮在哪。我跑到现场看,一个68岁的阿姨拿着手机,屏幕在太阳底下反光,她压根没看见那个浅灰色按钮。
那次之后我才明白,适老化不是把东西变大,是把老人当正常人对待。

字号放大不等于看得清
很多人第一反应就是放大字体,但字号太大反而添麻烦:一屏放不下几行字,老人得一直划,划着划着就丢了位置。我的经验是正文16到18px够用,行高给到1.6以上,比字号本身更重要。

真正卡人的是对比度。老年人瞳孔进光量下降,晶状体变黄,看蓝绿色特别吃力。我们做过一次小测试,同一个按钮用浅灰底白字和深蓝底白字,60岁以上用户找到按钮的时间差了将近3倍。所以现在我做界面,正文对比度基本按4.5:1起步,能到7:1就到7:1。纯蓝和纯黄尽量别用来传递关键信息,老人很难分辨。

还有一点,别用细体。细体在低端安卓机上渲染出来就是一团糊,老人的屏幕还经常带着划痕。
流程越短越好,倒计时最吓人
操作层面的坑更多。按钮光是大没用,还得拉开间距。老人手抖,两个按钮挨着,十有八九点错。我把常用按钮的点击热区做到至少48×48,间距留8px以上,误触率明显下来了。
手势能不用就不用。双击、长按、左右滑动,这三样老人基本学不会。需要滑动的地方加个明确的箭头和"下一步"文字按钮,两个入口都留着。
认知上最要命的是倒计时。我们原来有个验证码60秒倒计时,老人看到数字跳就慌,越慌越输错。后来改成不显示倒计时,只显示"重新发送",相关投诉直接没了。流程也一样,5步砍到3步,每步只干一件事,别在一个页面塞三个输入框。
- 字号16-18px,行高1.6以上,不用一味求大
- 对比度至少4.5:1,能到7:1最好
- 点击热区48×48起步,按钮间距8px以上
- 避开双击、长按、滑动这类隐藏手势
- 流程控制在3步内,去掉倒计时
改完之后那版小程序,老年用户的任务完成率从41%涨到78%,中间我们只动了排版和流程,没加任何"智能"功能。这个数字我印象特别深。
别在名字上贴标签
最后说个容易被忽略的:叫法。我们一开始把入口写成"老年模式",结果不少用户不愿意点。后来改成"大字版",使用率涨了差不多一倍。没人愿意承认自己老,尤其是刚退休那批人。
所以我现在做适老化,思路是让默认版本就好用,而不是单独做一个版本把老人圈进去。字体默认大一点,对比度默认高一点,流程默认短一点,年轻人用着也不难受。说白了,适老化做得好,所有人都受益,这事儿真没什么争议。