网站重新设计清单：成功的11个关键步骤

编者按：本文最初由Vin Gaeta于2017年5月发表。已对其进行了全面修订和更新，以反映当前网站重新设计的最佳做法和流程。

“网站设计”。

这两个词即使是最老练的营销人员也会不寒而栗。

如果做得好，网站重新设计可以改善人们对你网站的体验，并将其变成你最有价值的销售工具之一。

但是，当切角并跳过步骤时，会出现网站重新设计很容易脱离轨道浪费公司宝贵的时间和精力，最终对你的营销努力弊大于利。

但不要让这些高风险吓到你。

通过适当的规划、研究和一点远见，您可以使您的下一次重新设计获得巨大成功，并避免任何不必要的压力。

这正是为什么我编写了这个11步网站重新设计清单，以帮助您和您的团队取得成功。

在我们开始之前，重新设计网站是一项巨大的承诺，所以让我们谈谈如何判断是否是重新设计网站的时候。

如何判断是否到了重新设计网站的时候?

在投入宝贵的公司资源进行重新设计之前，你需要确保你是为正确的理由重新设计您的站点．虽然重新设计网站有很多好的理由，但也有很多不好的理由。

诸如“我再也不喜欢我们的网站了”或“我们的竞争对手刚刚重新设计了他们的网站”之类的问题都是重新设计的糟糕理由。

如果你的网站有效地吸引了访问者并转化了潜在客户，那就没有理由去改变它。让你的分析成为评判，而不是你自己的主观意见。

相反，问问自己这样的问题：

• 我们的网站目前是什么移动优化呢?
• 自从我们上次发布网站以来，我们的业务目标是否发生了变化？
• 我们当前网站上的品牌是否过时？
• 我们的网站功能正常吗？
• 我们在我们的网站上转换线索吗?

根据您对这些问题的回答，您应该清楚地知道是否是重新设计的时候了。

（这些问题也为以后为重新设计项目设定目标的基础打下了基础。

假设所有的迹象都指向重新设计，以下是你需要采取的11个关键步骤。

步骤1：建立专门的利益相关者团队

在任何重新设计网站的讨论发生之前，你需要组建一个网站工作组(或者简单的“网站团队”，但听起来不那么令人兴奋)来监督这个项目。

拥有一个专门的团队有助于避免“厨房里的厨师太多”的问题，这会真正减慢重新设计的进度。

这个团队应该是一个多元化的、跨职能的团队，由不超过5到7个人组成，最好来自不同的部门。

这有助于确保你从不同观点的人那里得到反馈。一个好的网站团队将会有来自:

• 面对客户的员工
• 你的营销团队成员
• 高层管理人员在C组
• 长期在贵公司工作的员工
• 专门从事UX/UI的设计师或开发人员

在这个团队中，你还需要确定谁将是这个项目的领导者——基本上，就是你十几岁的变异忍者海龟的莱昂纳多。

在团队内部进行审批和决策时，此人将拥有最终发言权，并最终确保项目继续进行。

有了您的团队，您就可以开始了！

步骤2:审核您当前的网站

你为重新设计所采取的准备和计划步骤通常是重新设计成功与否的明确指标。

最有益的事情之一，你可以开始是完成一个深入审计你当前的网站。

审核将使您对重新设计时必须使用的所有资产有一个鸟瞰视图，并让您了解站点当前哪些表现良好，哪些表现不佳。

审核网站时，您需要：

评估网站当前页面的性能

我推荐建立一个网站地图然后查看每个页面的分析，以查看任何明显的用户趋势。

总的来说，这将使您了解必须使用哪些页面。

通过分析流量、转换等，您将能够了解人们认为有用的页面、可能缺少的页面以及可以删除的页面。这一切都将在以后的时间里派上用场，当它的时间把你的新网站上的网站地图。

完成网站的搜索引擎优化审计

一搜索引擎优化审计是对您的搜索引擎优化工作的综合评估，以及您的网站的设置情况。

