网站设计中标记文字设计的10个技巧

网站设计稿上最微小的文字会产生最大的影响。微型文字设计包含所有帮助用户实际使用设计的说明，标签，导航，工具提示，错误消息和号召性语言。

微型文字设计可以辅助导航，并且是点击按钮之前用户读取的相关说明。（很容易理解为什么这些词很重要。）

在深圳网站设计过程中，微型文字设计往往被忽视。通常“点击这里”只是一个按钮，然后完成。但经过深思熟虑的微型文字设计可以使您的网站更好。伟大的微型文字设计甚至可以帮助提高用户之间的保留率和转化率 - 这是每个网站所有者都可以学习并掌握的。

1.显示出来即可，不要告诉用户该做什么

良好的导航词可以告诉用户去哪里，帮助解释你的网站是什么，并提供搜索和搜索引擎优化提示。

良好的微型文字设计可以帮助用户做一些事情，而无需真正考虑它的理由。这就是为什么“点击这里”是如此流行的术语。

使用能够清楚告诉用户将要发生什么的单词。在可点击元素中常用的微型短语包括了解更多信息，阅读，立即购买，获取信息，下载，提交等。

这些单词中的每一个都很清楚，用户可能会确切知道下一次他们点击后会发生什么。

至于其他良好的微型文字设计，请考虑使用它的方式，这是有利于用户的。例如，导航是一个可以帮助您进行网站设计的地方。良好的导航词可以告诉用户去哪里，帮助解释你的网站是什么，并提供搜索和搜索引擎优化提示。

2.保持简洁

之所以微型是因为它们通常是屏幕上尺寸最小的单词。但它们也可能是最短的短语。

保持简短和重点。对于大多数用户交互来说，长时间的解释是不必要的，太多的解释可能会令人难以置信。如果有一个简短而简单的方式来表明一个行动或用途，那就去做吧。

3.重要文字信息应始终可见

请勿使用工具提示查看重要信息。

有两种类型的微型文字设计 - 您总是看到的元素或说明，以及根据需要显示的元素或说明。后者通常以工具提示，悬停框的形式出现，可以增强某些设计元素的可用性。

但请注意，并非所有功能都应隐藏在悬停状态中。任何重要的或重要的微型文字设计应始终对用户可见，例如要在表单中包含哪些信息，或者单击按钮时会发生什么。

一种工具提示式的微型文字设计适用于附加信息，例如解释如果用户需要帮助会发生什么。（例如指示旁边的小图标;图标表示用户可以在需要时找到更多信息的信号，将鼠标悬停在图标上，并显示该图像，这是对隐藏式微型文字设计的适当使用。

4.匹配您的网站的调性

虽然微型文字设计的语言应该非常简单，但它应该与完整网站设计的基调相匹配。这是一种微妙的艺术，只有当用户明白要做什么时才有用。

5.避免行话

虽然你可以匹配网站设计基调，但请不要在微型文字设计里讲行话。您设计中的行话可能会很快混淆试听，让人不知所云，同时也会给搜索引擎抓取工具带来挑战。

6.对图像使用Alt信息

这不是确切的微型文字设计，但它很重要。上传将包含微型文字设计的用户界面元素时，请确保包含图像和图标文件的替代信息。

这可以帮助搜索和帮助某些用户。（这对于使用语音浏览功能的用户尤其重要。）

这样想。如果您看不到按钮或图标，但是alt信息可以告诉您它是购物车的按钮。在构建设计时，对你来说这并不难，但对于某些用户来说，这可能会产生巨大的影响。

7.提供适当的选项

良好的微型文字设计扩展到下拉列表或项目符号列表中的元素。如果合适，请确保为用户提供选项以增加转换机会。

其中最常见的用途之一就是电子商务。请注意，多长时间一次带有一个按钮的表单会要求您输入付款信息，但下面是一行说明，您可以再次查看购买内容。这是一个额外的微型文字设计级别，可以让用户选择并帮助他们更全面地了解该过程。如果您使用电子邮件营销软件，同样的选择也很明显。大多数程序包括“立即发送”或“日程安排”的选项，当选择这些选项时，用户得到他们所做选择的确认。

8.将文本放置在正确的位置

微型文字的位置需要处在正常的阅读模式习惯中。大多数用户从左到右和从上到下阅读。

以电子邮件注册表单为例，应该有一个框用于输入电子邮件地址和提交按钮，应位于注册的右侧或直接位于注册表单下方，因为这是用户下一步操作的位置。

使用高对比度的占位符文字，以便阅读。如果文字太微弱，难以阅读，想想看，你真的需要它吗？也许这个占位符副本应该完全删除。

9.使用“Live Text”

搜索引擎或屏幕阅读器实际上无法读取图像（考虑辅助功能），并且在某些响应环境中可能无法读取，具体取决于图像的缩放比例。

所有副本（包括微型文字设计）都应该是实时文本，以便每个元素都可读和可扩展，以确保用户可以轻松查看和理解它。

确保所有微型文字都包含足够的对比度，以便看清楚。这是一件小事，但如果你注意，你会惊讶于有多少设计使用低对比度标签。

10.包含成功和错误消息

良好的微型文字设计往往不是一个一步到位的过程。它通常是一系列过程，这与一个用户操作息息相关。

取决于该操作是什么，应该包括确认操作已完成的微镜像，或者当交互失败时显示错误消息。这为用户提供了有价值的反馈，并帮助他们在您的网站上完成任务。

结论

当你想到用户想要使用你的设计以及你想怎么做时，出色的微型文字设计并不难。请记住使用简短易懂的通用语言，提供清晰的说明并使所有内容易于阅读。