Categories


Tags


百度智能小程序-如何提升小程序适老化无障碍体验

为什么需要提升小程序适老化无障碍体验?

可以带来小程序体验提升:升级小程序无障碍体验服务,促进小程序用户体验提升,进而可能提升数据流量增长。

可以体现社会责任感:响应国家适老化及无障碍改造的号召,服务不同生理需求障碍的用户人群,体现企业社会责任感。

什么是适老化无障碍体验?

概述:适老化无障碍体验是要兼顾不同程度生理缺陷者,和正常活动能力衰退者即老年人的使用需求,营造一个充满关怀,切实保障人们安全、方便、舒适的互联网环境,使用户能平等便捷地获取信息、使用小程序功能的进阶体验标准。

适老化无障碍体验设计聚焦用户类型:

视觉障碍用户(视力下降、色彩感知弱、失明等)

认知障碍用户(记忆力下降,反应慢、学习力下降、判断力下降等)

听力障碍用户(听力降低、失聪等)

肢体障碍用户(动作精准度下降,运动迟缓等)

一、视觉无障碍解决方案,确保用户清晰的浏览信息

1. 字号升级

针对有视觉障碍的用户,建议升级小程序字号在 18pt-30pt 范围内,能够清晰阅读内容。

推荐

字号在 18pt-30pt 为移动端可辩知较佳范围

不推荐

字号过小,会影响用户阅读浏览

2. 字号放大后存在四类常见问题

文字对齐错误、文字折行错误、文字未响应适配、文字显示不全四类问题,建议开发者做响应适配,为用户提供最佳浏览体验。

错误

正确

3. 字色

针对有视觉障碍的用户,建议文字颜色或文字与图片对比度至少为 3:1,提高不同类型文字之间的分类阅读辨识度。

推荐

用户界面组件、图形图像与相邻颜色的对比度至少为 3:1

不推荐

字色相邻颜色对比度低

4. 色彩

针对有视觉障碍的用户,建议减少颜色饱和度过高和紫色、蓝色的使用,确保用户较佳辨识内容。

推荐

降低色彩饱和度高、减少紫色、蓝色的使用,极特殊场景,采用叠加30%黄色方式降低明度

不推荐

色彩饱和度高、减过多紫色蓝色

二、认知无障碍解决方案,确保用户顺畅的认知内容

1.通用化设计

小程序内建议设计表现效果尽量还原现实生活较为常见的外观或颜色,和用户产生情感共鸣,便于辨识和记忆。

推荐

设计语意尽可能符合用户的生活时代特征,符合他们的知识经验,降低学习成本。

2.引导提示。

针对有认知障碍的用户,建议适当的增加用户引导教育,帮助用户快速地学习和使用小程序功能。

推荐

对于初次使用小程序或小程序添加新功能等情况下,新手引导可以帮助用户尽快熟悉使用。

3.图标设计

针对有认知障碍的用户,建议根据产品类型选择不同图标设计风格,确保表意明确,增加辅助文案标识,降低图标理解成本。

推荐

不同风格图标设计加文字注释更便于用户理解。

4. 文案表述

小程序内文案描述辅助用户理解时,建议使用更直白清晰的文案注释,不产生歧义。

推荐

直白简单易于理解的文案描述,更易于用户理解。

不推荐

文案过于书面且复杂,不易理解。

5.帮助反馈

小程序内建议提供文字说明/问答/电话/视频说明等多种帮助反馈服务,确保用户都能找到合理的途径进行用户反馈和寻求帮助。

推荐

尽可能在用户需要辅助理解的地方给予用户不同形式的帮助反馈

6.官方标识

为确保在交易订单等财产相关使用场景内增加用户安全和信赖感,建议关键位置突出官方标识。

推荐

官方标识有助于提高用户的可信赖度,辅助用户做出判断

三、听觉无障碍解决方案,确保用户准确的辨识声音

1.设备音量

针对有听觉障碍的用户,建议含有音视频类内容的音量增大 10%、音速支持 0.75 倍慢速,方便用户使用。

推荐

推荐音视频类内容默认音量增大、默认音速调慢。

四、肢体无障碍解决方案,确保用户高效的操作功能

1.触控面积

小程序内建议为用户提供足够可触控点击的区域,以防用户误操作。

推荐

行业标准点击区域44pt左右比较适合用户准确操作。

2.多输入方式

针对有肢体障碍的用户,建议提供键盘输入、语音输入、预置选择、自动获取等多种输入方式,降低输入成本。

推荐

辅助用户在不同场景下都能够准确的进行信息输入。

3.强反馈辅助用户操作

小程序内建议提供辅助用户提示的文字或指令,便于用户操作。

推荐

在较为重要且能帮助用户操作的场景下添加强反馈功能,如文字反馈、提示颜色反馈。

4.高容错设计给予用户便捷操作

建议在断网、超时、失败状态、清空、删除等出错场景,告知用户下一步操作方法。

推荐

直白简单易于理解的文案描述,更易于用户理解。

不推荐

文案过于书面且复杂,不易理解。

五、无障碍设计自检表

来源:百度智能小程序


Public @ 2022-06-17 15:59:43

百度智能小程序如何选择数据提交方式?

百度智能小程序可以选择以下数据提交方式: 1. 表单提交:通过表单提交方式将用户填写的信息提交到后台数据库中。 2. Ajax异步提交:通过Ajax技术实现异步提交,无需刷新页面就可以将数据提交到后台。 3. WebSocket数据推送:通过WebSocket技术实现数据的双向推送,实现实时数据更新效果。 4. RESTful API调用:通过RESTful API调用后台接口,实现数据的

Public @ 2023-06-16 23:50:16

百度搜索资源平台-关于近期出现网站劫持用户问题的公告

近日,百度搜索技术团队发现,搜索结果中的部分网站在用户访问时存在后退劫持的情况。经我们初步统计,类似问题近期有突发趋势,对搜索用户影响恶劣,特此发布公告,还请站点关注。通过对后台数据进行分析,这类问题多数是“被恶意劫持“或站内的”第三方站点链接存在被劫持“导致。发布公告的同时我们也会向存在高风险的网站发出站内信通知,还请存在此问题的站点尽快自查修复。我们将会对一周内仍然未整改修复的站点采取临时控制

Public @ 2019-04-16 15:37:37

百度智能小程序设计指南-阅读排版

阅读视线流中国用户阅读浏览内容的习惯通常是“从左往右,从上往下”,在信息排版时,我们应该把主要的信息内容放在屏幕左上侧。认真沉浸阅读(Z型)1. 从左侧开始,视线向右水平移动阅读;2. 视线下移至最左侧,重复第1步,从上往下逐行阅读。快速扫视浏览(锯齿型)1. 从上至下垂直扫描;2. 发现感兴趣的内容,视线从左向右水平移动。注意传统中文的竖向排版,对于长文本场景阅读效率较低,请谨慎使用。错误内容横

Public @ 2016-08-08 15:59:21

百度智能小程序-如何提升分享 Web 态的用户体验

要提升分享 Web 态的用户体验,在百度智能小程序中可以采取以下几个方面的优化措施: 1. 优化页面加载速度:页面加载速度是影响用户体验的重要因素。可以通过图片懒加载、资源压缩等技术手段来减少页面加载时间,提升用户体验。 2. 提供清晰的页面布局和导航:确保页面布局清晰、导航简洁明了,让用户能够轻松找到所需的信息。 3. 优化页面内容展示:在分享页面中展示有价值的内容,如精美的图片、吸引人的

Public @ 2023-07-21 22:50:29

更多您感兴趣的搜索

0.453459s