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

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

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

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


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

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

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

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

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

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

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



为什么弹窗要有标题?

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

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

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

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

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

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

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

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

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



弹窗标题有什么用?

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

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

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

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

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

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

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


糟糕的弹窗标题
反而拖累体验

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

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

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

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

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

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

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



是不是有时候
没有标题反而更好?

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

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

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



所以说,
弹窗果然可以没有标题

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

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

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

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

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

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

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

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



学设计跟做设计
果然相差很大

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

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

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

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

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

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

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

本篇文章来源于微信公众号: 体验进阶

UI/UX

CDC夜校回顾NO.26|如何运营一个开源项目、出海产品设计之多语言设计

2022-7-13 18:35:53

UI/UX

58到家改版,一口气解决4大体验问题

2022-7-14 8:30:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索