网站是每一项业务的中坚力量，这已不是什么秘密。如果你想让你的生意在这个新冠肺炎时代取得成功，你必须有一个精心设计的网站。由于社交距离的关系，越来越多的潜在客户正在通过公司的网站搜索信息。

一个精心设计的网站可以帮助你发展你的业务，因为一个完美的设计会给你的潜在客户留下很好的印象，引导他们采取想要的行动。然而，常见的网页设计错误可能很快就会使你的最佳努力脱轨。当你听到很多关于在设计你的网站时该做些什么的时候。但你知道不该做什么吗？

嗯，给你一个优势，我们已经概述了12个常见的网站设计错误，损害了许多企业。在设计你的网站时要避免他们，你应该在转换访问者方面取得更大的成功。

什么是网页设计？为什么它是重要的？

在我们详细讨论这些常见的网页设计错误之前，了解网页设计的意义是至关重要的。Web设计是在美观的布局中迭代地对信息和整个业务功能进行策略化、概念化和传递的过程。

网页设计的视觉组件包括文本内容、图像、视频、颜色、字体、不同的元素和形状，如按钮、窗体、图标、这些元素之间的间距以及整体布局本身。

设计功能包括网站速度、导航、动画、用户体验、用户交互、网站整体技术架构、SEO、跨浏览器、跨平台、跨设备设计一致性和响应性。

既然我们已经讨论了Web设计以及为什么它如此重要，现在是时候了解设计人员和开发人员在2021年必须避免的常见的网页设计错误了。

12种常见的Web设计错误

我们都知道犯错是人的事，但从一开始就避免错误是神圣的。考虑到这一点，下面是12个常见的网页设计错误，你必须避免。

1.在实施前不选择设计思维方式

大多数设计师最常见的网页设计错误之一是他们没有意识到设计思维和在纸上绘制版面的重要性。设计师往往倾向于“假设”用户的事情，而不是进行广泛的“用户研究”来理解用户的需求。但这并不是进行网页设计的正确方法。

理解设计思维方式是设计用户成瘾体验的关键。不知道什么是设计思维？这是一个了解和识别客户需求和动机的过程。这是一种心态，同情客户，详细说明他们的问题，并建立解决他们的解决方案。

设计思想方法使设计者能够识别目标、项目范围、构建业务特性、理解用户需求、技术能力、解决方案可行性和有效性。所有这一切帮助设计师收集数据点，设计正确的站点地图和线框，然后跳到一些设计软件。

记住：如果你不了解你的客户，你将无法为他们设计好的网站。所以，要善解人意，做用户调查，了解你的客户关心的是什么。

2.不确定网格和栏的优先次序

我们都知道网页设计世界正在以惊人的速度变化，你也需要随之改变。但是有些设计师仍然局限于用旧的方式开发设计，即仅使用柔性盒、浮点、断点等来组织内容，而忽略了CSS网格和指南在开发响应性好的网站设计中的重要性。另一方面，许多初级开发人员错误地认为，柔性盒和浮动已经死了。这是一种误解。从网页设计师的角度来看，CSS网格、柔性盒、浮点和断点都很重要，正确地使用它们可以帮助避免所有与网格和列相关的网页设计错误。

使用CSS技术，设计人员可以提供无缝的用户体验，在这种体验中，内容可以使用行和列自动分割和对齐。网格模板列，min-max，css的自动调整属性消除了使用媒体查询断点的需要，但是使用网格模板区域确实需要使用断点。

大多数设计师倾向于犯的与css网格相关的网页设计错误之一是与css数字混淆。在为CSS框架(如引导)设计时，我们计算一行的列数，通常是12列，但在网格系统中，我们计算行数或堆栈数。在网格系统中，从第1行移动到第7行类似于跨越6列。

3.不策划等级美学

大多数设计师需要避免的另一个网页设计错误是没有为内容的视觉层次制定策略，包括cta。设计良好的用户行程可以通过设计有效的视觉层次结构来有效地实现。这可以通过使用吸引人的词、颜色、图像和小动画来实现。这些元素之间的间隔以及它们的大小在驱动用户参与方面也是非常关键的。弄错意味着减少用户交互，并可能损害您的业务盈利能力。

4.不把直观导航和无障碍列为优先事项

跳过头脑风暴、站点地图和线框的基本步骤是几个网页设计错误的基础。其中最突出的是配置不当的菜单和导航布局。一个不适当的导航结构可以赶走你的网站访问者，因为它是一个痛苦的滚动随机结构的网站。假设您正在设计一个包含大量页面的网站，那么将它们分组并按层次排列这些类别是有意义的，以使用户能够直观地浏览网站。

