J2.05.3informative vs decorative image设计研究
判断依据是移除后信息是否丢失
别名: 移除测试 · 装饰还是信息 · decorative test
概念解释
一张图算不算装饰,不看它是不是库存照片、画幅大不大、品牌喜不喜欢。操作定义是:拿掉它之后,第一次来的人会不会少掉一个事实或一个动作。会,就是信息图,要有替代文本;不会,就是装饰,应对辅助技术隐藏。旁边已经有一句相同的话,拿掉图也不少信息——按装饰处理,以免重复播报。
机制
设计师习惯按类型分类:「插画就是装饰」「产品图就是信息」。类型不是信息。同一张握手图,在公司介绍页上拿掉不影响任何命题,在「本次签约现场」报道里拿掉就少了谁在场的证据。第二层:视觉重量、情绪、品牌气质对视力用户成立,并不自动成为必须进入语音流的事实。移除测试问的是命题和动作,不是「好不好看」。
测试要在任务语境里做,不是对着组件库做。图标在按钮里拿掉会少一个可理解的控件(若没有可见字),在「下载」文字旁边拿掉则不少。复杂图几乎一定过不了移除测试,那说明需要替代通道,而不是写一句「示意图」了事。
怎么研究
用浏览器关掉图片,或在截图上涂掉图,让没见过页面的人完成任务并复述要点。对比「有图 / 无图」的成功率与遗漏的事实。
自变量:图的位置与配文是否已包含同一命题、任务是否依赖图中细节。 因变量:无图时任务失败率、遗漏事实条数、被误标为装饰的信息图数量。
把「作者觉得是装饰」和「移除测试结果」分开记,分歧处就是走查重点。
边界
验证码、签名、必须看见才能过的挑战,移除必然失败,不能标装饰。氛围主视觉拿掉后少了情绪、不少命题,通常仍是装饰。图标即唯一标签时,移除失败,是信息。相邻段落已经把图的内容写全,移除图不丢命题,短名称点一下或直接隐藏,避免第三遍重复。
怎么落地
- 走查每张图时做五秒移除:涂掉,问这句话或这个动作还在不在。
- 结果为「还在」:按装饰隐藏,或确认可见文字已经是名称。
- 结果为「不在」:写功能或信息的替代文本;关系密集则标记需要长描述。
- 验证:浏览器关闭图片显示,走完主路径。任何做不成的一步或说不出的事实,对应的图都不是装饰。作者口头说「只是好看」但测试失败的,以测试为准。