开启工具
操作声明
无障碍声明
热门搜索:
头像
所在位置:
无障大学
详情
设计案例|健康码的适老化设计
设计案例|健康码的适老化设计
2021-06-08 - 2021-06-09
-
发表于2021-06-26 15:26:07.0

推荐语:我们正处于以互联网为代表的现代科技发展迅猛的时代,各种智能化服务都得到了广泛的应用。同时我国老龄化人口的数量又有快速的增长,基数庞大的年长者面临“数字鸿沟”的问题日益凸显,怎样降低老人的互联网接触门槛、帮助他们融入科技生活是我们在设计中应该关注的一个重点方向。本文章通过电子健康码项目中的适老化设计,讲述了在政务行业中我们是如何帮助互联网时代的老年人消除数字鸿沟,让互联网产品更好地“适老”,不让老人“掉队”的。

 

 

老年人的数字之困

因为突如其来的疫情的关系,健康码针对于防控疫情已经展现出了它强大的威力。防疫健康码做为数字化个人的健康身份证和信息访问的入口,从技术和国家治理的层面都有重要的意义。为了疫情防控的需要,我们在乘坐公共交通工具、超市购物、景点参观、出入自家小区时都需要用手机出示健康码。正是基于它的适用面广,适用用户广泛,所以就要其简单、高效、便于使用。

老年人作为健康码的重要使用群体之一,我们经常能看到新闻上说因为老年人不会操作智能手机,导致自己在疫情期间处处不便。针对老幼日常出行问题,各地市陆续推出了老幼健康码助查功能、家庭健康码和离线码等功能。加之在2020年11月份国务院办公厅印发了《关于切实解决老年人运用智能技术困难实施方案的通知》,我们也对之前设计的四川天府健康通进行了适老化的改造,率先推出了适老化的关怀版本,并针对移动端产品的适老化设计制定了相关规范来指导设计。

设计的思考流程

四川天府健康通适老化的改造是基于基础版的内容来进行的,对于适老化的优化内容不仅仅是停留在界面上,也对其功能和体验上进行了优化。拆解目标后针对本次优化我们分成了四个步骤:

  1. 设计原则的提炼:基于客户特点、用户的调研分析以及文献内容研究,提炼出基本的指导原则。

  2. 设计的应对策略:根据指导原则,业务逻辑及老年长者对于智能设备的使用习惯整理出相关的应对策略。

  3. 感知设计的方法:把原则和策略应用于实践,涉及页面整体框架/结构、交互流程以及视觉情绪感受等具体方案的适老化设计。

  4. 设计规范的制定和推广:整体的研究内容和设计等形成适老化的设计规范,其他设计团队进行推广。

 

5-1.png关键的流程

设计原则的提炼

健康码项目其实是一个典型的ToG /ToC类型的项目,我们的客户群体是政府的某个部门(政务行业中,每个政府部门因为权限和管辖内容的不同,客户的诉求也会不一样,负责健康码项目的部门一般来说就是各地的大数据局),使用群体是一般的民众,而这次适老化版本的目标用户又是60岁以上的老年人。对于适老化关怀版本的设计,如何兼顾两者的平衡-既要满足客户的诉求又要满足用户的体验,就是我们设计师需要思考的方向。

5-2.png服务的人群

政府部门客户的特点

政府客户的构成和B端类似,决策者和实际的业务人员并不相同,所以要对客户的特点进行挖掘。我们经过数十个项目的经验,总结出政务客户的特点:

 

所以针对政府侧的设计原则就是要有理有据,具有规范性以及要有可追溯性

5-3.png客户群体的特点及对应的设计原则

老年用户的现状

本次的适老化设计的用户主要是针对60岁以上的老人(按照目前国际上和国家的规定老年人的年龄起点为60岁)。根据第47次《中国互联网发展状况统计报告》截止2020年12月,我国手机网民规模达到9.86亿,50岁以上网民群体占比由2020年3月的16.9%提升至26.3%,其中60岁以上的老年占比11.2%,约1亿左右。老年用户基数越来越大,互联网进一步向中老年群体渗透。

5-4.png
网民年龄结构

随着年龄的增长,身体机能的下降或者老年疾病的关系,老年用户最大的特点就是其五力(视力、听力、表达力、行动力和认知力)的弱化:

5-6.png设计的基础原则

设计的应对策略

在整体设计原则的指导下,我们也要找到对应的设计解法,来保证设计输出方案的可靠性。

1、针对政府侧客户的应对策略

 

感知设计的方法

感知设计定义了涉及页面整体框架/结构、交互流程以及视觉情绪感受等具体方案,由于目标用户群体的特殊性,在框架、交互流程、字体的使用和颜色上的把控都需要着重的注意。

整体界面框架的定义

在健康码适老化设计的方案框架定义中,和四川天府健康通的常规版本的定义内容一样,也是分为了四个层级即背景层-插图和文章展示信息的内容,内容填写层-信息表格的内容填写,全局控制层-按钮等操作内容和临时弹框层-信息的反馈提示。不同于常规版的定义是在内容层填写层上,我们在研究的过程中发现,老年人在填写表单时时长会不知道哪里需要填写,哪里需要点击,所以针对适老化关怀版我们把表单类的填写设计成了卡片的形式,来帮助老年用户点击、聚焦填写内容,而且长文本的内容填写会分成不同的模块,更加方便用户的集中。

5-7.png设计的整体框架

交互流程的简化

除了框架结构内容需要调整外,一些交互流程也需要变化,以清晰快捷、简单明了的方式来方便老年用户理解和操作。例如在实名资料的认证的勾选框上(因为法律风险的问题,所有的服务协议及隐私协议均不能默认勾选),因为对勾选的样式很陌生再加上勾选框很小所以老年用户时常会忘记勾选的操作,于是便采用弹框提示,并伴有可同意操作直接进入下一步。(曾试过如果不勾选则按钮置灰呈不可点击态的方案,但老年用户更迷茫,觉得自己已经填写完毕为什么点击不了。)

5-8.png实名认证的部分关键页面


字体

1、字体类型的使用。使用带有数字屏幕的设备阅读时,无衬线字体(例如黑体等)看起来会比有衬线(例如宋体等)字体更醒目而且轮廓清晰。所以在字体上我们沿用了政务业务中制定的字体规范中的苹方字体。如果有需要进行数据展示或者高强调的数字时同样选择了无衬线的 DIN NextLTPro-BoldCondensed字体。

 

5-9.png字体、字号的要求

2、字体大小的定义。在字体大小中我们也参考了JIS规格对于印刷物品等反射原稿中《不同年纪最小可阅读文字大小》的建议;在建议中,60岁以上的老年人,最小可接受的字体大小的绝对高度是4.9mm,所以我们基于此定义了一套标准的字号;但是一套标准的字号并不能满足所有的年龄的老年人,还需要提供更多样性的字体大小的选择。

 

5-10.png 

不同年纪最小可阅读文字大小

颜色

在颜色的对比度上,我们也根据WCAG2.1(Web Content Accessibility Guideline,Web内容无障碍指南)中的色彩对比度建议:

 

我们需要使用的色彩对比度要在4.5:1之上,即对比度达到 AAA级和AA级,在设计的时候也利用了专业的对比度查看工具来验证颜色的对比度,避免使用低对比度的颜色搭配。

5-11.png 

(本文选自微信公众号:腾讯云设计中心)

主管单位:深圳市残疾人联合会 丨主办单位:深圳市无障碍城市联合会 丨备案号:粤ICP备2021008178号丨深圳市无障碍城市联合会版权所有