网站改版神秘公式，教你躲避改版陷阱

​我很喜欢原研哉在《设计中的设计》写的一句话“解决社会上多数人共同面临的问题，是设计的本质。”同理，网站改版也是这样，要解决面临的实际问题。



实际的问题则体现在：用户体验、或者比如产品改版以及其他原因导致的网站内容扩充不足的问题、再比如转化率问题和其他营销需求。





当然，也有很多纯粹网站是美观度问题，这样的改版决策让人感觉价值不高。同时，这也是我们客户中的一个常态，这也反应了视觉风格对公司经营的重要性。



这类问题，我可能会建议直接用我们阿里云的速美解决，这类SaaS工具的可操作性非常大。改版的话，直接用SaaS工具的后台修改就好了，总之就是像PPT操作一样简单。但网站改版这件事并非小事，还是建议一定要前前后后想清楚再去执行。



一，确定你的网站需要改版吗？



分为四个问题：



1.为什么有必要重新设计？为了实现什么目标？



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



3.公司的目标用户都是什么样的人？他们的网站使用习惯是什么？还是小程序、H5更多？



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



如果这些问题都想清楚了，那就可以选择去改版了



二，看看你适合哪种网站类型



企业展示型



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



主要关注指标：品牌，也就是页面美观度、网站打开速度、网站安全性，以及也会考虑网站上线的速度，搭建的费用，这类企业在官网上花费的预算不会太高。



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





在线营销型



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



适合：教育、装修、B2B、医疗健康、家政、汽车等



主要关注指标：UV、线索，以及二者之间的转化率。



比如之前奈雪的茶就是用我们阿里云的建站SaaS工具，用于招商加盟。



选购阿里云企业建站服务https://ac.aliyun.com/promotion/promotion/webdesign?utm_content=g_1000163136





电商交易型



适合实物产品、标准化虚拟产品或服务，需要在线售卖。有购物车、付款、会员管理等功能。



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



主要关注指标：销售额、订单量、均单、LTV



新闻内容站



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



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





外贸网站



主要用户分布在美国、欧洲、非洲、澳洲或者东南亚国家，为了用户访问网站的便捷度，服务器也需要放在境外（或者香港节点）。



主要指标：根据行业具体分析。如果是房地产、教育行业则关注线索，如果是电商则关注GMV。如果是非营利性组织，则关注品牌。





可以参考更多案例https://ac.aliyun.com/promotion/promotion/webdesign?utm_content=g_1000163136



三，不同类型的网站如何改版



我建议，一定要了解用户心理，其中的重点在于理解人类行为的本质。当然，这建立在你想清楚了第一章中我提到的问题，你的目的是什么。



发挥共感（心理咨询的专业名词，指咨询者不以外界客观的或个人主观的参照标准，而是设身处地的从来访者的参照标准去体会其内心感受）。也就是说，一定要仔细了解客户的需求，分辨清楚客户的真实需求还是伪需求。





其实不仅C端，在B端建站行业也有很多伪需求，需要建站源代码就是其中一个：部分建站用户让我们提供源代码，就是看了很多误导信息。但对于了解SaaS的都知道，这与单独的网站代码完全是不同的，难道要给你一整套系统的源代码。



可一旦听到说给源代码就是好之后，便会盲目需要源代码。但实际上，网站源代码给你没有运维团队是没用的，还不如交给专业的团队来运维，保证网站的安全。所以，对于网站改版来说，一定要分清楚，哪些是用户诉求，哪些是用户看了别家网站提出的没有价值的反馈。





其次，网站这件事是细节决定成败。所以，我们就从四个网站的细节来讲讲，到底要如何改版。



1.导航改版



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



如果这地方要改版，一定要想清楚三件事。



a.要用户体验还是产品特色？



确认你的产品阶段，如果是初期建议可以展现特色，到了后期还是要注重用户体验。但如果这一款小众产品，难用一点也没有关系。