进行这种审计的目的是识别任何可能对您的有机搜索性能产生负面影响的问题。这可能是技术问题，如网站速度或内容相关，如缺少关键字。

平台如塞姆拉什,尖叫的青蛙,谷歌搜索控制台可以帮助确定任何问题与搜索引擎优化在您的网站上。

在为重新设计制定行动计划时，保留一份你发现的、你想解决的任何问题的运行列表。

查看当前网站上的内容

许多企业仍然错误地认为他们的网站就是他们自己的。他们的大部分内容都是为了告诉你他们有多伟大，以及为什么他们是独一无二的，而事实上，买家想知道一件事：

“你们公司能解决我的问题吗？”

你的网站如何回答这个问题?

试着浏览你的网站，数一数有多少句子中包含了“你”和“我们”这样的词。理想的比例是五比一也就是说，你提到的买家是你自己的五倍多。

如果你没有达到这个比例，那么它通常是一个明确的指标，表明你的内容需要重新设计，以关注买家的问题和需求。

步骤3：了解用户的旅程

类似于买家的旅程，用户旅程描绘了用户在购买过程中所经历的不同阶段，重点关注每个阶段中人们可能感受到的不同行动和情感。

了解用户在寻找什么，他们需要回答什么问题，以及他们在购买过程中如何在您的网站上寻找这些问题，是真正让自己成功的唯一途径。

在计划重新设计时，需要问自己的一个重要问题是“我们网站的用户旅程中是否存在漏洞？”

有几种方法可以帮助你找到答案。例如，一种方法是采访您的用户并向他们询问有关他们体验的问题。

什么原因使你决定购买X产品?网站上有什么让你失望的地方吗?你是怎么导航到X页的?

毕竟，我们的目标是尽可能地减少阻力，让玩家能够快速转换游戏。有什么方法能比实际询问他们更好地改善旅程呢?

您还可以设置用户测试，并要求受众在当前网站上执行不同的任务。服务，例如用户分析和UserTesting尽可能轻松地设置用户测试。

这将使您能够直接了解潜在客户如何与您的web体验互动，以及您需要在哪里解决他们的挫折。

用户在他们的旅程中从哪里跌落？他们始终与您站点的哪些区域进行交互？网站上是否存在任何重大问题或漏洞？

实现热映射工具，如热锅或幸运的橙色是查看快速更新的另一个好方法。这些工具通过对页面上获得最多和最少交互的不同元素进行颜色编码，让您更直观地了解人们如何与您的网站交互。

通过关注用户体验并减少任何摩擦，您将重新设计以产生真正的结果。

第四步：设定目标

正如我们之前发现的，你需要重新设计你的网站。现在是我们深入研究这些原因并设定一些具体目标的时候了。

要花那么多的钱和精力网站设计，知道它是否成功是至关重要的。为你的网站设定现实的目标以供参考和衡量将允许你做到这一点。

根据您在站点审计期间发现的内容，您应该对站点的哪些方面需要改进有一个很好的想法。这是一个创建目标的好地方。

例如，也许你注意到你当前的网站有一个稳定的流量流，但leads没有涌入。基于这一发现，你可以设定在6个月内将转化率提高1%的目标。

然而，单凭数据并不总能告诉我们全部情况。从团队成员那里获得想法也是很有价值的。向公司的不同团队成员发送调查是获得额外反馈的一种简化方式。

在IMPACT，我们在开始每个客户重新设计项目时都会发送一份调查，询问以下问题：

• 你决定重做网站的主要原因是什么?
• 你对网站的#1目标是什么？
• 你希望用户能够在你的网站上做的最重要的事情是什么？

这有助于我们真正理解在重新设计过程中需要关注的内容。

无论你设定的目标是什么，都应该传达给整个团队，这样在网站规划、设计和开发的过程中，他们就可以在脑海中浮现出来。

第五步:确定你的策略

了解了当前网站的性能和一系列明确的目标后，你就可以为实现这些目标制定策略了。

考虑到这一点，您的战略应包括：

新的网站地图

