QQ泡沫乐园 · 免费提供游戏辅助,破解软件,活动资讯,喜欢记得收藏哦!
综合软件_线报活动_游戏辅助_最新电影_最优质的的辅助分享平台

【干货】微文案分析报告(二):交互经验

网络 2022-12-07 04:01

本文撰写长达2个月,总结了往年的交互经验,翻阅了大量案例,所以本期文章看起来更像是一次分析报告,甚至会有些冗长和乏味,建议和矿泉水一起服食。

1.1 前言

细细算来早已由于疫情的问题自我隔离一个月了,想必好多同学也是这么。这段闭关的时间真的是人生少有的可以思索的时间了。

所以我选择静下心来整理打磨这几年的收获,希望给你们带来更有意义的文章。

今天这篇文章就是给你们介绍一个很重要并且却被国外好多产品忽视的一个领域——微文案设计。近几年国内外交互设计领域盛行了一种新的观念,很多的用户体验专家都意识到,往往越细节的地方越是存在着成就或则破坏用户体验和转化率的诱因。这意味着微文案将成为下一个交互设计探求的领域。“微文案”这个概念虽然在国外是没有官方的尊称,它是由Microcopy译音过来的。

Micro - 微小的,Copy - 文本,所以合并润色后即为“微文案”。

微文案简单理解就是App页面中,帮助用户更好的理解服务以及辅助她们做出取舍的文案。例如:错误提示文案,按钮文案,点击触发器,弹窗文案等等,都属于微文案的范畴。可以这样理解,除了和产品直接相关的文案(例如产品名称,产品介绍,产品价位等等),其他在页面中出现的文案都可以属于微文案设计的一部分。

顾名思义,“微”文案证明了这些文案在页面中处于优先级很低的位置,它常常是页面里字号最小,字重最轻的文案。

虽然我们每晚都在与微文案交互,但是我们甚少会注意到他。这并不代表着微文案不重要。相反,它常常对于产品转化率有着至关重要的影响。

就像空气对于人类的觉得一样,空气自然到我们难以察觉到它的存在,但是我们无时不刻不需要它。

1.2 微文案是怎样诞生的

微文案诞生于一篇文章,是由Joshua Porter在2009年在“Writing Microcopy(写微文案)”中率先提及的概念。

他在文章中介绍了他确诊过的一个电子商务网站。用户在该网站的订购流程中须要填写付款表单,但5%-10%的交易因为地址填写错误而意外中止,导致了一部分转化的流失。

当时Porter提供的确诊方案是,在地址填写栏旁降低提示语:”请勿必输入与您的信用卡关联的地址“。”就这样,错误消失了。“ Porter在自己的文章中写道。

这除了节约了用户的时间,并改善了网站的转化率,为网站带来了可观的收入。

Porter最后得出了一个推论 —— 在正确的位置/正确的时间添加正确的引导性文案就可以完全改变用户体验。不仅这么,他还为这些文案起了一个名子,即Microcopy。

这大约是对于有关微文案最早的记录了。Joshua Porter的文章自此定义了一个新的领域,即Microcopy,至今早已有10年底历史。1.3 为什么微文案这么重要从理论上来说,微文案存在于最接近用户与产品交互的位置,甚至做决策的位置。

就算是最常见的交互流程也会有另用户疑虑的地方,微文案正好可以通过简短清晰的叙述让用户清除担忧,更有效率的做出取舍,从而为产品和企业带来利润。从必要性上来说,有一些用户体验的优化,就是微文案的优化。有一些用户体验中存在的问题,必须由微文案能够解决。

当你遇见这个弹窗时,如果你想”撤回“这个操作,应该点击那个按键?发现没有?我们最常用的”确定“与”取消“按钮中的文字,竟然出现歧义了。那么这时就须要一个专门的交互设计师,甚至是UX writer来出面解决这个问题。更改后的文案如下。

这样更改,歧义就消失了。实际案例中我们也能看到微文案为企业创造的巨大利润。Google 曾经有过一个关于微文案的精典案例。

只通过更改了两个词,从而造成转化率发生了巨大变化。

这是一个酒店预定的广告,一开始Google使用的是“Book a room(预定卧室)”这个词汇来吸引用户点击,但这个词太过轻率了。

决定用户确定预定一间房的诱因有很多个,包括:时间,城市,价格,地理位置,酒店品牌,房间环境,房间机型等等。

后来,Google对这个微文案进行了更改,改成了“Check Availability (查看可用卧室)”。

他们意识到,这仅仅是产品与用户刚才接触的环节,有太多诱因决定着用户对于卧室预定的决策。

