相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

UI设计师必须要了解的微文案设计

凹凸发布于:2020-9-27 20:44 |原作者: 大师聊设计|
凹凸
上海市 长宁区 设计爱好者
发私信 + 关注
简介: 近几年国内外交互设计领域兴起了一种新的观念,很多的用户体验专家都意识到,往往越细节的地方越是存在着成就或者破坏用户体验和转化率的因素。这意味着微文案将成为下一个交互设计探索的领域。 ... ...



2.2.2 简洁

所有的微文案一定要经过简化处理。简化不意味着简单,而是意味着每一个词汇和句子都有它固定的作用。显然"登录失败"在整个弹窗的作用是重复的,没有它用户一样可以理解整个内容。

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

一个弹窗容器包含:标题,正文以及按钮。我们不得不用一段文字将标题补齐,但事实上,我们应该让考虑内容先于设计,考虑实用先于模板,这才是一个合理的设计。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

我之前曾经从事过演讲相关的行业。演讲时的PPT制作有一个很经典的道理,叫做每页PPT一行不超过7个字,总计不能超过7行。这个道理阐述的就是人的注意力的问题。在互联网时代人们获取信息并不是用"读"而是用"扫",一旦信息过多,用户就会疲劳,甚至厌烦。

对于正文的优化也是如此,我们要把一句话的重点概念优先展示。显然整句话里面的重点就是"密码错误"这一问题,所以我们可以把"输入了一个错误密码"简化为"密码错误"。每一个词都有它存在的作用,这就是简洁的意义。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

2.2.3 有用

我们最终是要帮用户解决问题的,但是"好的"对用户输入密码错误产生任何帮助。我们需要考虑用户在输入密码有误时的情景。他们应该要想"再试一次"不是吗?所以,一个"再试一次",然后跳转回密码输入前的状态,要比"好的"更能让用户接受。

还有一种情况,密码错误不是手误打错,而是用户忘记了密码,这时他们更希望能够重置密码对吗?所以这个选项也应该出现在输入密码错误的弹窗中。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

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

2.2.4 品牌

品牌有时代表着产品的个性。所以在经历了前三步后,往往最后一步我们需要将文案和自己的品牌感相结合。不同的产品结合后会有不同的结果,但总不会是一个冷冰冰的"密码错误",起码是一个"人的语气或口吻"。所以最终将"密码错误"修改为了"密码似乎不对…",让整个文案成为一个有温度的声音。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

2.2.5 思考与最后的改变

其实到这里最后的文案并没有遵守之前的"简洁"原则。因为"清晰""简洁""有用""品牌"从来就不是必须遵守的准则,设计师应该在几者之间寻找平衡。当注重简洁时,表达上似乎不那么清晰了。注重品牌时,相应的简洁会受到影响。这才是一个交互设计师的职责。

事实上,我们距离现阶段成熟的"密码错误交互"之间还有差距。原因在于我们虽然从微文案上解决了问题,但是交互流程上却没有做丝毫的改变。事实上针对于这种小型的错误提示,移动端App更倾向于在一张界面上解决,而不是运用弹窗。

所以,"密码似乎不对"会直接放置在"密码输入框"周围。由于弹窗不复存在,所以只需要直接将密码清空,即可代替"再试一次"按钮的功能。而"重置密码"则会以按钮的形态放置在"密码输入框"后,并以提问的方式设计按钮文案。

这样,就是我们一套标准的"密码错误"交互流程。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

我们可以发现,即使最简单的"注册登录流程"中的密码错误这样一个小的交互点,都是由多轮推衍得出的结果。这很让我感叹中国互联网进步之快。但是同时我也会后怕,这样发展下去会导致更多的人舍本逐末,从而忽视了一些真正重要的东西。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

那么除了上述的正常流程之外,还有一些其他的需要注意的地方。下面的内容可以给大家在制作微文案时提供更多的思路和技巧。

2.3.1 不要拘谨于一种表达方式

不要拘谨于一种格式。永远不可能发生两场相同的对话,所以不同的文案内容,即使在相同的情况和场景下,也应该有所区分。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

2.3.2 可以尝试用提问的方式与用户对话

一个好的提问方式,可以事半功倍。提问会让人产生谈话可以继续下去的感觉。因为提问必然伴随着回应。在提问时的技巧也很重要。你可以说"我们应该把链接发送到哪里?"而不是"输入你想让我们发送密码的电子邮件地址"。这种形式的句子也会促使用户采取行动。不要把让用户进行产品流程像面试一样筋疲力尽。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

2.3.3 如何在错误提示中加入情感化元素

Tumblr 的注册页面用风趣的文字告知为什么输入的用户名不能使用。如果和用户说「该用户名已被注册」,用户会感觉是不是自己取的名字缺乏新意;但是 Tumblr 就很聪明地告知用户「这个名字取得好,可惜被人抢先注册了」,很巧妙地弥补了这个痛点。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

但是要谨慎在错误提示中使用幽默感,除非你对产品的品牌很有信心。

正如前文提到,人对于任何产品与服务,与对待人的态度是一致的。当用户在气愤时,不合时宜的幽默感不仅不能让用户会心一笑,更会让用户感受到嘲讽或者对于产品对于目前用户正在经历的问题漠不关心的意味,那么这几乎就会直接导致用户对产品的极度坏印象。

Louisck是一个脱口秀专家,他同时拥有自己的个人网站。对于他这种个性非常鲜明的品牌,其文案也将幽默显示的淋漓尽致。当你在他的个站忘记密码时:

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

当你在邮箱中收到了临时密码时:

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

真的是很有趣的设定,也恰恰是因为这种语气和他本身的身份相符合,所以人们只能感受到来自Louisck本人的"嗔怪"而不会感受到嘲讽。

44

好评
36

差评

刚表态过的朋友 (80 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

凹凸
上海市 长宁区 设计爱好者
+关注 发私信
发表评论

最新评论

引用
hanju发布于:2020-12-24 11:43
资源不错,感谢分享。

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计