E1.13.1icon as auxiliary on labeled buttons设计研究
图标与文字并存时图标起辅助识别而非独立表意的作用
别名: 图文按钮 · 图标辅助 · dual-coded button
概念解释
图标和文字一起出现在同一枚按钮上时,文字是名称,图标是辅助识别(redundant pictorial cue)。放大镜不再独自承担「这是搜索」,它帮人在一排字里更快扫到那一枚。把图标仍当成可以拿掉文字的独立表意,会在图文并存时选错隐喻、或反过来因为「有图了」把字写得很含糊。并存的契约是双重编码,不是两套名称。
机制
双重编码让图形通道和语词通道指向同一动作,搜索可以走较快的图形,核对走文字。图形通道的贡献是加速定位,不是提供另一份意思。若图标另说一套(下载箭头配「分享」),两个通道打架,加速变成干扰。若图标只是装饰性的圆点或品牌标,它不加速定位,还占宽度。辅助意味着:遮住图标,按钮仍应能被理解;遮住文字,只靠图标则允许失败——失败由文字兜住。这与无标签图标按钮的要求正好相反。
怎么研究
用视觉搜索:在一排图文按钮里找「导出」,对照有无相关图标、有无关图标、只有文字。再做识别:遮住文字只留图标。
自变量:图标与文字是否同指、图标是否装饰、用户是否熟悉该图标。 因变量:搜索时间、首次命中、遮字后的识别率(预期可以较低)。
若遮字后识别率被当成成功标准,会把图文按钮重新做成无标签图标来考核,测错了契约。
边界
交通类、工业类界面有时法规要求图形优先,文字是辅助,契约对调。儿童未识字时图标才是名称。图标+文字的空状态大按钮里,图标还承担情绪和品牌,不完全是定位辅助,但仍不应与文字冲突。工具栏极窄时图标会暂时独自表意,那是降级,不是图文并存的常态。
怎么落地
- 先写对文字,再配一个与文字同指的常用图标;不要先画图标再让文案去迁就。
- 拿掉图标做一次通读,意思仍要完整;拿掉文字则允许变弱。
- 不要给每枚按钮都配独特的复杂插画,辅助识别需要的是可扫描的小符号。
- 验证:一排图文按钮,计时找指定动作。换上无关图标后应变慢或出错;只去图标、留文字,应仍能完成。