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

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

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

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

FEVTE编注:更多UI设计教程,和UI设计理论知识请访问飞特网UI设计教程栏目:https://www.fevte.com/plan/UIdesign/

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

细细算来已经因为疫情的问题自我隔离一个月了,想必很多朋友也是如此。这段闭关的时间真的是人生少有的可以思考的时间了。所以我选择静下心来整理打磨这几年的收获,希望给大家带来更有意义的文章。今天这篇文章就是给大家介绍一个很重要但是却被国内很多产品忽略的一个领域——微文案设计。

近几年国内外交互设计领域兴起了一种新的观念,很多的用户体验专家都意识到,往往越细节的地方越是存在着成就或者破坏用户体验和转化率的因素。这意味着微文案将成为下一个交互设计探索的领域。

"微文案"这个概念其实在国内是没有官方的称呼,它是由Microcopy直译过来的,Micro - 微小的,Copy - 文本,所以合并润色后即为"微文案"。微文案简单理解就是App页面中,帮助用户更好的理解服务以及辅助他们作出抉择的文案。例如:错误提示文案,按钮文案,点击触发器,弹窗文案等等,都属于微文案的范畴。

可以这样理解,除了和产品直接相关的文案(例如产品名称,产品介绍,产品价格等等),其他在页面中出现的文案都可以属于微文案设计的一部分。

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

顾名思义,"微"文案证明了这种文案在页面中处于优先级很低的位置,它往往是页面里字号最小,字重最轻的文案。虽然我们每天都在与微文案交互,但是我们很少会注意到他。这并不代表着微文案不重要。相反,它往往对于产品转化率有着至关重要的影响。就像空气对于人类的感觉一样,空气自然到我们无法察觉到它的存在,但是我们无时不刻不需要它。

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

微文案诞生于一篇文章,是由Joshua Porter在2009年在"Writing Microcopy(写微文案)"中率先提到的概念。他在文章中介绍了他诊断过的一个电子商务网站。用户在该网站的购买流程中需要填写付款表单,但5%-10%的交易由于地址填写错误而意外终止,导致了一部分转化的流失。当时Porter提供的诊断方案是,在地址填写栏旁增加提示语:"请务必输入与您的信用卡关联的地址"。

"就这样,错误消失了。" Porter在自己的文章中写道。这不仅节省了用户的时间,并改善了网站的转化率,为网站带来了可观的收入。Porter最后得出了一个结论 —— 在正确的位置/正确的时间添加正确的引导性文案就可以完全改变用户体验。不仅如此,他还为这种文案起了一个名字,即Microcopy。

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

这大概是对于有关微文案最早的记录了。Joshua Porter的文章从此定义了一个新的领域,即Microcopy,至今已经有10年底历史。

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

从理论上来说,微文案存在于最接近用户与产品交互的位置,甚至做决策的位置。就算是最常见的交互流程也会有另用户疑惑的地方,微文案恰好可以通过简练清晰的表述让用户消除疑虑,更有效率的作出抉择,从而为产品和企业带来收益。

从必要性上来说,有一些用户体验的优化,就是微文案的优化。有一些用户体验中存在的问题,必须由微文案才能解决。

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

当你遇到这个弹窗时,如果你想"撤回"这个操作,应该点击哪个按钮?

发现没有?我们最常用的"确定"与"取消"按钮中的文字,竟然出现歧义了。那么这时就需要一个专门的交互设计师,甚至是UX writer来出面解决这个问题。更改后的文案如下。

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

这样修改,歧义就消失了。

实际案例中我们也能看到微文案为企业创造的巨大收益。Google 曾经有过一个关于微文案的经典案例。只通过修改了两个词,从而导致转化率发生了巨大变化。

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

这是一个旅店预定的广告,一开始Google使用的是"Book a room(预定房间)"这个词汇来吸引用户点击,但这个词太过武断了。决定用户确定预定一间房的因素有很多个,包括:时间,城市,价格,地理位置,酒店品牌,房间环境,房间型号等等。 

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

后来,Google对这个微文案进行了修改,改成了"Check Availability(查看可用房间)"。他们意识到,这仅仅是产品与用户刚刚接触的环节,有太多因素决定着用户对于房间预定的决策。用户在这个阶段仅仅输入了时间,就要作出是否预定房间的决策,会造成很大的心理压力。

通过这个修改,这个广告的点击率上升了17%。

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

另一个例子来自于一个用户体验专家Jared M. Spool,他通过为界面增加了一段微文案从而创造了3亿美元的利益。我们很难想象一个电商的注册/登录界面会出现什么问题。事实上不是界面出现了问题,而是界面所在的位置出现了问题。

4

好评

差评

刚表态过的朋友 (4 人)

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

最新评论

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