最常见的网页设计错误——网站的棺材

已发表: 2017-02-25

每天，许多网站都在使用尽可能多的设计概念，我们会遇到一些我们见过的最好的设计，另一方面，有时我们会遇到设计如此愚蠢的网站，以至于证明是该网站的棺材。 任何来到该特定网站的新访问者都会发现自己迷失了方向，并会放弃这种设计的网站。 那么，现在最大的问题是我们应该如何设计我们的网站，或者网页设计师最常犯的网页设计错误是什么？

建立网站可能令人生畏，但真正的挑战在于使其可用。 问题是大多数网页设计师忘记了网站不是为自己创建的，而是为了解决用户的需求。 他们将创意优先于实用性和可用性。

让我们看一些，

最常见的网页设计错误

在我们可能见过也可能没见过的许多错误中，我们将讨论网页设计师所犯的最愚蠢的错误。

#1 搜索搜索框

网络就像一个信息档案。 无论是企业网站还是博客，搜索框都是必不可少的。 访问者可能正在寻找隐藏在网站内的东西，通过搜索框，访问者很可能会得到他们想要的东西。

建议： Google 自定义搜索是一种简洁、简单且有效的入门方式。 它使访问者能够以有效的方式搜索您的网站。 只需从控制面板复制 HTML 代码并将其粘贴到您的网站中即可，您的网站上就有了搜索功能。

#2 可读性差和不清晰

这是网页设计的关键要素。 当然，好的界面设计会吸引用户的注意力，但用户必须阅读文本才能掌握他们想要的信息。 一些网站使用最奇怪的字体样式和大小，使阅读变得痛苦。

建议：幸运的是，您可以采取一些简单的方法来改善用户在您网站上的阅读体验。

  1. 比较大多数主要网站的配色方案，并注意颜色如何提高可读性。 尝试不同配色方案的好地方是Adob​​e Kuler 。
  2. 使用无衬线字体，以便在网络上轻松阅读

#3 杂乱的内容布局

网站的内容是吸引流量的原因。 内容的结构方式决定了它的成功或失败。 除非绝对必要，否则用户不会阅读，而是浏览信息并挑选网页上的兴趣点。 有些设计师只是在网页上放了一段文字，完全忽略了标题、副标题、项目符号、关键字、段落等。

为每个网页使用适当的页面标题，以便用户准确地知道他们在哪里。 一些设计师甚至忘记给网页命名。

总体而言，该类别中最糟糕的情况是在您的网站上放置不准确、无法访问、无关紧要或过时的内容。 内容必须与网站的整体主题一致并且有用。 如果一个页面正在建设中，为什么还要麻烦把它放上去呢？ 如果设计师真的必须，那只是暂时的，3周将不再被视为暂时的。

建议：在创建页面设计时，应使用 HTML 和 CSS 组织网站上的内容。

  1. 使用边距在文本和图像之间创建足够的空白。
  2. 更新并保持一致。 更新的目的不仅仅是添加新内容，而是发现和纠正过去的错误。

#4 导航问题

网站内的导航应该是无缝的。 用户应该能够轻松找到自己的方式。 虽然网站内的导航没有标准，尤其是现在随着更多新的 Web 开发技术的出现，但必须了解导航必须直观且一致。

如果文本用作导航，它应该是简洁的。 视觉隐喻不应该被重新发明。 如果使用了超链接，那么它们应该从正文中脱颖而出。 死链接不应该出现在任何网页上。 这会增加用户的困惑并浪费时间。 更糟糕的是在主页上有一个链接到主页的链接。

建议：

  1. 通过对所有链接使用文本描述，使导航更顺畅。 为图像提供替代文字。 对 Flash 或 Javascript 链接使用替代文本描述技术。
  2. 根据网站的主题组织和构建您的导航。 个人网站可以更具创意且易于访问，但商业网站需要更高的效率和清晰度。

请记住，如果用户在不到 3 次点击中找不到他们想要的东西，大多数人会立即离开。

#5 不均匀的界面规划

过度的创造力可能就是这样。 过多的！ 一些设计师在创建网站时通过为网站中的每个网页创建不同的设计将其提升到另一个层次。 这绝不会让用户感到困惑。 而且非常烦人。 无论一个网站多么出色和吸引人，如果整体外观和感觉不一致，用户就无法与之相关，并且感觉无法控制。 因此，他们一到就离开。

建议：

  1. 为每个带有网站主要部分链接的页面使用标准一致的模板。
  2. 关键字很简单。 创建美观简单的设计，用户将永远不会对您的网站感到困惑。

#6 无反应

我确定我们访问过您必须水平滚动的网站。 这是现代网页设计中的绝对禁忌。 一个好的设计师会开发适合大多数屏幕尺寸的网站。 当前优化的网站布局是 1024 x 768 像素。

建议：要满足每个分辨率的设计很难，几乎不可能，尤其是当访问者现在通过手机和上网本上网时，但我们可以通过以下方式大致了解普遍使用的屏幕分辨率：

  • 检查您的统计数据- 像 Google Analytics 这样的分析服务会为您提供有关他们正在使用的显示器分辨率的信息。 这些是您在开始下一次改造之前应该了解的有用信息。
  • W3 Schools Browser Stats – W3 Schools 给出了网民使用的最流行浏览器的清晰列表，并根据受欢迎程度对其进行排序。 还有其他有趣且重要的统计数据。

#7 复杂的注册表单

登记表很棘手。 您需要用户提供多少信息？ 用户必须输入大量详细信息才能注册到您的网站的日子已经一去不复返了。 一些网站将大多数注册字段设为必填字段，并在用户尝试几次后感到沮丧的情况下验证这些字段。 请记住，用户，访问网站以获取信息。 不是反过来。

Someecard 的简单表格使注册变得轻松。

建议：在网络上比较各个社区的注册表单，了解用户在注册过程中需要哪些基本信息。

更多：网页设计中的 9 个常见可用性错误– Smashing Magazine 上的这篇文章深入研究了注册表单以及其他可用性错误。

#8 网站上的欺骗性图片

网页上太多的图像是一个巨大的关闭。 图像可以用来吸引用户的注意力，但它也可以分散注意力或只是简单地加重。 在适当的情况下，应使用图像来说明和指导用户。

动画很棒，也是一种强大的媒介。 特别是在适当使用时。 当它是一个循环或网页上太多时，它会引起用户的紧张。 用户没有耐心、时间或资源，因此设计师必须提供替代方案，或者更好的是，如果是整页动画，则提供跳过按钮。

更多： Flash：99% 不好——适当地使用 Flash。 Jakob Nielsen 发表这篇文章已经快 10 年了，但它仍然与 Flash 可用性有关，尤其是Breaks Web Fundamentals文章。

#9 混乱的页面，更多的空白空间

太多的设计师忘记了空白及其重要性。 他们如此沉迷于自己的设计创意，以至于忘记了这与他们无关。 因此，他们试图将尽可能多的内容塞进一页纸上。 最终结果？ 一个忙碌、杂乱且难以阅读的页面。

kylestanding 在他们的设计中充分利用了空白。

这里有几篇文章可以让您了解空白在网页设计中的重要性：

  • 四种空白布局的比较
  • 留白的价值
  • 空白

#10 背景音乐，巨大的挫折

用户不要酷，他们要的是效率。 是的，99% 的人不关心您网站上的音乐。 一些设计师通过在每个网页上放置不同的背景音乐来使情况变得更糟。

建议：不要使用背景音乐，但如果必须，为代码和用户控件创建一个框架。 这样，音乐就会不断循环播放，而不是每次在网站内加载新页面时都会改变。 用户可以随时停止或暂停。

包起来

吻是底线，哦，我的意思是保持简单，愚蠢。 这实际上是人们在网站中最喜欢的，如果它简单，它就很容易使用。

希望您对常见的网页设计错误有了更多的了解。

有错误，也有灵感，所以不要忘记阅读十大网页设计趋势和让您的网站易于访问的几种方法。