同时，我认为用户体验还是产品特色这个问题是可以兼顾的。我个人很喜欢知乎的顶部导航，兼顾用户体验和产品特色。



设置上强调了社区的特性，这是一个问答社区，所有搜索栏旁边就是提问，且做了重点的蓝色色块处理，用视觉增加用户点击的欲望。





b.要用户养成习惯还是提升用户体验？



从长远来看，提升用户体验一定是有利的。但这也要注意不要一次大修改，小步过渡比较好。



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



c．用户价值优先



避免过多干扰元素，比如主导航内容过多。可以参考，知乎的这类优先级方式，一级导航、二级导航，但是目前来看，信息也是过于冗杂与重复了，比如等你来答、回答问题、以及稍后答，其实是可以部分合并的。





2.轮播图改版



动态效果选择好，对于用户来说，一定是更为舒服的，在这里我比较喜欢虎嗅的轮播图效果，有一个小小的圆圈显示当前轮播图的时间。



同时，轮播图，用户只能一张看一张，有耐心的用户是很少的，所以一定要采用简明的价值主张





但更好的是，有清晰的细节，明确的CTA按钮，引导用户点击。比如虎嗅这个网页的轮播图下方的板块，时间线、24小时、以及最新，还有重要的虎嗅Pro会员部分，在CTA的设置均为红色小按钮。



但明显，付费内容应该是这个网站很重要的一个收费内容，却并未作出明确的区分。一致的按钮并不能增强用户点击的欲望。对于自己的主要营收项目还是应该更为负责的作出CTA的区分的。此处的重点是需要利用视觉心理学，鼓励用户点击。





3.适配问题



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



最近，我们团队最近就在解决这个问题。让每一种手机，无论是苹果、小米还是华为均可以实现完美适配，所以建议响应式网站要慎重入坑。



4.404页面设计



404一定会有的，比如支付宝崩了、知乎崩了、微博崩了，网页也是一样的，如果把404做得有趣一些，可以改善用户体验，能减少生气也是很棒的。



说不定还能因此，成了一次营销事件。会增加更多分享，比如这类有趣的404文案的操作。





四，如何检验改版效果？



1.数据分析



没有完美的网站，只有不断趋于完美的网站。要了解网站的运行情况，最好的方法就是数据分析。分析数据可以更好地了解网站访问者并提供优化方向。使用CNZZ和Google Analytics之类的工具可以让你了解客户的习惯，并帮助你了解网站用户的路径，包括网站流量的来源，流量、浏览时间、使用的设备以及许多其他字段的数据都可以通过使用分析工具获得。



建议上线后，收取三周到一个月之内的数据。同时，对比改版页面前后几周的PV、Session、以及跳转页面的相关数据，以此来确认改版效果，不行就再继续调整。



同时，取数据的时候建议把Url的大类和小类都取出来，这样做透视的时候可以通过分析小类，得到各区块访问波动。一定要对波动明显的区块分析具体Url，这样分析起来有重点，事半功倍。





2．AB测试



你还要不断迭代网站。迭代网站是一种信念，你应该定期更新和改进你的网站，而不是上线了之后就弃之不管了。



将A / B测试用作迭代网站的一种工具，这对于了解用户并获得最佳的用户体验非常有益。诸如按钮位置，颜色，字体，甚至标题或CTA的字眼都可能对你的转化率产生重大影响。



A / B测试会创建一个变体，并为你提供有关每个版本执行情况的数据。哪个版本最有效？是什么让你获得最精准的潜在客户？A / B测试需要真的不同的维度不同的功能持续不断的进行。





重点关注流量、转化指标，计算好数据，前后对比。重点是一定要提前留好旧页面的数据，做好新旧比对。



分析上线前后的PV和Session的占比，以及各小类PV/总PV，以及session的占比同理。再计算提升率 =（上线后占比–上线前占比）/上线前占比。这样分析出来的数据比较能说明问题。



最后，网站改版不可盲目，牵一发而动全身。一定要想清楚，网站的作用和公司要达成目标。



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



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