用户在这个阶段仅仅输入了时间,就要做出是否预定卧室的决策,会导致很大的心理压力。通过这个更改,这个广告的点击率上升了17%。

另一个反例来自于一个用户体验专家Jared M. Spool,他通过为界面降低了一段微文案因而创造了3亿美元的利益。

我们很难想像一个电商的注册/登录界面会出现哪些问题。事实上不是界面出现了问题,而是界面所在的位置出现了问题。当用户想要在电商网站进行支付结算时,这个注册/登录界面就出现了。

产品团队觉得这样会帮助网站获取更多的回头客,而且为了才能保存相应的信息,用户是不介意注册的。

事实相反,这种刻板思维是错误的。用户在第一次订购时常常不乐意填写过多的信息。

他们的目的是订购商品,而不是与网站构建关系,并且构建关系还须要以提供个人信息为基础,这更让用户厌烦。同时,回头客也十分讨厌这项操作,因为Spool对产品进行数据剖析发觉,45%的顾客在网站中进行了多次注册,最多的人有多达10个帐号。

同时,每天有160,000个交易须要用户输入帐号密码,有75%的人在输入密码的环节舍弃了交易流程。

Spool优化了这个流程,他取走了“注册”按钮,将其替换成了“继续”。

他同时在门口写道:“您无需注册即可在我们的网站进行订购,只须要点击继续按键。为了便捷您在网站的后续订购,您可以在完成付款流程后创建一个帐号。”

结果是,购买的顾客数目降低了45%。额外的选购使第一个月多了1500万美元。头一年,该网站又获得了3亿美元的收入。

1.4 微文案设计在国际抢占越来越重要的位置从Microcopy诞生至今,经过了十几年的发展,人们越来越意识到,这个抢占页面60%的信息内容是必须要交由专业的人员来负责的。

所以从2016年开始,我们发觉美国的各大互联网公司上面,例如亚马逊,谷歌,PayPal以及DropBox的急聘栏目里,都纷纷出现了UX writer这样的一个职位。

领英中很多人挂起的简历中,清晰的标注着职位是 UX Writer。这是一位Google做UX Writer的大哥,是个学识渊博的人,事实证明我们交流的很愉快。

可见美国对于UX Writer的注重程度越来越高,对于UX Writer的需求量也在逐年上升。

那么在这种JD中,我们也可以通过各大公司对于UX Writer的职位描述,来探知这一职位具体在公司中负责的业务,总计来说有以下几点:1.保证微文案为用户创造良好的用户体验。2.保证微文案彰显公司品牌文化。3.为公司创造可复用的文案撰写规范。4.「国际化产品」针对不同的市场进行本地化的文案撰写。5.「可选」与专业的研究人员一起从事用户研究。

国外对于微文案的注重不止反映在公司对于职位的要求上,更反映在美国的教育市场上。

国外有好多教育机构陆续开办了UX Writing的课程体系,比如 UX Writer Collective 以及 UX Writing Hub。

这都代表着美国市场对于微文案设计的注重程度提升。1.5 为什么微文案要交给专业的人士来负责?反观国外,微文案设计处于一个难堪的位置。无论是产品总监,交互设计是还是UI设计师,职责和能力指标都没有一项与文案编撰有关。

甚至有些企业不知道有这样一个细分领域的存在。但无论如何,不要把微文案的编撰交给程序员来处理。

无论是标准信息还是特殊信息,这不是她们的职务也不是她们擅长的点。这项工作应当交由UED部门负责,或者起码参考公司的文案撰写规范。【举一个没有经过文案处理的例子】注册帐号时,产品常常会对帐户的格式有限制,不符合规则都会报错。

正常的流程应当是:开发人员穷列举所有的错误情况之后提供给UX Writer,由UX Writer为每位错误情况编撰对应的文案。

但若果没有这一个过程,错误提示是由开发人员编撰,那么在用户输入非法字符后,大几率会出现这样的文案:

这是一种不太符合用户体验的微文案设计,错误提示的微文案设计中有一项基本的准则,就是用用户理解的语言去探讨问题,并给与解决方案。

程序员研究的是产品的底层逻辑,所以更倾向于从系统层面去探讨问题,而不了解用户所熟悉的语言。而这个提示文案既没有探讨出用户存在的问题,也没有给出对应的解决方案。

用户听到这个提示后并不知道自己究竟是什么字符不符合规则。实际上,恰当的文案应当这样设计:

用户既可以从这段文案中得到发生错误的缘由,同时也能得到相对应的解决方案。这才是符合用户体验的微文案设计。如果说上述的事例我们能够通过常识来规避,那么下边的事例将会让你意识到,如果不是微文案方面的专家,那么这些错误将较难规避。有时我们产品中的文案会存在动态数值,比如统计用户的“优惠券数目”,那么优惠券的数值就是一个动态数值。

