AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

与你同行,才能无障碍 (二)

  • 2019-12-18
  • 本文字数:1296 字

    阅读完需:约 4 分钟

与你同行,才能无障碍(二)

多角度技术解决方案完善手淘无碍化


淘宝技术工程师闭着眼睛做无障碍测试


在过去的一年中,手淘技术团队在以下三个方面不断完善了手机淘宝的无障碍建设:


1.图片可以“听到”


手淘详情页面接入 OCR 能力,也就是提取商品图片中的文字,帮助视障人群能够“听”到图片内容。该能力由“图像和美”团队提供后端算法支持。旨在解决商品详情中“图文”详情区域,“纯图片”控件无障碍文本缺失的问题。


2.增加“无障碍小助手”


无障碍小助手在手机淘宝中提供无障碍快速通道,帮助视障用户快速到达常用页面(充话费、领淘金币等)。旨在解决视障用户的一大痛点:多次切换焦点寻找常用功能入口。


3.信息无障碍纳入常态化


“手机淘宝”是中国第一个将信息无障碍纳入更新维护常态化流程的产品。在集团已有的无障碍工作基础上,我们与深圳无障碍协会保持高度合作。做到无障碍检查与修复的日常化。同时,针对目前广泛使用的 DinamicX 开发体系。我们在 DinamicX 模板编辑阶段就加入了无障碍检查。让无障碍能力成为了模板能力的一部分。

淘宝的无障碍设计规范


手机淘宝无障碍设计准则


手机淘宝从 2017 年开展全链路无碍化设计迭代以来,经历了多个版本多种类型的无碍化尝试,包括基础链路无碍化、双 11 双 12 会场设计无碍化以及智能小助手的淘内无碍化产品孵化。总结了以下五点对网络购物最为基础的设计准则:


1.用户记忆认知负担最小化


视障用户依赖记忆以及对大量手势的掌握来与手机或触屏产品交互,这本身就占用了大量的认知资源。设计师应该努力帮助读屏软件的用户来降低他们的对工具本身和界面的认知负担。


2.结构性导航体验的一致性


一致的结构性导航能够帮助视障用户快速建立对各类新进入页面的熟悉度和寻找信息的方式,从而降低学习成本和搜索有用信息的认知以及效率成本,并建立任务信心。


3.避免同一点多方向和维度的信息分布


按照我们之前讨论的视障用户的认知模型,多维度的信息关联方式对于视障用户是巨大的学习成本并且通常伴随信息理解的不确定性和不安全感,尤其是无法在脑中建立方位地图的先天视盲者。


4.页面内容结构的一致性


这是指页面内信息表达方式和顺序的一致性,这是对用户浏览信息舒适度、阅读连贯性和操作信心的保障。


5.辅助机制的一致性


指的是帮助用户操作、阅读以及完成页面的互动方式的一致性,例如:通过唤起菜单来提醒用户选择服饰的尺码,那么在各类物品详情页都最好使用类似表达的辅助菜单,来提升用户确认操作的可靠性。


在上述基本准则的基础上,淘宝的设计师也给出了手淘框架下每个可复用的功能性控件的无碍化设计规范-从点到面、以点带面地来持续推动和优化基础链路的无碍化。欢迎关注「淘宝设计」公众号,查看更多无碍化设计相关内容。



手机淘宝无障碍设计_基础控件设计样本


与你同行才能无障碍


“人生百年,试想谁能一生无障碍?”


淘宝的无碍化建设不是为了某个业务的 KPI ,而是为了每一位“特殊”的 TA 们,搭建最基本的、有安全感的信息化生活。期待更多的同学能够加入到「信息无障碍」,也希望这篇短文能帮助感兴趣的同学找到「无障碍」之路。期待与你同行,一起「无障碍」。


本文转载自淘系技术公众号。


原文链接:https://mp.weixin.qq.com/s/BpOKNVMVATANRJv2dTrMcQ


2019-12-18 16:06927

评论

发布
暂无评论
发现更多内容

DeepSeek 全面指南,95% 的人都不知道的9个技巧(建议收藏)

不在线第一只蜗牛

DeepSeek

亚马逊IP关联怎么解决?

Ogcloud

海外原生IP 海外IP 海外IP代理 海外静态IP 亚马逊IP关联

AI编程:Coze + Cursor实现一个思维导图的浏览器插件

卷福同学

AI编程 cursor

软件测试丨PyTorch 图像目标检测

测试人

软件测试

Mac电影视频播放器Infuse PRO for mac

小玖_苹果Mac软件

macOS上好用的搜索工具Find Any File for mac激活版

小玖_苹果Mac软件

Lazada 淘宝详情 API 的价值与应用解析

科普小能手

数据挖掘 数据分析 淘宝 API 接口 lazada API接口

📊Univer Go :AI结合电子表格,让数据采集与填充实现全流程自动化

梦数技术团队

Python JavaScript spreadsheet AI Agent 数据库 nosql

Mac照片图库管理工具PowerPhotos for mac

小玖_苹果Mac软件

Mac图片放大降噪锐化图像增强工具Topaz Photo AI for mac

小玖_苹果Mac软件

📊Univer Go:将AI与电子表格完美结合,一秒提取数据库数据

梦数技术团队

Python JavaScrip spreadsheet AI Agent 数据库 nosql

如何批量运营和管理领英账号?

Ogcloud

云手机 云手机群控 海外社媒运营 手机群控 群控功能

Mac音乐创作软件Logic Pro for Mac 直装激活版

小玖_苹果Mac软件

可视化流程图思维导图软件iMap Builder for mac中文

小玖_苹果Mac软件

强大的右键菜单自定义工具MouseBoost Pro for mac中文

小玖_苹果Mac软件

自定义调节Mac显示器分辨率SwitchResX for mac正式激活版

小玖_苹果Mac软件

室内布局设计软件Room Arranger for Mac中文激活版

小玖_苹果Mac软件

智能编码在前端研发的创新应用

阿里巴巴云原生

阿里云 云原生

智能编码在前端研发的创新应用

阿里云云效

阿里云 云原生

淘宝天猫API接口实战:轻松抓取商品详情和关键词搜索,小白也能变大神!

代码忍者

淘宝API接口

专业好用的写作软件Mellel for mac中文

小玖_苹果Mac软件

欢迎来到AI时代!

老张

人工智能 大模型 DeepSeek

全球人形机器人行业 2024 年度汇总和行业前瞻报告:具身智能技术、人形机器人与商业化分析

机器人头条

机器人 科技 人形机器人 具身智能吗

与你同行,才能无障碍(二)_文化 & 方法_淘系技术_InfoQ精选文章