此外，导航并不是每个设备都一样的。尽管导航有不同的工作方式，但您需要选择正确的策略。例如，在使用手机时，您可以选择汉堡包菜单策略，因为它在较小屏幕上的导航效果很好。如果您希望比较您的网站在移动和平板电脑上的导航，可以使用ITBrowser-一个响应式设计检查工具为此：

除了导航，还有一些其他方面可以提高网站的可访问性。研究表明，有3亿多人患有色盲。但是大多数设计师在设计网站和用户旅行时忽略了这个方面。有数以百万计的人有视觉和听觉障碍。不让这些用户进入你的设计思维方式可能是一个主要的，但常见的网站设计错误之一。

从可访问性的角度来看，文本大小、颜色对比、页面标题、图像替代文本、键盘可访问性、移动和闪烁内容(如传送带、广告、自动播放视频、滚动新闻提要和滴答)是网站的关键组成部分。与远视作斗争的人可能会想在小型设备上放大内容。有视力障碍的人可能更喜欢讲话而不是文字。有注意力缺陷的用户可能想暂停旋转木马等等。一个好的网页设计将所有这些都融入到图片中，以提高网站的可访问性。做错事可能会导致糟糕的用户体验，并损害您的业务。下面是一个直观的网页设计的例子：

以上亚马逊网站的例子展示了他们是如何以人们所能想象的最好方式使用搜索功能的。一个易于使用的网站搜索功能，避免了标签菜单项的需要，为一组不同的用户内置。

5.不遵守安全-第一，响应性设计方法

虽然网站安全在很大程度上是一个技术架构依赖方面，但在一定程度上，它也与网站设计和用户行程有关。设计者描述用户行程的方式极大地影响了开发人员实现设计的方式。如果从设计阶段就对网站安全进行排序，可以避免许多安全漏洞。例如，将关键业务数据放在身份验证和支付墙后面。

除了安全性之外，该设计必须在浏览器和设备之间具有响应性和一致性，才能提供全方位的体验。网站开发中最大的网站设计错误之一是为不同的平台和设备设计不同的用户行程和路线图。优先事项应该是尽可能保持设备间的一致性。更好的做法是，你可以检查的反应之前，使它的生活。像LambdaTest中的LTBrowser这样的工具允许您设计响应性网站，而不需要任何麻烦。

6.网页设计内容太多

信息太少，您就有可能无法交付用户正在寻找的解决方案。信息太多，最终可能会构建一个难以理解、使用或访问的解决方案。在完全绝望的情况下，设计师可以用资源压倒访问者，最终提供一个非常混乱的网站。虽然它很成功，因为它从早期就很受欢迎。也许为了保持用户的一致性，他们仍然没有改变网站的设计。但不应犯同样的错误。

要避免的常见Web设计错误之一是从一开始就没有构建可伸缩的设计。这是许多企业改变网站设计的核心原因。非结构化的、非模板化的网站设计是一个增长瓶颈，因为在几百页之后，维护、开发和扩展这些网站变得非常困难。为了避免这些设计可伸缩性问题，设计方法应该采用“分而治之”的策略。

将整个网站界面划分为不同的网页，如产品列表、产品信息、用户配置文件、用户交互等。然后，将每个网页界面组件划分为可重用的块和组件。这些组件中的每一个都应该集中于交付一个功能。例如，旋转木马，短用户简介，产品描述，评论等。接下来，使用这些组件来构建整个网站。这种方法确保了网页的快速开发和可伸缩性。下面是一个混乱和糟糕的网站设计的例子：

7.没有明确的CTA

没有明确的CTA是另一个常见的网页设计错误。网站就像营销和销售漏斗或管道。你的网站访问者穿过这个漏斗，从潜在客户的阶段到转变的客户的阶段。如果没有在适当的地方发出明确的“行动呼吁”，可能不会改变许多热门的前景。过度使用CTA也可能导致令人恼火的前景。

8.设计不当或不相关的图像

我们都知道图像和图形是网页设计的关键部分。如果做得好，图像可以清楚地向访问者传达信息。如果做错了，他们就会把读者搞糊涂。许多企业仍然没有注意到他们的形象，而是使用低质量和不相关的图像。不要犯这个错误，因为低质量的图片会破坏你的网站，关闭你的访问者，这会损害你的转换。同样，不相关的图片只会混淆你的访客，诱使他们不采取想要的行动。尽管如此，你也不应该用太多的图片来扰乱你的网站，因为它们会带走CTA的眼睛，导致转换中的损失。

9.不注意404页面设计会损害SEO

Web设计不仅限于开发布局和用户行程。维基百科定义扩展了网页设计，将内容和搜索引擎优化(SEO)结合起来。从SEO的角度来看，多个常见的网站设计错误是容易避免的。