在您的站点审计期间，您很可能发现了一些性能非常好的页面，有些页面没有人访问，有些页面甚至不知道它们来自何处。您的新站点地图是您重新组织现有页面、删除旧页面以及添加可能丢失的新页面的机会。

我喜欢像下面的例子一样制作一个可视化的站点地图，这样我就可以理解每个页面的层次结构。

理想的用户流量

虽然你的用户旅程是人们进行购买时所经历的阶段，但你的用户流程会规划出人们在这些阶段内完成某项操作的理想步骤。

制定一个理想的用户流将帮助你开始思考人们如何与你的网站互动，从第一次访问到成为合格的潜在客户。

一旦你计划了用户如何浏览你的网站，你就可以开始弄清楚如何优化他们旅程的不同部分。

从上面的示例这样一个非常简单的用户流开始是完全可以的，因为一旦您启动了您的站点并收集了更多数据，您就可以返回并优化它：

关键词研究

进行关键词研究是优化新网站搜索和获取访问者所需信息的重要一步。

知道你理想买家搜索的条件，让你在写网站内容时使用相同的条件。这不仅可以帮助你在搜索引擎中排名更高，还可以在你的网站上更好地与你的受众产生共鸣。

当涉及到执行关键字研究时，使用诸如塞姆拉什可以为您节省大量时间，并为您提供最准确的见解。SEMrush附带了诸如关键字魔术工具、关键字分析器工具和位置跟踪工具等功能。

第六步:设定时间表

有了一个计划，你想如何实现你的目标，是时候为你的目标设定一个现实的时间表了。这里的关键词是现实的．

卓越的网站需要时间。您不希望创建一个太短的时间线，迫使您的团队匆忙完成重要步骤，或留下太多时间，缺乏紧迫感。

不幸的是，对于重新设计一个网站需要多长时间，没有什么神奇的答案。这在很大程度上取决于你的网站的规模，以及在此过程中你需要的审批水平，但你最好计划花费2-5个月的时间来重新设计网站。

考虑一下什么时候你肯定需要你的新网站。有什么活动要举行吗?贸易展览吗?如果有一些紧迫的事情，尽早开始，这样你就有足够的时间得到你想要的高质量的网站。

一旦你决定了你喜欢的最后期限，把最后期限分成几个小部分，并设定里程碑。这些里程碑将帮助您密切关注项目的进展情况。

在你完成项目的过程中，确保你在截止日期前跟踪你的进度，并在必要时重新调整你的截止日期。

第6步：回顾并更新（或创建）您的品牌风格指南

你的品牌风格指南是你公司拥有的最重要的工具之一（如果你目前没有，现在是时候做一个了！）

你的品牌是人们听到你的公司名称或看到你的标志时的想法。这是你作为一家公司代表什么和你是谁。

品牌风格指南确保你想要你的品牌表达的内容和你实际传达的内容是一致的。它是一套指导方针，可以让你的品牌被公司里的任何人理解和复制。

这就是为什么在你开始收集灵感并进入设计之前，确保这些文档得到更新是如此重要。

您需要确保品牌风格指南的两个主要部分得到更新和准确：所容纳之物和视力的．

内容风格指南

IMPACT自己的编辑总监莉斯Moorehead最好的描述了一个内容风格指南是“一套文件化的指导方针和规则，分解你的品牌个性，以及它是如何(和不是)通过你的内容表达出来的。”

内容样式指南通常包括以下元素：

• 品牌个性特征
• 品牌特定的复制规则、建议和偏好
• 基本编辑规则——语法、拼写等

相关的：如何创建内容样式指南

确保您的内容风格指南包含这些元素，并且内容风格指南中记录的您的声音和语调准确且最新。

视觉风格指南

视觉风格指南文件-惊喜的视觉元素，你的品牌。这可以是以下元素:

• 印刷术
• 图像处理
• 调色板
• 图示法
• 标志的使用

在查看视觉风格指南时，请考虑每个元素如何与公司当前的品牌保持一致。

是你的排版发出正确的信息？你有一个定义良好的调色板，唤起正确的情绪吗？人们应该如何在不同的用例中使用您的徽标？

