联系热线: 0755-8672-1169
在线联系:

Branding News

为您的品牌提供借鉴,提高自身审美水平!

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

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

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

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

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

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

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

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

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

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

2.保持简洁

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

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

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

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

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

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

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

4.匹配您的网站的调性

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

5.避免行话

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

6.对图像使用Alt信息

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

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

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

7.提供适当的选项

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

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

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

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

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

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

9.使用“Live Text”

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

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

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

10.包含成功和错误消息

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

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

结论

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

分享:

相关资讯

中小企业网站设计精巧...

  • 2018-09-12

企业网站设计成为企业发展和弘扬企业文化的另一种方式... 查看详情

3个实际上你应该尝试...

  • 2018-09-10

有很多设计规则陷入困境。更高级设计师提出的建议,设计... 查看详情

网站设计公司如何编排...

  • 2018-09-07

近年来,可以说国内的网站设计行业发展得非常的迅速,这与... 查看详情


服务优势

维仆高端网站建设设计和小程序定制开发公司成功为多家上市公司、集团企业成功设计并开发了微信小程序、品牌网站建设、高端网站设计网站建设深圳网站设计深圳网页设计服务,并与多家企业达成了长期的战略合作关系。

客户招商局集团、南山控股集团、中广核集团、哈工大集团、保利集团、华大基因、富士康等大型集团上市公司,还包括爱帝宫母婴集团、佳士科技股份有限公司、联想、华侨城洲际大酒店、美妈汇产后修复中心、德林酒店、卡瑞登酒店、美莱医疗美容、深信服、日坛一号健身SPA会所、雷克沙高端储存、皇庭广场等。

联系我们

  • 地址: 深圳市南山区前海路海岸时代东B座1920
  • 直线: 13728936255
  • Email: sevencoin@outlook.com
  • 周一 - 周五: 10:00 am - 10:00 pm
    周六 - 周日: 休整
留言

© 2014-2017 webhivers.com . All Rights Reserved . 粤ICP备11036424号-5 网站地图 Sitemap 深圳网页设计公司,高端品牌网站制作【维仆品牌设计】企业网站设计公司