这种动态数值在正常情况下没有任何问题,但是一旦忽视了对特殊的边沿情况的文案考虑,文案都会想代码一样怪异,在特殊数值时显得不像人话。

这时,在产品测试阶段,产品总监、交互设计师、开发人员当面讨论,罗列所有的可能性,并讨论所有边沿数值的文案处理方法就变得尤为重要了。那么正确的处理方法应当像美团的案例,对于特殊的边沿值进行特殊的处理。

小小优趣的精典案例也能说明问题,通过可爱的问题反诘用户因而限制边沿值,这也是由专人优化过,符合幼儿教育的品牌调性的。

建议在程序员开发产品或则系统之前,尽可能多的向她们提供言辞严谨的错误信息数目。下面附有一份手册。

里面列举了最常见的注册登入流程的错误种类,作为交互流程对接范例。通过这些方法,可以大大降低程序员开发的效率。

其次,要留有足够的时间去听取程序员的反馈,他们在编撰过程中还会出现大量的例外情况,这些情况统一记录并最终交由 UED 部门来解决。

总而言之,微文案设计一定要有专业的人员把控以及专业的流程管控,否则都会出现问题。

在微文案的设计阶段,工作流程显然与正常的产品团队配合方法相反,应该是开发团队提出问题由交互团队进行解决,而交互团队最终的文案抒发将影响开发团队的实现形式。

当然,这种微文案的问题看似只须要通过优化流程能够解决,事实上,大多数边沿值的更改就会伴随着前端开发的巨大工作量。

尤其是在面对逻辑愈加复杂的产品时,最好确认优化方案和开发成本,适当作出取舍。

2.1 微文案四步设计法尽管美国有大批可以借鉴的理论,但是因为语言的差别,大部分的内容不能直接借鉴,甚至好多经验只适用于英语,在国外市场是无效的。比如:主被动语态问题在英语的即将抒发中,往往存在着被动语态或则是富含被动意义的谓语:Please select the preferred payment method.(请选择被你喜欢的付款方法)

所以英文的微文案撰写中,往往须要把这种富含被动意义的词汇由其他的抒发方法替换掉:Please select a payment method.(请选择付款方式)但在英文中,我们虽然是即将的抒发,也极少会有被动意义的词汇或词组。

中文中被动更多的运用在指出的语调上(请选择被你喜欢的付款方法,谁会去这样抒发呢?)。

所以在英文的微文案撰写中,不存在这样的规则。

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

2.2 以“登录流程”改版来讲解微文案四步设计法现如今App中的注册登入流程都很健全,很多从零到一开发的产品常常直接借鉴其他App已有的模式。

借鉴是一个挺好的方法,但殊不知也因而缺乏了对推论过程的思索,也就造成了很多人对于交互设计的理解只逗留在“知其然而不知其所以然”的阶段。

所以,下面我将通过“密码错误提示弹窗”的案例来讲解怎样将四步法运用到实操当中,也率领你们还原思索现如今的建立体系是这样一步步产生的。2.2.1 清晰

首先就是清晰。我们先看右图,当密码输入错误时,“失败”不是用户的问题,而是系统的验证失败。

而在用户的视角下,发生的问题应当是“登录失败”。同样,“一个系统错误发生”也不是用户的问题。我们应当把动作的发出者由系统/产品改为用户,那么对应的动作应当是“输入错误的密码”,所以这句话应当改为“输入了一个错误的密码”。

所以,什么是清晰?清晰不意味着确切,而意味着要使用用户理解,即对用户清晰。2.2.2 简洁所有的微文案一定要经过简化处理。简化不意味着简单,而是意味着每一个词汇和语句都有它固定的作用。

显然“登录失败”在整个弹窗的作用是重复的,没有它用户一样可以理解整个内容。事实上这是一个产品设计中很容易出现的问题,我们总是先设计好容器,再向上面填充内容。

一个弹窗容器包含:标题,正文以及按键。我们不得不用一段文字将标题补足。

但事实上,我们应当让考虑内容先于设计,考虑实用先于模板,这才是一个合理的设计。

有趣的错误提示文案_cf客户端错误提示_ie浏览器提示错误如何修复

我之前以前从事过讲演相关的行业。演讲时的PPT制做有一个很精典的道理,叫做每页PPT一行不超过7个字,总计不能超过7行。