从展开的品牌风格指南样品

一旦你的品牌风格指南整理好了，就该开始收集一些设计灵感了。

第七步:收集灵感，分析竞争对手

有了路线图，您现在可以开始考虑新站点的外观和感觉了。

我建议深入研究两三个竞争对手的网站，以及一两个行业外的网站。这将让您了解行业标准，以及您可以在哪里进行一些调整(只要对用户有利)。

收集这些资源还将使您能够作为一个团队讨论希望合并哪些视觉元素和样式。这最终有助于确认您的整个团队在重新设计的视觉方向上保持一致，并且与项目的总体目标保持一致。

寻找灵感时，试着回答以下问题：

• 当访问者访问你的网站时，应该有什么样的感觉？
• 你的新网站应该有哪些新的工具和功能？
• 您应该使用什么类型的图像和图形？

当你为你的新网站收集灵感时，确保你保存了你喜欢的不同元素。做到这一点的最佳方法是，在重新设计的设计阶段，为您的团队准备一个情绪板，以供参考。

如果你不熟悉情绪板，可以将其视为不同图像和文本的拼贴，从视觉上解释你想要设计的方向。

情绪板可以包括排版样式、布局示例、图像处理、图标、调色板，甚至是整个网站。

IMPACT情绪板样品

有很多不同的平台可以帮助你创建情绪板。您可以使用免费工具，例如品特烈或帆布或者，为了获得更多定制选项的高级体验，您还可以使用付费工具，如Invision董事会．

无论你使用什么工具，最终都取决于你和你的团队，但要确保你正在记录你收集到的灵感。

第八步：精心设计你的内容

在重新设计过程中，团队最难做的事情之一就是专注于内容之前设计。

团队很容易过度热情，想要直接进入设计，这样他们就可以看到所有的辛勤工作开始聚集在一起。而且，说实话，这通常是最有趣的部分。

他们认为“我们只需在完成后编写内容，并将其融入到我们所创建的设计中。”

这是你在重新设计网站时可能犯的最大错误之一。它将人们推入一种思维模式，认为内容更多的是事后的想法，总是可以在以后再做。更不用说试图将内容改造成一个已经存在的设计，很少会正确排列，通常会迫使您进行无法预见的设计修改，或者牺牲内容的质量。

你的内容应该总是支配你网站页面的布局。设计的目的是增强你的信息，而不是分散或压倒它。

许多人倾向于设计第一的方法，因为他们不确定在创建内容时从哪里开始。感觉就像看着一张白纸。

幸运的是，它不必有这种感觉。

我建议您查看一下新的网站地图，以获得所有需要内容的页面的高层次视图，并将这些页面分成更小的组，一次只处理一个组。您可以使用以下工具：Trello或收集内容来组织这些页面。

将页面组织成更易于管理的工作块后，开始创建内容线框，将每个页面上需要的内容和信息准确地分解。这将有助于你专注于每一页所讲述的故事，并消除那种一目了然的感觉。

在创建内容时，请确保您一直在寻找教育访问者的机会。

一个简单的练习是，看看你在教育访问者方面做得有多好，然后头脑风暴一下你经常从买家那里听到的关于你的产品或服务的前25个问题。确保你在新网站的页面上回答了这些问题。

此外，寻找机会在你的内容中包括以下内容:

• 自我选择的工具
• 付费内容，如电子书、白皮书和购买指南
• 视频
• 社会证明，如证明、客户评论和案例研究

这些都是强大的资产，可以用来教育和告知你的潜在客户，并让他们在购买过程中不断前进。

请记住，如果你曾经试图跳过“内容优先”的方法，而一个人对网站的第一印象是基于视觉效果的，那么它是强大而吸引人的内容，让他们参与其中并想要更多。

第九步：开始设计

作为一名设计师，我有点偏见，但这是最好的部分。现在是你终于开始努力工作的时候了，这几周的辛苦工作终于开始了，并开始成形。

