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

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

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

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

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

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

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

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

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

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

2.保持简洁

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

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

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

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

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

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

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

4.匹配您的网站的调性

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

5.避免行话

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

6.对图像使用Alt信息

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

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

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

7.提供适当的选项

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

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

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

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

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

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

9.使用“Live Text”

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

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

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

10.包含成功和错误消息

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

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

结论

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


相关资讯

深圳网站建设公司

  • 2021-07-02

维仆一贯致力于为企业结束更好更优的互联网展示作用,供... 查看详情

广州专业网站设计公司怎么布局网站

  • 2017-07-20

广州专业网站设计公司怎么布局网站?当我们需要建设自己... 查看详情

什么是用户体验设计,为什么在企业网站设计是如此重要的?

  • 2017-07-20

在2020年制作企业网站设计的意义远不止是简单地添加一... 查看详情

10个高效且实用的网站设计技巧

  • 2017-07-20

网站设计中经常会遇到一些问题,那是因为你在设计的时没... 查看详情

深圳罗湖高端网站设计告别模板网站

  • 2017-07-20

深圳罗湖高端网站设计告别模板网站,我们做网站设计并不... 查看详情

WordPress网站建设产品详情设计技巧

  • 2017-07-20

在网站建设中以产品为主的网站核心页面就是产品详情页... 查看详情

视频传播进入网站设计领域

  • 2017-07-20

一打开网站,就像是在欣赏一部宣传片,炫丽的场景和有趣的... 查看详情

深圳网站定制公司分享可持续网页设计

  • 2017-07-20

网络技术有可能为社会和环境带来巨大的利益,但前提是我... 查看详情

广州网站设计公司分享自助餐网页设计

  • 2017-07-20

广州网站设计公司分享自助餐网页设计。相信很多人对于... 查看详情

2021年的网站设计趋势

  • 2017-07-20

2020年已经快过完了。除了影响我们个人生活的大流行之... 查看详情


分类

热门新闻

标签

热门标签: 维仆签约 深圳网站建设 深圳网站建设公司 网站建设公司 专业网站建设 网站设计 深圳网页设计 网页设计公司 网页 中山网站设计建设公司 企业网站建设 深圳网站制作 企业网站设计 产品展示型网站  

相关标签: 深圳网站设计 网站设计 深圳网站设计公司 网站设计公司 中山网站设计建设公司 

联系
  • 地址:深圳市罗湖区中海慧智大厦1A座706
  • 热线:0755-8672-1169
  • 直线:137-2893-6255
  • Email: 2503595831@qq.com
  • 周一 - 周五:10:00 am - 7:30 pm
    周六 - 周日:休整
  • 服务城市: 深圳   广州   香港   成都   台湾   珠海   汕头    甘肃   中山   佛山   长沙    东莞
  • 深圳区域: 罗湖   福田   南山   盐田   宝安   龙岗   龙华   光明   大鹏   坂田   西乡   科技园