网站改版这件事并非小事，还是建议一定要前前后后想清楚再去执行

​我喜欢原研哉在《 in 》中写的一句话：“解决社会上大多数人面临的问题完美官网搜索栏代码，才是设计的精髓。”网站修订也是如此。问题。

实际问题体现在：用户体验，或其他原因导致的产品改版、网站内容扩展不足等问题，如转化率问题等营销需求。

当然，也有很多纯粹的审美问题让这样的重新设计决定感觉不那么有价值。同时，这也是我们客户的常态，也体现了视觉风格对公司运营的重要性。

对于此类问题，我可能会建议直接使用我们阿里云的速美来解决这些问题。这样的SaaS工具具有很好的可操作性。修改直接使用SaaS工具的后台修改即可。总之就是像PPT操作一样简单。不过网站改版也不是小事，建议大家在实施前一定要考虑清楚。

一，您确定您的网站需要修改吗？

四个问题：

1.为什么需要重新设计？达到什么目的？

2.公司近期的业务和营销目标是什么？是网站阻碍了这一目标的实现吗？

3.公司的目标用户是谁？他们的网站使用习惯是什么？还是有更多的小程序和H5？

4.为什么要改变网站体验？短期目标是什么？长期目标是什么？

如果这些问题都清楚了，那么你可以选择修改版本

二、看哪种类型的网站适合你

企业展示类型

主要以显示为主，其他功能可以辅助。本质是通过企业形象、经营理念、产品优势、服务内容、办公地点、招聘信息等更复杂的功能，让访客通过互联网第一时间了解你。 “快速上市”是首要目标。

主要关注指标：品牌，即页面美观、网站打开速度、网站安全，同时还要考虑网站上线速度和建设成本。这样的公司不会在官网上花太多钱。

适用于：政府、事业单位、B2B、餐饮、房地产、能源机械、文化创意产业等行业。

在线营销

公司的产品或服务不是单纯的电商产品，需要线上推广获取客户，线下交付。具有产品详情页、在线咨询、超级表单等功能。

适用于：教育、装修、B2B、医疗、家政、汽车等

需要关注的关键指标：UV、潜在客户和转化率。

比如，奈雪的茶利用我们阿里云的建站SaaS工具来招商加盟。

电子商务交易类型

适用于需要在线销售的实物产品、标准化虚拟产品或服务。有购物车、支付、会员管理等功能。

适用于：快消品、服装、食品、母婴、在线教育、知识支付等行业。

关注的主要指标：销量、订单量、平均订单量、LTV

新闻内容站

主要以文章、图片、视频、直播等形式展示内容，通过知识付费、电商、广告或付费会员等方式变现。

主要关注指标：网站UV、广告点击率、电商销售额

外贸网站

主要用户位于美国、欧洲、非洲、澳大利亚或东南亚国家。为了方便用户访问网站，服务器也需要放置在海外（或香港节点）。

主要指标：按行业具体分析。如果是房地产和教育行业，请注意线索，如果是电子商务，请注意GMV。如果是非营利组织，请关注品牌。

您可以参考更多案例

三、如何重新设计不同类型的网站

我建议了解用户心理学，它侧重于了解人类行为的本质。当然，这前提是你已经弄清楚了我在第 1 章中提到的问题以及你的目的是什么。

（心理咨询的专业术语，指咨询者不使用外在客观或个人主观的参考标准，而是将自己置于来访者的参考标准中，体验自己的内心感受）。也就是说，我们要认真了解客户的需求，区分客户的真实需求和伪需求。

其实不仅C端，B端建站行业都有很多伪需求，其中之一就是需要建站源代码：有的建站者要求我们提供源代码，但他们阅读了很多误导性信息。但是对于那些了解 SaaS 的人来说，这与单独的网站代码完全不同。要不要给你整个系统的源代码。

但是一旦你听说给源代码好，你就会盲目地需要源代码。但实际上，没有运维团队，给你网站源码是没有用的。最好交给专业的团队来操作和维护，以确保网站的安全。因此，网站改版需要分清哪些是用户需求，哪些是看过其他网站的用户的无价值反馈。

其次，细节决定了网站的成败。因此，我们将讨论四个网站的详细信息以及如何修改版本。

1.导航改造

顶部导航的设计一般为：logo+搜索+主导航+个人头像+核心操作按钮

如果要改造这个地方，需要考虑三件事。

一个。想要用户体验或产品功能？

确认您的产品阶段。如果是初步建议，您可以显示功能。后期还是要注重用户体验。但如果这个小众产品很难用，那也没关系。