这可能会吸引你潜入并开始设计你所有的页面，但相反，慢慢来，确保你得到持续的反馈，并在这一过程中买进。

使用工具，例如隐匿或赞贝林可以帮助简化您的反馈，使设计过程更具协作性。这两种设计工具都与当今的大多数设计工具集成在一起设计程序．

开始设计过程创建线框. 这些可以是简单的黑白设计，显示您希望如何在每个页面上布局内容。

样品冲击线框

线框将使您专注于内容，并确保以尽可能最佳的方式布置内容。

当您准备开始创建完整的页面设计时，首先设计高影响页面的前三或四个部分（我喜欢从主页开始），然后将设计带回团队进行反馈。

从长远来看，这可以确保设计方向正确，从而节省时间和不必要的修改。

一旦你的团队在设计方向上完全一致，你就可以开始比赛了。以你自己的方式浏览每一页，确保你得到了来自团队的持续反馈和认可。

如果您想更进一步，您甚至可以对新设计运行一些用户测试，并从实际用户那里获得反馈。

第十步：开发你的网站

开发通常是任何重新设计的最后阶段，我们的网站重新设计清单也不例外。

这是一个漫长的过程，所以在这个步骤中会有很多焦虑，但仓促的开发可能会导致灾难和延误。

按照SEO和行业最佳实践，以及你喜欢的设计，花足够的时间让网站编码干净。

在这一步中，您的团队(内部或外部)将把创建的平面设计模型转换为HTML、CSS和其他语言。

在开发页面时，请确保检查跨浏览器功能，以确保所有用户的体验一致。这让您放心，无论使用何种浏览器，您的网站都将完全按照预期显示，并确保您的用户获得完全优化的体验。

移动设备也是如此——浏览各种屏幕尺寸需要时间。

通常情况下，确定当时最流行的设备并测试它们是一个好主意。这可以让你在不同的设备上看到你的网站的真实快照，再次确保用户体验的一致性，不会让任何人失望。

第11步：启动你的新网站！

你已经成功了!经过几个月的审核、规划、设计和开发，您终于可以启动您的新站点了。这是超级兴奋!

在启动之前，确保你对你的网站进行了启动前的检查，以确认你的新网站的一切都是有序的，可以运行了。你的预发布评估应该包括:

• 检查是否有任何断开的链接
• 确保您的301重定向已全部设置
• 验证每个页面的元描述和页面标题是否正确
• 检查是否有任何损坏或丢失的图像

仔细检查所有这些项目不仅可以避免您在发布后急于尝试解决问题，而且还可以确保人们从使用旧网站顺利过渡到使用新网站。

当你确定一切都准备好了，发送那个网站，给自己倒杯饮料!

发布后立即确保所有页面都呈现正确，分析和热图跟踪代码到位，并提交了新的站点地图谷歌搜索控制台．

所以现在你可以回过头来看着潜在客户流入，对吗？错误的

计划实验，然后冲洗并重复

你的全新网站已经开发并发布，但乐趣并不止于此。现在，您必须开始收集和审查新设计的用户数据。

与您的团队一起计划A/B测试不同布局或功能的实验，以帮助改进用户体验。首先关注你网站上最重要的页面，尽可能多地重复步骤6-10，直到你最终达到目标（然后设定新目标！）。

这些测试和后续更改只会有助于改善网站的用户体验、潜在客户开发和总体效率。

记住，准备是关键

这是我们的网站重新设计清单！照本宣科并不总是容易的，尤其是在有严格的截止日期或时间限制的情况下。然而，尽可能密切地关注它将有助于使您的新网站成为您一直想要的流量驱动、潜在客户生成机器。

请记住，当考虑开始重新设计项目时，第一步是始终评估您想要重新设计站点的原因。确保你的决定背后有合理的理由。

从这里开始，重新设计的成功将取决于投入适当的时间进行准备和规划。

确保你了解一些事情，比如你需要使用哪些现有资产，你想要改进网站的哪些方面，你将跟踪哪些目标以确保你的重新设计是否成功?

遵循这些步骤，你就不会出错。

快乐的重新设计！