返回  

正确规划和编辑微内容的10点建议

2018/6/5 11:08:17 来源:深圳网站建设公司Clh

网站上即便是最微小的文本内容也可以产生最大的影响。微内容包括所有的指令、标签、导航、工具提示、错误消息和调用动作语言等一些可以帮助用户了解实际使用的内容设计。


微内容再整个页面流程上可以帮助指引用户,并且是用户在单击按钮之前读取的最终元素(很容易理解这些词为什么如此重要)。

不过,在网站设计过程中,微内容常常被忽略。通常按钮的设计文本就仅仅是“点击这里”就完成了。精心设计的微内容可以使你的网站更好,甚至可以帮助提高用户的保留率和转换率,这是每个网站所有者都希望看到的。

那么你应该怎么做呢?下面是关于如何规划和编辑微内容的十个指导意见。


1.展示,但不告诉用户应该做什么

Show, Don’t Tell Users What to Do

微内容实际上可以帮助用户理解或直接操作某个步骤而不必花时间考虑它。这就是为什么“点击这里”是一个很流行的词。

用文字告诉用户将要发生的事情,是一种最方便,也最直接的表达形式。可点击元素常用的缩微短语包括学习更多、阅读、购买、获取信息、下载、提交等。

每一个单词都是清晰、有目的性的,用户将很可能知道点击时下一步将会发生什么。

至于其他位置的微内容,你需要考虑使用它的方法需要有利于用户。例如导航,这是一个地方,微内容可以帮助用户在最开始就了解你的网站设计。好的导航词可以告诉用户去哪里,帮助解释你的网站是什么,为SEO提供更好的资源(所以你最好注意你用什么词)。

注意上面的Atom例子中,它是如何使用带有“下载”的单词和图标的按钮的。


2.保持内容简短

微内容之所以得名,是因为这些单词或短语通常是屏幕上简短意概的。

把说明和缩写保持在简短的范围内,但是实际表达切中要害。繁杂的解释对于大多数用户交互来说是不必要的,太多的解释可能给你的整体设计带来压倒性感觉。如果有一种简单而容易的方式来指示行动或使用,那么你就应该将他列为首选。


3.重要的文本应该总是显而易见

Important Copy Should Always Be Visible

不要使用工具提示来获取重要信息。

有两种类型的微内容——元素和指令,你总是能够在网站设计中看到它们。后者通常以工具提示的形式出现,可以提高某些设计元素的可用性。

但是请注意,并不是所有的信息都应该隐藏在这个悬停状态中。任何重要的或需要用户注意的微内容都应该对用户可见,比如在表单中包含什么信息,或者单击按钮时会发生什么。

微内容的工具提示样式也适合于其他信息的展示,例如解释如果用户需要帮助可以从哪里最直接快速的找到信息。信息旁设置指令图标是一个信号,用户可以找到更多的信息,如果需要的话。悬停在图标上,然后出现微内容。这是一个适当的隐藏微内容的方式。


4.匹配网站的基调

尽管我们主张微内容的语言应该相当简单,但是它需要(也应该)匹配完整的网页设计的基调。

这是一个微妙的艺术,只有当用户明白该怎么做时才有用。


5.避免行话

Avoid Jargon

不要在微内容中使用专业术语,即便你是为了匹配相应的基调。

文本中的行话会让人感到迷惑,同时也会给搜索引擎的的SEO优化带来挑战。所以,你需要避开它。


6.在图像文件中使用Alt标签

这不是要求你写详细的微内容,但这很重要。当上传包含微内容的用户界面元素时,请确保在图像和图标文件中包含有Alt标签信息。

这可以帮助SEO的同时,也可以帮助一些用户更快的找到他们想要的内容,提高网站设计的可用性。

你可以这样想。如果你看不到按钮或图标,Alt的标签信息告诉你它是购物车的按钮,而缩内容同时体现的是“立即购买”,你就会明白将要发生的动作。当你构建设计时,你不难做到这一点,但是它会给一些用户带来巨大的体验上的差异。


7.提供适当的选项

Provide Appropriate Options

缩内容应当使用可以扩展到元素列表中的任何元素。在适当的时候,确保为用户增加选项以增加转换的机会。

最常见的用途之一就是电子商务类型的站点。有一个表单以及一个按钮,要求你输入付款信息,右下角是一行说明文字,告知你可以再次查看购买。这是一个额外级别的微内容,给用户一个选择,并帮助他们更全面地理解过程。

如果你使用电子邮件类型的营销软件,同样的选择也是显而易见的。大多数程序包括一个选项“现在发送”或“以后的日程安排”,当一个选项被选中时,用户会得到他们做出的选择的最终确认。


8.妥善处理微内容的形式

微内容的表现和编辑需要在是正常的,可阅读的,大多数用户从左到右和从上到下读取内容,所以你的微内容也应该符合这种习惯。尝试将这些模式与微内容相结合。

让我们以电子邮件注册表单为例——一个输入电子邮件地址和提交按钮这是最直接的表现形式,这些元素应该应该最直接的展现在用户的面前,或者直接两个元素是贴近的上下关系,因为这是用户接下来要看的地方。

使用具有高对比度的占位符文本,因此它们易于阅读。如果文本微弱到以致难以阅读,你真的需要它吗?


9.使用“动态文本”

Use “Live Text”

实际上这跟图像的文本在多个层次上是一个问题。

图像实际上不能被搜索引擎或屏幕阅读器读取,并且根据图像的缩放程度在某些响应环境中无法读取。

所以,所有的文本内容,包括微内容,都应该是动态文本,以便每个元素都是可读的和可缩放的,以确保用户能够轻松地看到和理解它。

但我们解决“动态文本”这个问题的同时,确保所有的微内容都包含足够的对比度,这样就很容易看到。这是一个小细节,但是如果你注意,你会惊讶于有多少设计使用低对比度标签导致整体的视觉体验下降。


10.包括成功和错误信息

微内容通常不是一步一步的过程。它通常是一系列与一个用户行为相关的消息。

取决于具体操作的内容是什么,你应该包括确认操作完成或在交互失败时显示错误消息的微内容。这为用户提供有价值的反馈,帮助他们完成网站上的任务。


总结

当你想让用户通过你的设计了解什么或你想实现什么目的的时候,制作好的微内容其实并不难。将微内容视为一种超级精简的指导手册。

记住使用简短易懂的通用语言,提供清晰的说明,使每一件事都容易阅读。做到这些,你就以及走上创造伟大的微内容的道路了。




----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务