创建用户友好型网站设计的 4 个挑战

要创建一个可访问的网站，您需要以所有用户都能平等访问该网站的信息、功能和特性的方式来设计和开发它。 但是你的时间是有限的。 当您完成这句话时，有人会访问并放弃您的网站。 除非你给你的访客一个留下来的理由，否则他们就走了。

高跳出率是访问者缺乏兴趣的一个指标。 用户查看一个页面可能绝对没问题，特别是如果它是新闻稿或其他事件驱动的内容。 但是您的目标应该是与访问者建立关系。

网站设计的成功取决于它与访问者沟通和引导访问者的效率。 考虑到在后广告时代吸引用户是多么困难，很难融入良好的网站设计而不会给人留下太销售的印象。 这就是用户友好的网站设计的用武之地。

将您的网站视为一个试验场——您确实必须即兴发挥导航的外观和感觉，这需要解决某些设计问题。 在我们深入研究它们之前，重要的是要讨论为什么用户友好性如此重要。

大多数网站的跳出率为 85%——这意味着您的大部分潜在客户开发工作都付诸东流。 如果流量来自 Google 广告，那就是对 PPC 预算的极大浪费。 这就是为什么我们始终建议您在启动 PPC 活动之前仔细优化您的目标网页。

这通常是网站设计机构的独家专长，他们会谨慎地兼顾业务目标和用户友好性。 这是一个高强度的行为，需要大量的试验和错误才能正确，但它是可以做到的。

以下是创建用户友好型网站时必须解决的 4 个 UI 挑战。

1. 结合 GUI 元素

您是否见过当今许多网站中使用的那些激进的新按钮、链接、按钮和滚动条？ 虽然它们看起来令人印象深刻并且做得很专业，但你有没有问过自己这是否让用户的生活变得困难？

如果这个问题的答案是肯定的，那么您刚刚失去了大量用户。

网站设计，无论多么别致和令人印象深刻，都必须将可用性放在首位。 如果 GUI 元素降低了整体可用性，那么最好完全删除它。 在网站设计中，您必须优先考虑可访问性、可用性和美观性：按此顺序。 只有在您能保证不会让用户感到困惑的情况下，才应使用按钮和水平滚动。

这是网站设计中要记住的一条很好的经验法则：如果您只是为了进步而加入新的设计元素，那么最好避免使用它。

2. 如果您不需要导航菜单，请避免使用它们

许多 UI 设计师采用新颖的设计理念，只是把它们吹得不成比例。 汉堡菜单和无限滚动就是一个很好的例子。 这两种趋势都在加速发展，并被成千上万的网站肆无忌惮地使用。 信息架构是否需要这些菜单是完全不同的事情。

无限滚动只有在信息架构需要时才看起来不错。 一个很好的例子是 Twitter、Facebook、Google 图片和各种电子商务网站； 在这种情况下，无限滚动是一个足够好的解决方案。 但是问问自己这个问题：您的用户将如何找到并标记他们真正喜欢的内容？

他们将如何从他们选择的内容中来回移动？ 他们将如何浏览您向他们提供的大量信息？

这也带来了汉堡菜单：一个神奇的导航菜单，让游客在公园里散步——至少看起来是这样。 它的名字来源于它的设计：它由三个类似汉堡的水平线组成。 就像它的真正对应物一样，汉堡菜单旨在节省空间。

但它是一个彻底混淆用户的图标。 首先，人们真的会点击汉堡菜单吗？ 即使他们这样做了，如果菜单项如此重要，它们不应该在屏幕上占据更显眼的位置吗？

一个菜单只有在它能够实现两件事时才重要：

• 他们告诉用户他们在哪里
• 他们会告诉你你还能去哪里

汉堡菜单，如果做得不好，可能会很糟糕，因为菜单不在屏幕上并且不够可见。

然而，好消息是汉堡菜单已经变得无处不在——它们几乎无处不在，从应用程序到网站再到视频游戏。 他们甚至找到了打印方式。 它是一个烙印在在线用户脑海中的图标，并已成为导航的代名词。 人们熟悉它并且可以依靠它进行导航，这与用户知道主页图标是您转到主菜单的位置或垃圾桶图标是您删除文件的位置非常相似。

在网站和移动应用程序等视觉空间难以获得的数字空间中，汉堡菜单可以节省空间。 毕竟，您永远不应该用太多的选择来压倒您的访问者。 这是因为当用户面临太多选择时，他们往往根本不会做出选择。

3. 创建响应式站点

现在大部分在线流量来自移动设备。 当然，桌面网站是必不可少的，但它们也应该很容易为移动用户加载。 你最不想做的就是因为糟糕的移动体验而拒绝你的观众。 如今，移动网站开发变得如此简单，以至于不将其纳入您的设计是不可原谅的。

有 WordPress 插件和负担得起的 UI 设计师可以帮助您的网站更具响应性。

以下是响应式网站的三个关键要素：

流体网格：固定百分比允许具有不同屏幕分辨率和设备的用户像其他人一样看到相同的屏幕。

自适应图像和文本：图像和字体大小不能在所有设备上保持相同，因此您必须调整代码，以便它为每个不同的设备加载完全优化。 这需要仔细调整网站代码，例如 CSS 文件。

媒体查询：如果您已经成功实现了上述两个场景的代码，那么是时候组装它们了。 媒体查询告诉您在桌面和移动设备上具体显示什么。

4.加载速度快

大多数用户的注意力范围都很短，而您每过一秒都在竞争。 今天的在线用户根本没有耐心等待超过 2 秒的时间来加载您的网页。

想提高网站速度？ 有许多创造性的方法可以做到这一点，而无需在托管上花费更多的钱：

压缩网站：图像和视频更受欢迎，但过多的媒体实际上会分散整体体验并减慢您的网站速度。 除了谨慎使用图像外，还可以使用 RIOT、Smush.it 等解决方案压缩您的网站。

拆分图像：在单个页面上压缩所有信息不是一个好主意。 为您的网站提供几个短页面以加快加载速度会更有益，而且它还可以为您提供更多的 SEO 优势。

清洁编码：搜索引擎使用爬虫来了解您的页面的全部内容。 如果您将它们与复杂的编码混淆，只会迫使他们花时间，或者更糟的是，完全忽略您的网站。 所以总是优先考虑干净的编码。

您如何处理网站上的导航？ 请在下面的评论中告诉我们。

作者简介 -

Faye Eldridge 是 The Fyami Marketing group limited 的创始人兼董事。 Fyami 是伦敦一家好奇的网页设计和营销咨询公司，提供需求生成、潜在客户培育、数字、社交媒体以及一般营销支持和解决方案。 我们的使命是在这个以技术为主导的数字时代吸引更多企业。 Faye 相信积极影响、透明度、多样性、好奇、顽强和分享知识。 她拥有硕士学位，目前正在从事与 CMO 和 CTO 合作相关的博士商业研究。