触觉Vega-Lite:使用智能默认值快速原型设计触觉图表
作者
视觉障碍者技术(屏幕阅读器、触觉图形、盲文)数据物理化(Data Physicalization)UI/UX 设计师辅助技术专家
研究背景与问题
-
发现的问题或挑战:
- 盲人和低视力(BLV)用户的主要工具——触觉图表在设计上非常复杂,且耗时。非专业设计师因为指南的复杂性和高学习门槛面临巨大障碍,而专业设计师则因工具杂乱和流程冗长不得不进行大量自定义,效率受限。
- 目前的工作流需要跨多个工具进行设计(如矢量绘图工具和盲文转换软件)并进行重复性操作,这造成了效率低下。
- 现有的设计指南并不易于学习且非全面,无法覆盖所有图表类型,同时对未提及图表的设计处理缺乏明确指导。
-
重要性:触觉图表是让盲人和低视力用户能够独立探索数据和参与数据分析讨论的重要工具,也是促进教育公平性和图表素养的关键手段。
-
研究动机与相关工作:
- 本研究受访了专业触觉图表设计师,发现现有的设计流程和工具不够高效。同时,通过调查现有的指南和研究,发现触觉设计元素如纹理、网格线和标记的位置对用户体验至关重要,但缺乏简化设计和跨工具的解决方案。
解决方案
-
提出的方法或解决方案:
- Tactile Vega-Lite (TVL):一种扩展Vega-Lite的工具,提供针对触觉图表的特殊抽象,并在既有指南的基础上生成智能默认配置。
- TVL的默认样式使非专业设计师能够快速设计符合指南要求的触觉图表,专业设计师则能够通过覆盖默认配置来实现根据目标受众定制的设计。
-
创新之处:
- 为触觉图表引入了新的设计抽象,支持触觉编码、盲文转换、导航辅助和布局配置。
- 自动化设计任务(如调整间距、盲文转换、定义纹理和线条样式),从而缩短设计时间并提升一致性。
- 结合了指南一致性和高度灵活的可定制性,填补了现有工具在易用性和设计控制之间的空白。
-
实施步骤与关键技术:
- 触觉编码:引入纹理编码和线条样式,允许不同的数据字段映射到触觉上感知明显的图表元素,如纹理(填充模式)和线条样式。
- 盲文使用:集成了开源库LibLouis进行盲文转换,并设定默认规则为国际通用盲文格式(UEB)。
- 导航辅助:通过网格线、轴线、和刻度标记等设置信息的层次结构,帮助触觉用户明确数据关系并快速找到关键信息。
- 布局配置:通过位置、间距和对齐方式优化图表的布局,确保触觉可读性和使用效率。
研究成果
-
具体成果:
- 开发了一个TVL编辑器原型,能够基于声明性规格生成SVG触觉图表,这些图可以使用不同的硬件工具打印。
- 在包含12名触觉图表设计师的用户研究中验证了该工具的实用性,发现TVL能够加速设计迭代,并通过预定义纹理和线条样式节省大量时间。
- 通过专家参评,获取了大量关于触觉图表设计最佳实践的洞察。
-
与现有解决方案相比的优势:
- 节省设计时间:通过默认值实现指南一致性,同时允许灵活定制。
- 减少跨平台操作的需求:将盲文转换等功能集成至工具内,消除繁琐的流程。
- 支持快速迭代:提供快速视觉和触觉反馈,大幅提升设计效率。
- 优化学习曲线:为不熟悉复杂工具的非专业设计师提供降低门槛的解决方案。
-
实验或评估结果:
- 通过用户研究发现,预定义线条样式和纹理受设计师高度欢迎,而布局和导航辅助也对设计质量提升有帮助。
- 实验结果显示,虽然在具体指南的实施上仍有不完全符合的地方,TVL仍然为设计任务提供了显著的支持。
-
局限性与未来方向:
- 局限性:
- 当前实现的TVL仅支持少数常见的触觉图表类型,如条形图、折线图等。尚未囊括复杂图表(如网络图)。
- 模拟为屏幕呈现设计,缺乏对物理硬件生产效果直观的反馈支持,例如不同嵌花工具的具体预览。
- 未来方向:
- 提高对复杂图表(如区域图)的支持,研究触觉编码在这些图表中的应用。
- 提供基于物理设备特定设置的生产预览功能,进一步优化设计-生产流程。
- 探索基于触觉首要原则的新图表设计形式,而非仅从已有视觉图形向触觉进行转化。
- 局限性:
研究问题 / 现实痛点
这篇论文在当前问题库中对应的问题线索。
help
研究问题
3- 盲人和低视力用户使用的触觉图形设计流程中存在哪些主要障碍?分类: 触觉图形、3D打印与触觉反馈同类问题arrow_forward
- 如何通过新的设计抽象和工具简化触觉图形的设计过程?分类: 触觉图形、3D打印与触觉反馈同类问题arrow_forward
- TVL工具如何在降低学习门槛的同时提高设计效率?分类: 触觉图形、3D打印与触觉反馈同类问题arrow_forward
lightbulb
现实痛点
1- 非专家设计师难以高效创建盲人友好的触觉图形。分类: 触觉图形、3D打印与触觉反馈同类问题arrow_forward
- 75%
命令行界面的可访问性
CHI '21· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文)
- 75%
像素化交互:在触觉显示器上探索用于图形原语的像素艺术
DIS '23· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +1
- 60%
比较为盲人提供实时触觉反馈的基于计算机的绘图方法
CHI '18· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +1
- 60%
Molder: 一款用于触觉地图设计的便捷工具
CHI '20· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +1
- 60%
A11yBoard:使数字画板对盲人和低视力用户可用
CHI '23· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +1
- 60%
移动应用界面无障碍修复与增强方法中的鲁棒标注
UIST '18· 视觉障碍者技术(屏幕阅读器、触觉图形、盲文) +1
- 60%
VizAbility: 基于大语言模型的图表无障碍交互增强
UIST '24· 大语言模型(LLM)的人机协作 +1
基于研究子主题与职业分类的 Jaccard 相似度(≥60%)
快捷操作
广告推荐
学习 AI 编程到 CodeNow
open_in_new打开DOI链接
DOI: https://dl.acm.org/doi/10.1145/3706598.3714132
一眼看懂
fact_check论文快照
dataset
来源
CHI
calendar_month
年份
2025
emoji_events
奖项
未标记奖项
group
作者
4 位作者
sell
研究子方向
视觉障碍者技术(屏幕阅读器、触觉图形、盲文)、数据物理化(Data Physicalization)
work
职业/产业
UI/UX 设计师、辅助技术专家
article
内容状态
已索引正文
hub
相关论文
7 篇相关论文