B端弹窗文案设计

在公司的某一次设计评审时,交互设计之间因为一个弹窗的文案该怎么写(弹窗标题是否有问句形式)引起了一番讨论,为了论证自己的观点,我翻阅了很多关于弹窗和文案类的文章,却没有发现一篇专门写B端弹窗文案的文章,于是有了写这篇文章的想法。

B端弹窗文案设计

通过翻阅相关文章和数据,整理了本篇文章,文章将会使用一些设计方法来介绍如何更好的设计B端弹窗场景的文案。虽然文案不是用户体验中最重要的一个部分,但它却时刻都在影响我们所设计产品的用户体验。

本文内容主要分为以下几点:

一、弹窗文案的构成

二、如何设计B端弹窗文案

(一)文案四步设计法

(二)弹窗内容文案设计

(三)按钮文案设计

三、总结

文案在最接近用户和产品交互的位置,当遇到无法通过交互流程来解决用户疑惑的问题时,我们可以通过简练清晰的文案来消除用户疑虑,让用户更有效率的做出抉择,从而为产品和企业带来收益。

国外甚至已经出现了UX writer这样的一个职位,由他们来进行文案的撰写,并制作文案规范,通过文案为用户创造良好的用户体验,保证文案体现公司品牌文化。

我们国内没有专门的文案撰写职位,无论是产品经理,交互设计师还是UI设计师,职责和能力指标都没有一项与文案撰写有关。甚至有些企业不知道有这样一个细分领域的存在。

由上可知产品文案的重要性,而国内的很多公司都没用意识到文案的重要性,在大多数公司这项工作由产品或交互负责,但是很多公司也没有专门的文案规范,UED这些负责用户体验的部门应重视起文案的设计,以此来辅助提高用户体验。

一、弹窗文案的构成

在讲如何设计弹窗文案之前,我们先了解一下弹窗文案的构成,在B端弹窗中,文案包括弹窗标题、描述、按钮文案。

B端弹窗文案设计

1.弹窗标题

标题文字不超过一行,主要用来说明弹窗的主要信息

2、描述

用来解释当前弹窗出现的原因,操作后会导致的结果等说明文字,内容比较少时可以不使用描述。

3、按钮文案

提供针对弹窗内容进行操作的入口,也是构成产品和人互动的入口

二、如何设计B端弹窗文案

大多公司的文案都是由产品和交互负责设计,但是对于一些没有交互的中小公司来说,文案设计却是空白的。文案的好坏直接会影响用户的交互操作和体验,于是我按照弹窗的构成总结了以下这些文案设计的方法和需要注意的地方。

(一)文案四步设计法

虽然不同的文案类别有不同的设计原则,但是大体上文案的设计可以总结为“四步设计法”。即:清晰、简洁、有用、品牌。

弹窗内容文案和按钮文案均可借鉴这个方法来进行自查。

B端弹窗文案设计

(二)弹窗内容文案设计

1、清晰

1.1 重要的信息放在显著位置

让用户第一眼看到最重要的内容,知道这个弹窗的作用,不用到段落中寻找。

示例:在下方左图中我们会发现,用户最关心的信息内容藏在段落中,不易搜寻,需要把整段文字看完才能知道具体的操作内容是什么。

所以我们将重要的信息提取为标题,突出重要信息。

B端弹窗文案设计

1.2 从用户角度出发

在表述内容时,关注点应该是用户和用户能用我们的产品做什么,而不是我们的产品在为用户做什么,所以内容表述的立足点很重要。

既然以用户为中心,文案就应该尽量以用户为主体来写作。

使用简单、直接、易于理解的词汇,让内容和指示更容易被用户接受和理解。

间接、暧昧模糊的说法,生僻和过于「文雅」的用词,会增加用户的认知负荷,所以应当尽量避免使用这类用户无法识别的词汇。

示例:我们先看下图,当账号或密码输入错误时,在技术的实现上是系统的“验证失败”。

而在用户的视角下,发生的问题应该是“登录失败”。

同样,“一个系统错误发生”也不是用户的问题。我们应该把动作的发出者由系统/产品改为用户,那么对应的动作应该是“输入错误的账号或密码”,所以这句话应该改为“输入了一个错误的账号或密码”。

B端弹窗文案设计

2、简洁

所有的文案一定要经过简化处理,省略无用词汇,不重复用户已知事实;在绝大多数交互场景下,都无需界面描述出全部的细节。尽量提供简短、易于快速获取的内容。

当然简化不意味着简单,而是意味着每一个词汇和句子都有它固定的作用。

拿退出编辑为例,显然“退出编辑”在整个弹窗的作用是重复的,没有它用户一样可以理解整个内容。

对于描述的优化也是如此,我们要把一句话的重点概念优先展示,显然整句话里面的重点就是“退出将不会保留已编辑的内容”。

所以我们可以直接将标题去掉,简化为“退出将不会保留已编辑的内容”。每一个词都有它存在的作用,这就是简洁的意义。

B端弹窗文案设计

事实上这是一个产品设计中很容易出现的问题,我们总是先设计好容器,再向里面填充内容。

比如一个弹窗容器包含:标题,正文以及按钮,于是我们便在每个内容里填充一段文字,却导致了信息过多,让用户在获取信息的时候感到疲劳,甚至厌烦。

3、有用

有用代表着当用户遭遇困难时,应该给予用户足够的解决方案。而不要让用户陷入死循环,或者让流程出现死路。

还是拿退出编辑的弹窗来举例,一种是让你确定是否退出弹窗,一种是给用户提供解决方案,提高用户的体验。

