专业级网站优化的 7 个经过验证的 UX 提示

网站设计中的用户体验设计（UXD 或 UX）是一种通过开发网站内用户交互的可用性、可查找性和效率来提高用户满意度的方法。 今天，我将列出我积累的经过验证的技巧，任何一位网页设计师都应该知道并利用这些技巧来增强他或她的网站用户体验。

提示 #1：使用 Flow

为了让您的用户轻松浏览您的网站，您需要站在他们的立场上并了解您的角色目标。 想想你的角色的心态，你创造的虚构人物代表将使用你的网站的人的类型。 他们会首先注意到您网站的哪个部分？

对此的一个相当明显的答案是页面顶部，并且应该将最重要的页面放在页面顶部，以便访问您网站的人最先看到它们。 没有人愿意无休止地滚动和挖掘才能找到他们想要的信息，因此将其放在顶部非常有帮助。

改善网站流量的另一个重要因素是使用一致、方便、易于理解的用户界面，以确保您的角色可以专注于他们需要的内容并不受阻碍地浏览它。

为了避免混淆并避免为您的用户创建额外的不必要的工作，请避免在您的网站上创建死胡同页面。 为了避免进一步的这种混淆，避免使用不常见的网站模式和界面，你不需要让你的用户学习新的东西，使用常见的模式和界面是完全没问题的。

提示#2：滚动

只要您的用户清楚与他们相关的信息在折叠之下，他们就会继续滚动。 重要的是要记住，您的网站应始终清晰地指示滚动方向，并应告知用户是否有更多可用材料。

一个相当明显但经常被忘记的一点是，您的网页越长，人们就越不可能费力地向下滚动到页面底部以找到他们需要的东西。 只要您的网页不太长，运行网页就会很愉快，因为多亏了点击，滚动速度要快得多。

提示＃3：对比度和颜色

由于各种各样的人都会访问您的网站，请考虑那些色盲的人——确保您的网站设计是灰度的，以便所有用户都可以阅读有价值的信息。 网站上颜色的另一个指针是不要在文本的任何其他部分使用蓝色，除了链接，因为它经常与您的背景发生严重冲突，或者只是消失，变得几乎不可读，这是所有网页设计师都应该知道的。 请记住，如果您没有意识到移动网站上的对比度，屏幕眩光会破坏您网站的可用性因素。

为确保您的 CTA 有效工作，请为它们使用一种颜色并避免将其用于其他任何颜色。 如果你想让你的文字出现在你的背景上，请使用温暖、明亮的颜色，因为它们很突出，而冷、暗的颜色往往留在背景中。

提示 #4：提高加载速度

网站加载速度是重要的 SEO 因素之一。 作为专业的 SEO 服务提供商，我们始终专注于提高网站速度。没有用户喜欢等待超过 3 秒的网站加载，因此确保延迟超过 3 秒是不可能的。 当网站加载时，确保网站用户可以快速完成他们的目标，没有任何问题。

网站速度的感知基于加载时间、加载行为、等待时间和动画流畅度等因素。 为了提高对这些因素的理解，展示一个网站元素的骨架，在它仍在加载时向用户展示布局。 如果用户可以在图片之前看到文字，则用户可以在图片加载之前阅读文字，因此请确保先加载文字。

相关文章： 5 种使 WordPress 网站更快的方法

提示 #5：让它成为移动和平板电脑用户的天堂

如果移动界面元素较小或靠近放置，则很难准确选择它们，因此相应地，移动设备上的触摸目标的最小尺寸应为 1cm x 1 cm，并带有适当的填充。 如果用户必须使用小指访问它们，您可以看出您网站或应用程序上的界面目标太小。

使用平板电脑访问您的网站的人会发现屏幕的侧面和底部最容易用拇指访问，因此在创建网页时请记住这一点。 当您开始创建移动布局时，您应该确定人们是使用一只手还是两只手来操作他们的设备。

提示#6：干净的导航

通常，您的网站应该有一个易于查找的导航菜单。 如果您意识到您的网站层次结构比 3-4 级深，那么可能是时候重新考虑您网站的设计了。

如果您的网站页面很长，或者您的用户需要即时访问网站的特定部分，则粘性菜单是使访问更快更容易的绝佳方式。 导航标签必须准确，确保它们由不超过 2-3 个单词组成，并且信息量最大的单词在开头。

面包屑是让您的用户知道他们在您的网页上的位置的绝佳方式。 您的导航菜单应该消失，不会在路上，也不会通过网站更改。 在设计您的移动导航时，请确保最常用的选项位于顶部，并将所有不太受欢迎的选项隐藏在汉堡菜单下。

这些菜单在台式机上不太常见和引人注目，并且导致交互成本上升和信息气味下降。 如果您需要在您的移动网站上进行二级导航，类别着陆页、子菜单或页内菜单都是合适的。 如果您的网站有 megamenus，请将链接分组以区分可点击和不可点击的项目。 您不得在网站菜单中隐藏登录和搜索功能。

提示＃7：表格

为了向用户提供快速扫描，请确保将表单标签和字段放置在一条垂直线上。 您的用户不必担心丢失字段标签，因此请将它们放在文本字段之外。 您必须使您的 Web 表单易于理解，因此请使用分隔符将各个部分分开。

表单错误应放在每个 Web 表单中导致错误的区域旁边。 提供的错误消息必须易于理解、简短且对用户有帮助。 如果您立即显示所有错误 - 导致字段，在其各自有问题的文件旁边，移动用户错过警告的可能性较小。

相关文章：如何有效防止 Web 表单垃圾邮件

我希望这些技巧在创建您的网站时能派上用场。 创建一个出色的网站以很好地销售您的想法始终是一项艰巨的任务。 牢记这些提示，您会发现您网站的用户感到满意。

作者是 Logo Orbit 的品牌专家 Daniel Shane。