这个道理论述的就是人的注意力的问题。在互联网时代人们获取信息并不是用“读”而是用“扫”,一旦信息过多,用户都会疲劳,甚至反感。对于正文的优化也是这么,我们要把一句话的重点概念优先展示。显然整句话上面的重点就是“密码错误”这一问题。

所以我们可以把“输入了一个错误密码”简化为“密码错误”。每一个词都有它存在的作用,这就是简约的意义。

2.2.3 有用我们最终是要帮用户解决问题的,但是“好的”对用户输入密码错误形成任何帮助。我们须要考虑用户在输入密码有误时的情境。

他们应当要想“再试一次”不是吗?所以,一个“再试一次”,然后跳转回密码输入前的状态,要比“好的”更能让用户接受。还有一种情况,密码错误不是手误打错,而是用户忘掉了密码,这时她们更希望才能重置密码对吗?

所以这个选项也应当出现在输入密码错误的弹窗中。

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

品牌有时代表着产品的个性。所以在经历了前三步后,往往最后一步我们须要将文案和自己的品牌感相结合。

不同的产品结合后会有不同的结果,但总不会是一个黑漆漆的“密码错误”,起码是一个“人的语调或口吻”。

所以最终将“密码错误”修改为了“密码或许不对…”,让整个文案成为一个有体温的声音。

2.2.5 思考与最后的改变

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

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

当重视简约时,表达上虽然不这么清晰了。注重品牌时,相应的简约会遭到影响。这才是一个交互设计师的职责。

事实上,我们距离现阶段成熟的“密码错误交互”之间还有差别。原因在于我们其实从微文案上解决了问题,但是交互流程上却没有做丝毫的改变。

然而针对于这些大型的错误提示,移动端App更倾向于在一张界面上解决,而不是运用弹窗。所以,“密码或许不对”会直接放置在“密码输入框”周围。由于弹窗不复存在,所以只须要直接将密码清空,即可取代“再试一次”按钮的功能。

而“重置密码”则会以按键的形态放置在”密码输入框“后,并以提问的形式设计按键文案。这样,就是我们一套标准的“密码错误”交互流程。

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

2.4 那些其他应当注意的细节问题这么不仅上述的正常流程之外,还有一些其他的须要注意的地方。下面的内容可以给你们在制做微文案时提供更多的思路和方法。

2.4.1 不要生硬于一种抒发形式

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

2.4.2 可以尝试用提问的形式与用户对话一个好的提问形式,可以事半功倍。提问会让人形成谈话可以继续下去的觉得。因为提问必然伴随着回应。在提问时的方法也很重要。

你可以说“我们应当把链接发送到那里?”而不是“输入你想让我们发送密码的电子邮件地址”。这种方式的诗句也会使得用户采取行动。

不要把让用户进行产品流程像笔试一样筋疲力尽。

2.4.3 如何在错误提示中加入情感化元素Tumblr 的注册页面用诙谐的文字告知为何输入的用户名不能使用。如果和用户说「该用户名已被注册」。

用户会觉得是不是自己取的名子缺少新意;但是 Tumblr 就很聪明地告知用户「这个名子取得好,可惜被人抢鲜注册了」,很巧妙地填补了这个痛点。

但是要谨慎在错误提示中使用幽默感,除非你对产品的品牌很有信心。正如前文提及,人对于任何产品与服务,与对待人的心态是一致的。

当用户在悲愤时,不合时宜的幽默感除了不能让用户会心一笑,更会让用户感受到讽刺或则对于产品对于目前用户正在经历的问题漠不关心的意味,那么这几乎都会直接造成用户对产品的极其坏印象。

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

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

真的是很有趣的设定,也恰恰是因为这些语调和他本身的身分相符合,所以人们只能感受到来自Louisck本人的“嗔怪”而不会感受到讽刺。2.4.4 利用从众心理诱导用户向你期望的方向选择

研究发觉,从众心理会大大提升转化率(看看Robert Cialdini院士的专著《影响力:说服的心理学》)。

我们常常把一些“社会证明”放置在按键对面,来充当“点击触发器”(这个概念将在章节3.1.4中专门提及),促使用户点击,这是一种非常好的提升转化率的形式。

充当“点击触发器”的社会证明的类型:1.最后一个使用该服务的用户的信息:越才能提供该用户的具体的信息就越可靠「姓名,照片,性别,地理位置,对商品的评分,评论等等」。

如拼多多的实时用户状态气泡:

2.来自其他陌生用户的评论和推荐。如网店评论区:

3.来自用户同学或则其熟知的用户的评论和推荐。如陌陌的同学在看:

4.官方奖项和媒体好评或来自权威测评网站的评分信息及评论。如爱奇艺的“电影奖项”: