12 个常见的网站设计错误，损害了许多企业，你知道吗？

hwyzw

    网站是每个企业的支柱，这已不是什么秘密。如果您希望您的企业在新冠肺炎 (COVID-19) 时代取得成功，您必须拥有一个精心设计的网站。由于社交距离，更多潜在客户通过公司网站搜索信息。

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

    为了给您带来优势，我们列出了 12 个常见的网站设计错误，这些错误对许多企业造成了伤害。在设计网站时避免使用它们，您应该能够在转化访问者方面取得更大的成功。

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

    在我们详细讨论这些常见的网页设计错误之前，了解网页设计的含义至关重要。网页设计是以漂亮的布局迭代地制定战略、概念化和交付信息和整个业务功能的过程。

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

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

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

    12 个常见的网页设计错误

    我们都知道犯错误是人之常情，但首先避免犯错误则是神圣的。考虑到这一点，以下是您必须避免的 12 个常见网页设计错误。

    1. 在实施之前不要选择设计思维方法

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

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

    设计思维方法使设计人员能够确定目标、项目范围、构建业务功能、了解用户需求、技术能力、解决方案的可行性和有效性。所有这些都有助于设计人员收集数据点，设计正确的站点地图和线框图，然后跳入一些设计软件。

    请记住：如果您不了解您的客户，您将无法为他们设计一个好的网站。因此，要有同理心并进行用户研究，以了解客户关心什么。

    2. 不确定网格和列的优先级

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

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

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

    3、不规划层次美学

    大多数设计师需要避免的另一个网页设计错误是没有针对内容的视觉层次结构（包括 CTA）制定策略。通过设计有效的视觉层次结构可以有效地实现精心设计的用户旅程。这可以通过使用有吸引力的文字、颜色、图像和小动画来实现。这些元素之间的间距及其大小对于推动用户参与度也至关重要。出错意味着用户互动减少，并可能损害您的业务盈利能力。

    4. 不优先考虑直观的导航和可访问性

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

   

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

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

    从可访问性的角度来看，文本大小、颜色对比度、页面标题、图像替代文本、键盘可访问性、移动和闪烁内容（例如轮播、广告、自动播放视频、滚动新闻源和刻度）是网站的重要方面成分。患有远视的人可能希望在较小的设备上放大内容。有视觉障碍的人可能更喜欢语音而不是文本。注意力不集中的用户可能想要暂停轮播等。一个好的网页设计将所有这些融入到图像中，以提高网站的可访问性。做错了可能会导致糟糕的用户体验并损害您的业务。这是直观网页设计的示例：

    上面来自  的示例展示了他们如何以人们可以想象的最佳方式使用搜索功能。内置了易于使用的网站搜索功能，无需使用选项卡式菜单项，适合不同的用户。

    5. 不遵守安全第一、响应式设计方法

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

    除了安全性之外，设计还必须在浏览器和设备之间具有响应性和一致性，以提供全面的体验。网站开发中最大的网站设计错误之一是为不同的平台和设备设计不同的用户旅程和路线图。首要任务应该是在设备之间保持尽可能多的一致性。更好的是，您可以在发布之前检查响应。像 中的工具可以让您轻松设计响应式网站。

    6.网页设计内容过多

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

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

    将整个网站界面划分为不同的网页，例如产品列表、产品信息、用户配置文件、用户交互等。然后，将每个网页界面组件划分为可重用的块和组件。这些组件中的每一个都应该专注于提供功能。例如，轮播、简短的用户简介、产品描述、评论等。接下来，使用这些组件来构建整个网站。这种方法确保了网页的快速开发和可扩展性。这是一个令人困惑和糟糕的网站设计的例子：

    7. 没有明确的号召性用语

    没有明确的 CTA 是另一个常见的网页设计错误。网站就像营销和销售漏斗或管道。您的网站访问者通过这个渠道，从潜在客户阶段进入转化客户阶段。如果没有在正确的地方明确的“号召性用语”，许多受欢迎的前景可能不会改变。过度使用 CTA 也会导致令人烦恼的前景。

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

    我们都知道图像和图形是网页设计的关键部分。如果做得好，图像可以清楚地向访问者传达信息。如果做得不对，它们可能会让读者感到困惑。许多企业仍然不重视自己的形象，而是使用低质量和不相关的图像。不要犯这个错误，因为低质量的图像会破坏您的网站并关闭您的访问者，这会损害您的转化。同样，不相关的图像只会让访问者感到困惑并诱使他们不采取所需的操作。不过，您不应该在网站上放置太多图片，因为它们会分散 CTA 的注意力，导致转化率下降。

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

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

    第一个对 SEO 至关重要的网页设计错误是没有专门的自定义 404 页面模板。您可以为您的域创建一个自定义 404 页面，以便为用户提供相关内容，也可以使用 302 或 301 重定向链接到网络上的其他页面。您网站上的损坏链接可能会损害商业声誉。用户认为该网站是一个骗局，并且产品/服务不合格。使用 302 或 301 重定向可以轻松处理这些损坏的链接。对于链接断开的外部站点，您必须不断测试、识别和替换这些链接。

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

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

   

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

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

    首先，一个巨大的网页设计错误是没有优化你的网站图像。大图像会使网站加载速度变慢。如果您的网站加载缓慢，可能会严重影响您的转化。您是否知道四分之一的访问者会放弃加载时间超过 4 秒的网站？甚至搜索引擎也不喜欢这样的网站。因此，作为设计师，最好使用清晰且优化的图像。作为开发人员，您应该尝试延迟加载这些图像。图像的延迟加载使网站加载速度更快。

    其次，避免使用廉价的免费库存图片。每个人都用过它们，并且每个人都知道何时使用它们！给人一种廉价的印象。因此，如果免费库存的形象不是完全即兴的，请避免使用它。

    第三，使用上下文图标（尤其是首选项图标）。我们知道这是一件显而易见的事情，但令人惊讶的是，即使在 2020 年，仍有许多设计师没有这样做。这有助于传递正确的信息并促进品牌建设。

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

    11. 不设计多语言语音网站设计

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

    考虑到来自不同国家/地区的客户，您可能有兴趣了解您的网站在不同国家/地区和大洲的显示和工作方式有何不同，以及如何执行地理定位跨浏览器测试。

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

    设计和内容一样，是一种可以迭代改进的创造性努力。使用复杂的分析工具，您的网络分析管理员可以为您提供有关用户如何浏览您的网站的数据。此外，分析和测试可以帮助您发现损坏的链接。根据分析输入，您可以发现用户旅程中的缺陷。您可以确定哪些正在运行，哪些需要改进，哪些 CTA 被点击，哪些需要升级。

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

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

    留给你

    网站可能是您企业最重要的资产，因此您需要使其完美无缺才能创造良好的第一印象。但要做到这一点，您需要避免这些网页设计错误。

    不用担心。这些常见的网站设计错误很容易避免和修复。识别它们是最困难的一步。但既然您意识到了这些错误，您就可以轻松地避免或修复它们。

    那么，你犯过这些网页设计错误吗？您还想将其他常见的网站设计错误添加到此列表中吗？请在下方评论区留言！

    无论你是转行，还是初级，还是进阶，如果你想学编程，就成为进阶程序员吧~

    【值得关注】我的C语言创客中心！

    C语言介绍信息：