偷偷告诉你，我画弹窗经常不加标题

原创设计师ZoeYZ 体验进阶

收录于合集

无论是桌面端还是移动端，大部分的设计系统里的弹窗，文字部分都是「标题+描述」的结构。

但我这么多年的实际设计中，却经常喜欢用无标题弹窗。

而我设计的那些无标题弹窗，也没有在评审中既没有因为不符合“常用规范”而被驳回，也没有因为体验问题阻碍用户使用。

于是，我就这么做了很多年的设计。

直到最近研究设计规范时，才发现直到今天为止，绝大部分设计规范依旧没有把无标题弹窗作为常用案例。

所以我感觉这个问题还挺有探讨价值的——弹窗可以没有标题吗？

要想明白这个问题，我们首先要理解的是：

为什么弹窗要有标题？

其实给弹窗加标题的习惯，来源于过去操作系统的窗口结构，就是不论是操作程序还是弹窗，都是用一个矩形窗口承载出来。

最初所有的窗口的样式都是统一的，顶部会放上标题和窗口操作按钮：

这样的技术框架，导致几乎所有的弹窗都有标题，否则顶上一栏空着就感觉很奇怪。

后来桌面端的弹窗样式做了很多调整，开始为弹窗单独设计样式。

但是很多产品在设计时，依旧会不自觉地给弹窗加上标题。

这里面的原因，研发人员的行为习惯是一方面，另一方面，标题有时候确实有用。

弹窗标题有什么用？

根据我多年在可用性测试中的观察，大多数用户对弹窗很不耐烦，看都不看直接关掉的比比皆是。

弹窗出现通常代表重复确认动作或者哪里出问题了，通常会打断当前操作路径。

因此普通用户一点也不想在弹窗上浪费时间，只想着快点处理掉这烦人的东西。

如果弹窗有标题，那么用户只需要阅读标题就能大概理解所表达的意思，然后就能跳过描述文字直接进行操作。

相反，如果弹窗没有标题，那么用户可能要阅读字数更多的描述文字才能进行操作，更浪费时间。

所以说，标题确实能降低阅读成本，提升用户体验，但……

糟糕的弹窗标题

反而拖累体验

既然标题对用户来说，主要价值是降低理解成本。

那么如果标题无法提供有效信息，那么标题不但不能降低理解成本，反而还增加理解成本。

例如用户登录时，如果写错密码，要求用弹窗提示该怎么办？

将「验证失败」作为标题的话，用户读完这四个字还是不知道问题在哪，只会浪费阅读时间。

这个案例还好，文字都不多，标题废就废了。

如果描述文字一大段，标题看不懂，那才真的挺烦人的。

是不是有时候

没有标题反而更好？

如果非要有标题，把「密码错误」作为标题，但是描述哪一行只写“重新输入”同样没有意义，岂不是又浪费了一行？

这种情况下，只保留「密码错误」或把「密码错误」和「重新输入」合并为同一行会比强行分两行更好一些。

所以说，

弹窗果然可以没有标题

从上面的分析可以总结出：如果提示文字很短，与其于强行拆分成标题和描述，还不如用一行搞定。

那么这一行究竟是用作标题还是描述，都是无所谓的，关键是让用户能一次看完。

可当只用一行文字时，究竟该用标题样式还是描述样式呢？

我在 Material You 的官网上看到了这个：

然后又在 Mac 关闭 PS 时看到了这个：

看来并没有形成严格的标准，大家根据情况自行斟酌吧。

学设计跟做设计

果然相差很大

很多平时很有用经验和小技巧，书本和课程上是讲不到的。

但是真的到了面试和设计评审，这些问题又很容易被翻出来。

如果想要了解更多实用的体验设计诀窍和方法，欢迎参加我们的「体验设计学习社」知识星球。

我会通过 1v1 作品集指导、项目实战+作业辅导的方式，让你在体验设计的道路少走弯路，加速成长：

如果你只是想要多认识一些同行，也可以加入我们无广告的纯粹体验研讨微信群：