F5.03.3Call to action设计研究
品牌色不应用于主要操作以外的强调
别名: 品牌色滥用 · 主按钮 · chromatic highlight
概念解释
订阅页上,主按钮是品牌蓝,次要链接是品牌蓝,选中的套餐描边是品牌蓝,角标也是品牌蓝。用户扫完一圈,不知道该按哪一个。品牌色作为强调只应花在当前任务的主操作上;拿它去描所有「也还挺重要」的东西,强调就从动作提示变成了涂装。
机制
颜色突出依赖独特性:视野里只有一处高饱和色相时,它会先被找到。品牌色通常是整个产品里最有色度的那一笔,所以天生适合当主操作的抓手。每多一处同样的色,独特性就下降一截——不是饱和度变了,是集合里的竞争项变多了。链接、选中态、徽章、进度点都涂成主色之后,真正要提交的按钮不再是异常值,扫视会在几处候选之间来回。
这和「满屏都在强调、层级塌掉」不是同一件事。这里塌掉的是那一枚品牌色的动作指向,字重、大小、位置仍可能把层级撑住;用户能感到页面有主次,却不能靠颜色判断「现在该按这个」。
怎么研究
用视觉搜索:在一屏里找「下一步」或「支付」,记录首次命中时间和错误点击。自变量:品牌色出现的次数与位置(仅主按钮 / 按钮+链接 / 再加选中描边与角标)。因变量:搜索时间、误击次要链接的比例、主观「哪一个才是主操作」。
眼动上应看到:品牌色候选变多时,注视在候选之间往返,而不是一次落在主按钮上。
边界
- 导航里用品牌色标出当前信息架构节点,和主操作不是同一场竞争;但若当前页的主按钮也在导航附近,两者仍会抢。
- 营销落地页允许更大面积的品牌色,因为整页常常只有一个动作。进了多操作工作台,这条才收紧。
- 主操作如果本身是破坏性的,不该涂品牌色——那是另一条决策,不能用「品牌色只能有一处」反过来给危险按钮开绿灯。
怎么落地
- 一屏只让一处交互涂满品牌色,通常是主按钮;链接用字重或下划线,选中用中性描边或浅底,角标走功能色。
- 次要按钮改成描边或中性填色,即使它「也很重要」。
- 评审时数一数品牌色色块的个数;超过一个动作,就删到只剩主操作。
- 验证办法:把页面缩成手机截图,眯眼看——最先跳出来的如果不是要用户做的那件事,就把其余品牌色撤掉,再眯一次。