偷偷告诉你,我画弹窗经常不加标题 UI/UX 22年7月14日 编辑 体验进阶 取消关注 关注 私信 无论是桌面端还是 移动端,大部分的设计系统里的弹窗,文字部分都是「标题+描述」的结构。 但我这么多年的实际设计中,却经常喜欢用无标题弹窗。 而我设计的那些无标题弹窗,也没有在评审中既没有因为不符合“常用规范”而被驳回,也没有因为体验问题阻碍用户使用。 于是,我就这么做了很多年的设计。 直到最近研究设计规范时,才发现直到今天为止,绝大部分设计规范依旧没有把无标题弹窗作为常用案例。 所以我感觉这个问题还挺有探讨价值的——弹窗可以没有标题吗? 要想明白这个问题,我们首先要理解的是: 为什么弹窗要有标题? 其实给弹窗加标题的习惯,来源于过去操作系统的窗口结构,就是不论是操作程序还是弹窗,都是用一个矩形窗口承载出来。 最初所有的窗口的样式都是统一的,顶部会放上标题和窗口操作按钮: 这样的技术框架,导致几乎所有的弹窗都有标题,否则顶上一栏空着就感觉很奇怪。 后来桌面端的弹窗样式做了很多调整,开始为弹窗单独设计样式。 但是很多产品在设计时,依旧会不自觉地给弹窗加上标题。 这里面的原因,研发人员的行为习惯是一方面,另一方面,标题有时候确实有用。 弹窗标题有什么用? 根据我多年在可用性测试中的观察,大多数用户对弹窗很不耐烦,看都不看直接关掉的比比皆是。 弹窗出现通常代表重复确认动作或者哪里出问题了,通常会打断当前操作路径。 因此普通用户一点也不想在弹窗上浪费时间,只想着快点处理掉这烦人的东西。 如果弹窗有标题,那么用户只需要阅读标题就能大概理解所表达的意思,然后就能跳过描述文字直接进行操作。 相反,如果弹窗没有标题,那么用户可能要阅读字数更多的描述文字才能进行操作,更浪费时间。 所以说,标题确实能降低阅读成本,提升用户体验,但…… 糟糕的弹窗标题 反而拖累体验 既然标题对用户来说,主要价值是降低理解成本。 那么如果标题无法提供有效信息,那么标题不但不能降低理解成本,反而还增加理解成本。 例如用户登录时,如果写错密码,要求用弹窗提示该怎么办? 将「验证失败」作为标题的话,用户读完这四个字还是不知道问题在哪,只会浪费阅读时间。 这个案例还好,文字都不多,标题废就废了。 如果描述文字一大段,标题看不懂,那才真的挺烦人的。 是不是有时候 没有标题反而更好? 如果非要有标题,把「密码错误」作为标题,但是描述哪一行只写“重新输入”同样没有意义,岂不是又浪费了一行? 这种情况下,只保留「密码错误」或把「密码错误」和「重新输入」合并为同一行会比强行分两行更好一些。 所以说, 弹窗果然可以没有标题 从上面的分析可以总结出:如果提示文字很短,与其于强行拆分成标题和描述,还不如用一行搞定。 那么这一行究竟是用作标题还是描述,都是无所谓的,关键是让用户能一次看完。 可当只用一行文字时,究竟该用标题样式还是描述样式呢? 我在 Material You 的官网上看到了这个: 然后又在 Mac 关闭 PS 时看到了这个: 看来并没有形成严格的标准,大家根据情况自行斟酌吧。 学设计跟做设计 果然相差很大 很多平时很有用经验和小技巧,书本和课程上是讲不到的。 但是真的到了面试和设计评审,这些问题又很容易被翻出来。 如果想要了解更多实用的体验设计诀窍和方法,欢迎参加我们的「体验设计学习社」知识星球。 我会通过 1v1 作品集指导、项目实战+作业辅导的方式,让你在体验设计的道路少走弯路,加速成长: 如果你只是想要多认识一些同行,也可以加入我们无广告的纯粹体验研讨微信群: 本篇文章来源于微信公众号: 体验进阶 体验进阶