第一个SEO-关键的网页设计错误是没有一个专门的自定义404页模板.您可以为您的域提供一个自定义404页，以便向用户提供相关内容，或者您可以使用302或301重定向链接到Web上的其他页面。网站上的链接中断会损害商业声誉。用户觉得该网站是一个骗局，产品/服务将是不符合标准的。使用302或301重定向，这些中断的链接可以很容易地处理。对于链接中断的外部网站，您必须不断地测试、识别和替换这些链接。

其次，SEO-特定和常见的网站设计错误包括没有使用标题和标题标签.使用描述性页面文本不会像在标题中描述它那样有影响。同样，使用更大的字体不会像使用H1，H2标签那样对SEO产生影响。

10.与多媒体有关的网页设计错误

我们已经强调了自动播放视频是多么令人恼火，尤其是声音。此外，它使网站的加载速度相当慢。通常情况下，最好不要自动播放视频，而是等待某种用户活动来触发这些视频的播放。例如，用户滚动到包含视频的页面中的某个部分。

我们还强调了旋转木马的速度可能也是一个转机。除此之外，还有一些应该避免的与多媒体相关的网页设计错误。

首先，一个巨大的网页设计错误不是优化你的网站图像。大尺寸的图片使得网站的加载速度变慢。如果您的网站加载缓慢，它可能会严重损害您的转换。你知道吗4名访客中有1名会放弃一个需要超过4秒才能加载的网站吗？甚至搜索引擎也不喜欢这样的网站。因此，作为一名设计师，最好使用清晰和优化的图像。作为开发人员，应该尝试延迟加载这些映像。延迟加载图片使网站更快地加载。

第二，避免使用廉价的免费股票图片。每个人都用过它们，每个人都知道你什么时候使用它们！它制造了一种廉价的印象。因此，如果免费股票的形象并不完全是即席的，避免使用它。

第三，使用上下文图标(尤指偏好图标)。我们知道这是一件显而易见的事情，但令人惊讶的是，很多设计师甚至在2020年也没有这么做。这有助于传递正确的信息，并促进品牌建设。

第四，不要在同一网页上使用多种字体样式。不保持字体的风格一致性贯穿整个网页是另一个常见的网页设计错误。

11.未设计启用多语种语音的网站设计

今天，可以用多种语言建立网站，甚至可以添加基于语音接口的功能。但没有多少设计师和网站所有者正在利用这些网页功能。如果一个企业在不同的国家有客户，那么为了更好地吸引目标客户，网站可以用母语开发。为了提高可访问性，可以将基于语音的界面添加到网站中.谷歌在手机上的大部分搜索都是基于语音的。用户正在使用语音技术预订出租车、酒店等。如果在整个网站设计计划中不考虑语音和多语言方式，那将是一个错误。

记住来自不同国家的客户，您可能有兴趣了解您的网站如何在不同的国家和大陆以不同的方式出现和工作，以及如何执行地理定位跨浏览器测试。

12.不利用分析或测试确保跨浏览器兼容性

设计和内容一样，是一项可以迭代改进的创造性工作。使用复杂的分析工具，您的网站分析管理员可以向您提供用户如何导航您的网站的数据。此外，分析，测试可以帮助你发现断链接。根据分析输入，您可以发现在用户旅程中的缺陷。您可以确定哪些是有效的，哪些是需要改进的，哪些CTA正在被点击，哪些需要升级。

在成功地完成了开发阶段后，考虑到所有的网站设计问题和网站设计中要避免的错误，我们可以进入测试阶段。测试一个网站是一个不可缺少的步骤，因为世界上充斥着不同的设备，无论是物理上的还是内部的。跨浏览器测试、可用性测试和A/B测试只是几个例子，因为不同的目标需要不同的测试类型。

开发人员倾向于犯的最常见的网站设计错误之一是假设重新设计的网站是完美的，并且没有严格地进行浏览器兼容性测试。他们认为，由于重新设计的网站有类似的功能，严格的重新检查功能是没有意义的。尽管如此，这并不是一个好办法，在重新设计部分也是一个不可原谅的错误。有了这种心态，很多事情都会出错，比如跨浏览器兼容性。因此，始终测试您的网站，以同样的承诺，以优化和使它的错误，为您的观众，从而避免所有相关的网站设计问题。

一个网站可能是你的企业最重要的资产，所以你需要使它完美无瑕，以创造一个伟大的第一印象。但要做到这一点，你需要避免这些网页设计错误。

别担心。这些常见的网站设计错误是相当容易避免以及修复。识别他们是最困难的一步。但是现在你已经知道了这些错误，你可以很容易地避免或修正它们的前进。

那么，你是否犯了这些网页设计上的错误？是否有其他常见的网站设计错误，您想要添加到此列表？请输入下面的评论部分！

不管你是转行也好，初学也罢，进阶也可，如果你想学编程，进阶程序员~