因为突如其来的疫情的关系,健康码针对于防控疫情已经展现出了它强大的威力。防疫健康码做为数字化个人的健康身份证和信息访问的入口,从技术和国家治理的层面都有重要的意义。为了疫情防控的需要,我们在乘坐公共交通工具、超市购物、景点参观、出入自家小区时都需要用手机出示健康码。正是基于它的适用面广,适用用户广泛,所以就要其简单、高效、便于使用。
老年人作为健康码的重要使用群体之一,我们经常能看到新闻上说因为老年人不会操作智能手机,导致自己在疫情期间处处不便。针对老幼日常出行问题,各地市陆续推出了老幼健康码助查功能、家庭健康码和离线码等功能。加之在2020年11月份国务院办公厅印发了《关于切实解决老年人运用智能技术困难实施方案的通知》,我们也对之前设计的四川天府健康通进行了适老化的改造,率先推出了适老化的关怀版本,并针对移动端产品的适老化设计制定了相关规范来指导设计。
四川天府健康通适老化的改造是基于基础版的内容来进行的,对于适老化的优化内容不仅仅是停留在界面上,也对其功能和体验上进行了优化。拆解目标后针对本次优化我们分成了四个步骤:
关键的流程
健康码项目其实是一个典型的ToG /ToC类型的项目,我们的客户群体是政府的某个部门(政务行业中,每个政府部门因为权限和管辖内容的不同,客户的诉求也会不一样,负责健康码项目的部门一般来说就是各地的大数据局),使用群体是一般的民众,而这次适老化版本的目标用户又是60岁以上的老年人。对于适老化关怀版本的设计,如何兼顾两者的平衡-既要满足客户的诉求又要满足用户的体验,就是我们设计师需要思考的方向。
服务的人群
政府客户的构成和B端类似,决策者和实际的业务人员并不相同,所以要对客户的特点进行挖掘。我们经过数十个项目的经验,总结出政务客户的特点:
所以针对政府侧的设计原则就是要有理有据,具有规范性以及要有可追溯性。
客户群体的特点及对应的设计原则
本次的适老化设计的用户主要是针对60岁以上的老人(按照目前国际上和国家的规定老年人的年龄起点为60岁)。根据第47次《中国互联网发展状况统计报告》截止2020年12月,我国手机网民规模达到9.86亿,50岁以上网民群体占比由2020年3月的16.9%提升至26.3%,其中60岁以上的老年占比11.2%,约1亿左右。老年用户基数越来越大,互联网进一步向中老年群体渗透。
网民年龄结构
随着年龄的增长,身体机能的下降或者老年疾病的关系,老年用户最大的特点就是其五力(视力、听力、表达力、行动力和认知力)的弱化:
所以针对老年群体的设计原则就是轻易感知、轻松操作和清晰准确。具体来说就是文本信息内容的呈现和用户界面的控件必须能够让年长者轻易的感知到,让年长者轻松的操作;文本信息的描述和用户界面的逻辑必须表达清晰准确。
用户的群体及对应的设计原则
经过对客户和用户群体的分析后,我们提炼了这次适老化版本优化的设计目标和体验原则---基于政务客户的设计服务要求下的健康码适老化关怀版设计基础原则,并通过本设计原则来对整体的设计进行把控。
设计的基础原则
在整体设计原则的指导下,我们也要找到对应的设计解法,来保证设计输出方案的可靠性。
政府侧客户的应对策略
用户侧老年群体的应对策略
感知设计定义了涉及页面整体框架/结构、交互流程以及视觉情绪感受等具体方案,由于目标用户群体的特殊性,在框架、交互流程、字体的使用和颜色上的把控都需要着重的注意。
在健康码适老化设计的方案框架定义中,和四川天府健康通的常规版本的定义内容一样,也是分为了四个层级即背景层-插图和文章展示信息的内容,内容填写层-信息表格的内容填写,全局控制层-按钮等操作内容和临时弹框层-信息的反馈提示。不同于常规版的定义是在内容层填写层上,我们在研究的过程中发现,老年人在填写表单时时长会不知道哪里需要填写,哪里需要点击,所以针对适老化关怀版我们把表单类的填写设计成了卡片的形式,来帮助老年用户点击、聚焦填写内容,而且长文本的内容填写会分成不同的模块,更加方便用户的集中。
设计的整体框架
除了框架结构内容需要调整外,一些交互流程也需要变化,以清晰快捷、简单明了的方式来方便老年用户理解和操作。例如在实名资料的认证的勾选框上(因为法律风险的问题,所有的服务协议及隐私协议均不能默认勾选),因为对勾选的样式很陌生再加上勾选框很小所以老年用户时常会忘记勾选的操作,于是便采用弹框提示,并伴有可同意操作直接进入下一步。(曾试过如果不勾选则按钮置灰呈不可点击态的方案,但老年用户更迷茫,觉得自己已经填写完毕为什么点击不了。)
实名认证的部分关键页面
字体、字号的要求
不同年纪最小可阅读文字大小
在颜色的对比度上,我们也根据WCAG2.1(Web Content Accessibility Guideline,Web内容无障碍指南)中的色彩对比度建议:
我们需要使用的色彩对比度要在4.5:1之上,即对比度达到 AAA级和AA级,在设计的时候也利用了专业的对比度查看工具来验证颜色的对比度,避免使用低对比度的颜色搭配。
色彩对比度的检验
在全国,腾讯的健康码已在全国近200个项目中部署应用,并伴随着项目个性化需求开发,又有众多团队的设计师来负责健康码的设计,所以各地市项目上的健康码与健康码的标准版已相差甚远。在进行适老化的设计上,为了保证统一性,就要一套设计标准来指导对应的设计师来进行优化。于是我们对移动端的内容进行了拆解,把文字、按钮、控件、组件等内容都进行了适老化的规范定义,也对不同的设计团队进行培训。
当下互联网已经渗透生活的方方面面,老年人如何融入“数字生活”已经是一个社会课题,我们的项目上线后就受到了社会上的广泛关注。现在国家已经开始聚焦老年人日常生活涉及的高频服务事项领域,加快推动解决一批老年人运用智能技术的问题。设计师也需要通过自己的专业性帮助老年用户们也能很好的融入数字化进程中,享受科技进步带来的便捷生活,实现科技平权,以更周全、更贴心、更直接的便利化服务帮助老年人。
部分媒体的宣传
当然除了老年人之前,还有很多社会群体(听障人群,视障人群,残疾人群等)需要我们的产品关注无障碍的方方面面;随着产品的用户群体的不断增大,我们在进行产品设计时,要带着无障碍的思考方式来进行设计,比如在设计产品的时候想想老年人怎么用,听障的人群该怎么用,即便他们不是我们产品的主要目标用户。当带着这种思维方式来进行思考和设计时,可能就会发现我们从未想到过的问题,在解决这些问题的过程中产生的创新点说不定就成了我们产品的优势了,也体现了我们的科技向善。
推荐阅读和工具:
无障碍设计Web Content Accessibility Guidelines (WCAG) 2.1: http://www.w3.org/Translations/WCAG21-zh/
对比度检测工具EightShapes Contrast Grid:https://contrast-grid.eightshapes.com/
日本UNIX Design Office中的GUI设计建议:http://www.unix-d.co.jp/
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有