F6.06.2illustration as decoration设计研究
插画不承载操作信息
别名: 插画不可点 · 装饰性插画 · non-action illustration
概念解释
场景画里的按钮形、箭头、亮着的物体会被人当成可点的控件。插画可以烘托空和情绪,但不能在画里藏下一步。操作信息——去哪、点哪、会怎样——必须落在真正的控件和句子上。把动作画进插画,等于做了一枚没有命中区、也没有残障名称的假按钮。
机制
人按示能(affordance)来试探:看起来像按钮的东西就会去点,看起来像路标的东西就会顺着走。插画为了热闹,常画出一个站在门边的人物、一只伸向开关的手、一块写着字的牌子。这些元素在绘画里是叙事,在界面里是承诺。点空之后,用户不是「欣赏了构图」,而是完成了一次失败的操作。更糟的是真按钮画得不如插画里的假按钮显眼时,注意力会先落到不能用的那个上。插画的笔触、阴影、立体感都会抬高示能,而这正是它不该承担操作的原因:它在视觉上太像一个东西了。
怎么研究
录制空状态或欢迎页的首次点击位置。把点击落在插画内部、且该处并无控件的事件单列,作为假示能点击。自变量可以是:插画里是否含有按钮形 / 箭头 / 手,真按钮与插画的相对面积。因变量是假示能点击率、到达真按钮的时间。眼动不是必须的,热区已经够用。若假示能点击率在真按钮改文案之后仍不降,问题在画,不在词。
边界
- 整块插画被有意做成一个大按钮,并且有可见的控件外观和可访问名称,那就不再是插画承载操作,而是控件用了插画皮肤——必须按按钮来测。
- 纯装饰、不含任何控件形的场景,假示能会低很多;一旦出现门、开关、牌子,风险立刻回去。
- 这条不管插画该不该出现在空页上,也不管文件有多重。它只管画里有没有在发操作指令。
怎么落地
- 从插画里删掉可被读成控件的元素:假按钮、单独的箭头、伸向某处的手、画中字。动作只出现在真按钮和真句子里。
- 真按钮不要画进场景,放在场景外,外观跟页面其他按钮一致。
- 验证办法:看首次会话里点在插画上的坐标。形成簇且该处无响应,就从画里拿掉那个被点的物件,而不是给插画补一个看不见的热区。