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

百度索引量工具数据恢复公告

尊敬的用户: 我们深感抱歉的通知您,百度索引量工具数据恢复工作由于技术问题未能如期完成。原计划于11月30日,针对10月份的索引量展开数据查询与恢复,但在执行过程中发现了系统bug,需要更多时间来修复。 我们已经调派了专业技术团队全力以赴,争取尽快解决问题。同时,我们也会加强对系统的监测和测试工作,确保这样的问题不再出现。 我们知道这次事故给您带来了很多不便和困扰,但请您相信,我们会不遗余力

Public @ 2023-05-31 19:50:22

百度站内搜索服务协议

发布日期:2015-06-01服务内容:利用百度的搜索引擎技术,帮助站点面向其用户提供站内搜索服务。为此,站长需要将百度提供的代码按照要求部署到自己的站点上,用户在这段代码对应的搜索框里输入关键词,百度返回与相应关键词相匹配的该站点结果。站长可以主动提交本站数据以用作搜索备选集合,也可以选择直接搜索百度已经抓取的本站数据,两种数据只能任选其一。站长对于主动提交的数据须保证数据的真实性、完整性及合法

Public @ 2014-08-18 16:07:10

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

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

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

智能小程序如何关联H5站点

智能小程序可以通过在小程序内部嵌入H5站点的方式来关联H5站点。具体步骤如下: 1. 在小程序中创建一个web-view组件,用于嵌入H5站点。 2. 获取H5站点的URL链接。 3. 在小程序中使用wx.navigateTo()或wx.redirectTo()等API打开web-view组件,并传入H5站点的URL链接。 4. 用户在小程序内打开web-view组件后,即可访问关联的H5

Public @ 2023-06-22 21:00:13

更多您感兴趣的搜索

0.508750s