欢迎访问

云 南鼎浩信息技术有限公司官方网站,云 南网站建设诚信品牌!

鼎浩网络,云
南鼎浩信息技术有限公司

鼎浩客服热线

DING HAO COLUMN 鼎浩专栏

鼎浩的一些分享
Sharing from Ding Hao

  • 鼎浩服务
  • 1

这10个小技巧,帮 你创造出可用性良好的微文案

来源:站长之家     2018年08月17日39:10
字号:T|T


微 文案可能是设计当中最不起眼的文本元素,但 是它们对于用户对于产品而言都有着巨大的影响。微文案作为 UI界 面中最为普遍的文本,它 们构成了设计当中的说明、导 航和引导的基本功能,作为交互和 UI元素的标签,提示,传递信息,召唤行为,是 不可或缺的基础设施。

作 为标签而存在的微文案标识了每一个 UI元素的功能和指向,借助它用户才能在 UI界 面中游刃有余地进出,这 也是为什么它是不可替代的。

尽管如此,微 文案在设计的时候还是经常被忽视。大量的「点击这里」这 个粗陋的微文案无处不在,这使得网站和 APP 在 体验上显得不够优雅细致。优 秀的微文案设计能够提升用户的留存率和转化率,这 是每个网站站长都期望能做到的事情。那么,怎 么才能提升微文案的质量呢?今 天的文章我们将会为你分享 10 个技巧。

1. 展示,而非说教


优 秀的导航微文案可以清晰的告知用户去往何处,能 够辅助解释网站的功能,能够提供搜索,能够优化提示。

微 文案是用来帮助用户而不是让用户思考的,这也是为什么「点击这里」成 为了最为流行的微文案之一。

当然,你并不一定非得使用「点击这里」这 种烂大街的表述方式。你 可以使用点击之后的效果或者指向的页面、功 能直接作为微文案来进行表述,最 常见的表述方式包括了解更多信息、点击阅读、立即购买、获取信息、下载、提交内容等等。

这 样的表述方式更加清楚,用户也可以一目了然,明 白点击之后会发生什么。

至于其他微文案,也 尽量斟酌它们的表述方式,怎 么才能更加有利于用户。注意上面的 Atom 这 个页面是如何设计下载按钮的,微文案和色彩的搭配,视觉效果非常突出,是一个非常优秀的 CTA按钮。

2. 保持简洁

微文案之所以带有「微」字 是因为它通常使用最为简明的词汇来进行呈现的。在表述清楚的前提下,它 应该是最为简短的词汇,它的指引性是极强的。对 于绝大多数的用户交互而言,长 时间的解释是没有必要的,太 多的解释反而会适得其反。让 微文案保持简洁明了吧。

3. 重 要的微文案应该始终可见


最 重要的信息就不要使用工具提示来呈现了。

微 文案通常可以分为两种,一 种微文案作为元素或者说明是始终可见的,另 外一种则是在需要的时候才显示。后 者常常以工具提示的方式出现,或 者在光标悬停的时候才显示。这 样的设计能够提高文案的可用性。

但是请注意,并 非所有的微文案都应该在悬停的时候才显示,任 何重要的微文案都应该保持始终可见的,比 如包含在表单中的信息,或者按钮中的标签。

用 工具提示的方式展示的文案,通 常都是作为附加信息而出现的,比 如向用户解释会发生什么之类的。

4. 和网站风格匹配

虽 然微文案的文本内容非常简单,但 是它同样可以和网站的整体风格和调性进行匹配。只 需要进行恰当的斟酌,你 就能够控制好这个微妙的度。

5. 规避专业术语


虽 然要在风格上进行匹配,但 是也需要尽量避免使用行话和术语。

行 话和术语对于绝大多数的用户并不友好,对 于搜索引擎而言也不够友好,应该尽量规避这一点。

6. 对 图片添加表述性文本(Alt info)

严格意义上来说,这并非是微文案,但是它同样很重要。为图片的 Alt 属 性当中添加描述性文本,能 够帮助许多用户更好了解图片的相关信息,也 便于搜索引擎抓取相关的信息,对 于网站而言是非常有利的。在设计的时候,这个工作量并不算大,但 是对于用户和网站而言,帮助并不小。

7. 提供适当的选项


微 文案不仅仅是为明面上显示的内容提供足够清晰的引导,而 且最好提供更多的选项,让 用户拥有选择的权利,这 也是提升产品转化率的有效做法。

最 常见的状况就是电商网站和平台,由 于涉及到支付和相关的购买协议,用 户是可以通过更多的选项查看购买内容,反复斟酌的。这 种额外的选项通常需要合适的微文案搭配,让 用户可以更加清晰地了解整个购买过程,作出合理的选择。

无 论是做电子邮件营销还是其他,在「立即发送」或者「随后再安排」这样的交互之后,最 好提供用来确认的选项,搭配相应的文案,确保操作是稳妥的、确定的。

8. 将 文本置于正确的位置

微 文案应当被安置在正确的位置,确 保用户在阅读和浏览的时候不会错过,不会觉得奇怪。绝 大多数的用户都是遵循从左到右,从上到下的阅读模式,尝 试在设计微文案的时候和这种用户的阅读模式结合起来。以 电子邮件的注册表单为例,通 常用户需要输入电子邮件的地址之后,再提交,所以,通 常提交按钮应该置于输入框的右侧或者底部,因 为它们存在前后顺序和逻辑关系。

作 为占位符的文本内容应该对比足够明显,确保可读性。如果它是可有可无的,就尽量删除。

9. 使用真实的文本


在很多设计当中,看 起来是文字的微文案并不一定真的使用文本的形式,而 常常是以图片的格式而存在的。

搜 索引擎和屏幕阅读器在这种情况下是无法读取和分辨这些文本。所 有的微文案应该尽量使用文本,确 保每个元素都是可读,可用,可被识别的。

另外一方面,在视觉上,文 本应该和背景的元素保持足够的对比度,以便用户能够看清楚。

10. 包 含成功或者错误相关的信息

许多 UI 流程当中,用 户的交互是否被执行了,是否出错了,是否成功了,这 些信息对于用户而言是非常重要的,在设计的时候,应 当借助相应的微文案告知用户这些操作是否成功了,这 是最有价值的反馈之一。它 们关系着用户体验以及后续将要如何操作。

结语

当 你开始仔细琢磨用户将会怎样使用你的产品的时候,总 能够设计出足够优秀的微文案。重 要的是梳理清楚思路,采用通俗易懂的文案,确保可读性和易读性。


客服中心
点击进行在线咨询

QQ咨询

咨询热线:0871-63399840

客服热线:0871-63523332

客服中心 客服中心
友情链接:    555彩票正规吗   国民彩票   荣鼎彩票   北京赛车app安卓下载安装   大掌柜大掌柜彩票