同时，我认为用户体验和产品功能的问题是可以考虑的。我个人喜欢知乎的顶部导航，兼顾用户体验和产品功能。

设置中强调了社区的功能。这是一个问答社区。所有的搜索栏都在问题旁边，并且对关键的蓝色块进行了处理，在视觉上增加了用户的点击欲望。

b.您希望用户养成习惯或改善用户体验吗？

从长远来看，改善用户体验一定是有益的。不过这个也要注意不要大改，还是小步过渡比较好。

甚至可以部分发布，比如我之前参加过知乎的新版本测试。

c。用户价值第一

避免过多分散注意力的元素，例如主导航中的内容过多。可以参考知乎的这种优先方式，一级导航，二级导航，但是目前信息过于复杂重复，比如等你回答，回答问题，以后再回答，其实就是可能部分合并。

2.轮播图片修改

如果动态效果选得好，一定会让用户感觉更舒服。这里我更喜欢虎嗅的轮播效果。有一个小圆圈显示当前轮播的时间。

同时用户只能查看轮播的一张图片，耐心的用户很少，所以必须采用简洁的价值主张

但更好的是，有清晰的细节，清晰的 CTA 按钮，引导用户点击。比如虎嗅的轮播图下方板块，时间线、24小时、最新，以及虎嗅专业版的重要会员板块，都是CTA设置中的红色按钮。

但显然，付费内容应该是本网站非常重要的付费内容，但并没有明确区分。一致的按钮不会增强用户的点击欲望。对于他们的主要收入项目，他们应该更多地负责区分CTA。这里的重点是您需要利用视觉心理学来鼓励用户点击。

3.适应问题

明确什么是适配问题，比如所谓的响应式网站，并不能完美解决适配问题。解决了PC端和手机端的问题。还有不同的手机型号和浏览器问题。

我们的团队最近一直在努力解决这个问题。让每一款手机，不管是苹果、小米还是华为，都能完美适配，所以建议响应式网站慎入坑。

4.404 页面设计

404 肯定会发生。比如支付宝崩溃，知乎崩溃，微博崩溃，网页也是如此。如果你让 404 变得更有趣，它可以改善用户体验并减少愤怒。这也很棒。

也许正因为如此，这可能是一场营销活动。更多分享会增加，比如这样有趣的404文案的操作。

四、如何测试改版效果？

1.数据分析

没有完美的网站，只有完美的网站。了解您的网站运行情况的最佳方法是通过分析。分析数据可以更好地了解网站访问者并提供优化方向。使用 CNZZ 之类的工具可以让您了解客户的习惯，并帮助您了解网站用户的路径，包括您的网站流量来自哪里、流量数据、浏览时间、使用的设备等等字段可通过使用分析工具获取。

建议在上线后三周到一个月内收集数据。同时对比修改页面前后几周的PV，以及跳转页面的相关数据，确认修改效果，如果不行就继续调整。

同时，在取数据的时候，建议把Url的大类和小类都拿出来。这样做时，您可以分析子类别以获得每个块的访问波动。对于波动明显的区块，一定要针对具体的Urls进行分析，这样分析才有重点，结果成倍增长。

2。 AB测试

您还不断地在您的网站上进行迭代。对网站进行迭代是一种信念，即您应该定期更新和改进您的网站，而不是在网站上线后就放弃。

使用 A/B 测试作为一种工具在您的网站上进行迭代非常有助于了解您的用户并获得最佳的用户体验。按钮位置、颜色、字体完美官网搜索栏代码，甚至标题或 CTA 等字词都会对您的转化率产生重大影响。

A/B 测试会创建一个变体，并为您提供有关每个变体执行情况的数据。哪个版本最有效？什么能让你获得最准确的线索？ A/B 测试需要在真正不同的维度和不同的特性上持续进行。

关注流量和转化指标，计算数据并进行前后对比。关键是要提前保留旧页面的数据，做好新旧对比。

分析上线前后PV sum的比例，以及每个小类型PV/总PV的比例，sum的比例是一样的。然后计算推广率=（上线后比例-上线前比例）/上线前比例。这样分析的数据可以说明问题。

最后，网站改版不能盲目，会牵一发而动全身。清楚地考虑网站的作用和公司要实现的目标很重要。

图片来自摄图网及阿里云建站团队案例库

希望今天的分享对你有所帮助。如果您对云计算和网站建设有任何疑问，可以私信我。我是贝科，康奈尔大学CS（计算机科学）硕士，连续创业者，目前在阿里云AI智能建站技术研发团队担任高级算法工程师，欢迎关注。