B端弹窗文案设计

4、品牌

品牌有时代表着产品的个性,我们可以在设计文案时跟自己的品牌调性结合起来。

弹窗的内容文案也要保持一致,比如文案较多时,统一用把重点信息放在标题上;弹窗统一不要标题,将重要信息放在描述的第一句或最后一句。

当产品的品牌调性是活泼可爱时,可以将文案进行结合,让产品变得更有温度。

B端弹窗文案设计

5、思考

其实到这里最后的文案并没有遵守之前的“简洁”原则。

因为“清晰”“简洁”“有用”“品牌”从来就不是必须遵守的准则,设计师应该在几者之间寻找平衡。

当注重简洁时,表达上似乎不那么清晰了。注重品牌时,相应的简洁会受到影响。这才是一个交互设计师的职责。

(三)按钮文案设计

弹窗除了信息区的文案以外,按钮的文案也很重要,按钮文案在国外被称之为CTA(Call to Action),也就是“号召性用语”。

顾名思义,他是引导用户按下按钮的关键因素,改变按钮上的1-2个字往往可以显著提高或者降低用户的理解难度。

1、按钮文案清晰

多选按钮应该保证清晰,不应该出现歧义,这会导致用户难以做出选择。

如下图,左图的确定会让用户产生确定撤回还是不撤回的疑惑,而改成右图便会清晰很多。

B端弹窗文案设计

除了上图的情况,我们在设计时更多的情况是下图左边的按钮文案,这种文案的错误很难通过肉眼观察出来。

这时教大家一种判断方法:好的按钮文案应该是,即使用户不去阅读上下文,单纯凭借按钮文案也可以作出相应的选择。

所以我们只需要将上下文遮挡住,即可观察出按钮文案是否有优化的空间。

B端弹窗文案设计
B端弹窗文案设计

2、简洁

不仅弹窗内容的文案需要精简,弹窗按钮的文案也要尽量提供简短、易于快速获取的内容。

如下方,虽然左图把标题进行精简,但是按钮反而冗余了很多,不如右图的简洁。

B端弹窗文案设计

3、有用

使用包含具体动作的动词给予用户足够的解决方案。而不要让用户陷入死循环,或者让流程出现死路。

示例:在用户账号或密码输错时使用“好的”对用户没有产生任何帮助。

这是我们需要考虑用户在输错时会遇到的情景。

一种场景是想确认一下自己输的密码,然后再试一次,所以按钮加一个“再试一次”,点击再试一次回到密码输入的状态,要比“好的”更能让用户接受。

还有一种场景是,用户不是手误输错密码,而是忘记了密码,所以这时可以增加一个验证码登录的入口,让用户可以直接使用验证码登录。

B端弹窗文案设计

4、品牌

为了保证产品的品牌性,产品中统一类型的弹窗按钮的文案应该保持一致,比如“确定”“取消”在所有的弹窗中都应该统一为这两个文案,不要一些是“确定”,一些是“确认”;标题问句统一带问号或统一不带问号。

B端弹窗文案设计

5、易混淆的按钮文案

弹窗的使用场景不用,使用的文案也有所差异,因此对按钮中一些我们容易混淆的文案进行一下对比,比如“确定”、“确认”、“好的”、“知道了”等,方便后续在使用时更好的区分。

5.1 好的 vs 我知道了

好的,是指对某个事情表示同意、赞同;我知道了,是指对某事已经了解了。

二者的使用场景类似,都是告知用户某个信息,不需要用户做出反馈,只需要点击按钮退出弹窗即可。

二者的区别在于,【好的】一般用于有前置操作的后续反馈,用户对于前面操作导致的弹窗结果有一定心理预期。而【我知道了】更适合于在没有用户前置操作的情况下重要的系统信息。

B端弹窗文案设计

因此一般好的用于某项操作后的告知;我知道了用于用户协议等需要用户了解的场景,来增加对信息重要性的暗示和用户的心理预期。

5.2 确认 vs 确定

【确认】带有“辨认”“审核”的含义,并重点强调的事件的过程,且不具备“肯定”“断定”的含义,不能用作肯定语句的使用。

【确定】带有“肯定”“断定”的含义,并重点强调的是事件的结果。

二者都可以搭配取消进行使用。

二者的区别在于,【确认】一般用于带有用户配置、选项的不可逆操作,需要用户进行确认并提交。而【确定】用于询问用户是否进行某项不可逆操作,一般是一个单一的操作,而非复合操作。

B端弹窗文案设计

【确定】的适用范围和场景比【确认】多,【确认】使用场景大多是配合动作一起使用。比如“确认提交”、“确认还款”就比“确定提交”、“确定还款”语境和语气更加合理。

5.3 放弃 vs 撤销 vs 取消

三者都是对某一行为的停止。

三者的区别在于,【放弃】一般用于用户预定行为的取消,放弃当前操作;【撤销】一般用于用户已提交或提交待审核操作的撤回;【取消】仅用于解散弹窗,不附带其他操作。

B端弹窗文案设计

日常交互设计中区分好“放弃/撤销”和“取消”两者,可以减少用户使用上的困扰。

三、总结

在了解弹窗的文案构成以后,我们可以通过文案四步设计法(清晰、简洁、有用、品牌)来设计弹窗的标题、描述及按钮文案,在设计的时候同时注意一些易混淆的文案,这样就能更有理有据的来辅助自己的设计结果。

业界动态

电商平台运费的设计方法和思路

2021-3-14 9:30:49

业界动态

一文详解To B权限设计

2021-3-14 9:38:06

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