F3.07.2brand hierarchy mismatch设计

品牌元素占据最高层级是常见错配

别名: 品牌抢戏 · logo 占顶 · wordmark dominance

概念解释

登录页上半是巨大的字标和一句品牌口号,下半才是账号、密码和「登录」,而且是空心按钮。首次点击测试里,相当一部分人先点字标,或在口号上停住,过几秒才去找输入框。品牌资产按设计就是要被认出,高对比、独特外形、常常还带专色,不设上限时会自动坐上权重第一名。登录任务的第一名是「让我进去」,字标在这一屏上是识别,不是任务。错配不是品牌不该出现,是它不该在这一类屏上当兴趣中心。

机制

标识系统的工作是在任何背景里都保持可分离:这正是高视觉权重的配方。放到登录、支付、报错这类「有一件具体的事要完成」的页面上,同一配方变成抢编码槽。品牌指南又往往禁止缩小、改色、降低对比,于是内容侧没有谈判筹码,视觉第一名被锁死在标识上。用户对字标的点击还暴露另一层:独特外形会被当成可点控件。错配因此有两条伤害:推迟真正的操作,以及制造无效点击。

边界

启动屏、关于页、品牌专题的任务就是识别,字标当第一名是对齐。已经登录的壳子里,顶栏小标识通常轻于内容,不构成错配。标识若被做成进首页的入口,点击就不是无效,但登录页把标识当入口会把人带离「进去」这条路。强品牌记忆的回头客会自动跳过字标,测新用户才能看见错配;用内部员工的登录速度当通过条件会漏掉。

怎么落地

  • 给登录、结账、空状态、系统错误这些屏单独设品牌上限:字标高度不得超过主操作,口号不得比表单标签更重。
  • 品牌色如果也是主按钮色,登录主操作改走实心、字标改走单色小锁,避免两处同样饱和。
  • 禁止把「品牌露出」和「本屏任务第一」写成同一指标。露出可以靠启动屏或登录后的顶栏完成。
  • 验证:用便签纸盖住字标和口号,做「请登录」的限时首次点击。盖住之后成功率上升或时间下降,说明品牌块在挡路。再做一个不盖的对照:统计首次点击落在字标上的比例,大于偶然就缩小字标直到该比例接近零,而不是把登录按钮再画大一圈去跟标识比谁更响。

延伸

  • 同组F3.07.1 视觉层级必须对应内容优先级 · F3.07.3 优先级冲突时需要重新做内容取舍
  • 相邻F5.03.1 品牌色承担识别,功能色承担状态 · F5.03.3 品牌色不应用于主要操作以外的强调 · E1.06 按钮文案
  • 站内检索brand hierarchy · logo dominance · first click · login

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F3.07.2