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

简介: 以知乎虎嗅为例,科学改版要领

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

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

1.png

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

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

一,确定你的网站需要改版吗?

分为四个问题:

1.为什么有必要重新设计?为了实现什么目标?
2.公司近期的业务和营销目标是什么?是网站阻止了这个目标的实现吗?
3.公司的目标用户都是什么样的人?他们的网站使用习惯是什么?还是小程序、H5更多?
4.为什么要改变网站体验?短期目标是什么?长期目标是什么?
如果这些问题都想清楚了,那就可以选择去改版了

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

企业展示型

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

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

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

安鲜达.jpg

在线营销型
公司的产品或服务不是纯电商产品,而是需要在线推广获客,但线下交付。有产品详情页、在线咨询、超级表单等功
适合:教育、装修、B2B、医疗健康、家政、汽车等
主要关注指标:UV、线索,以及二者之间的转化率。
比如之前奈雪的茶就是用我们阿里云的建站SaaS工具,用于招商加盟。可选购网红建站产品

电商交易型
适合实物产品、标准化虚拟产品或服务,需要在线售卖。有购物车、付款、会员管理等功能。
适合:快消品、服装、食品、母婴、在线教育、知识付费等行业。
主要关注指标:销售额、订单量、均单、LTV

新闻内容站
主要展示文章、图片、视频、直播等形式的内容,采取知识付费、电商、广告或付费会员变现。
主要关注指标:网站UV、广告点击率、电商销售额

外贸网站
主要用户分布在美国、欧洲、非洲、澳洲或者东南亚国家,为了用户访问网站的便捷度,服务器也需要放在境外(或者香港节点)。
主要指标:根据行业具体分析。如果是房地产、教育行业则关注线索,如果是电商则关注GMV。如果是非营利性组织,则关注品牌。

外贸网站.png

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

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

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

ÉãͼÍø_400486225_wx_»¥ÁªÍø³ÌÐò£¨ÆóÒµÉÌÓã©.jpg

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

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

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

ÉãͼÍø_501238720_wx_ÄêÇáÄÐÉè¼Æʦ°ì¹«£¨ÆóÒµÉÌÓã©.jpg

1.导航改版
顶部导航的设计一般都是:logo+搜索+主导航+个人头像+核心操作按钮
如果这地方要改版,一定要想清楚三件事。

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

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

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

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

网站改版案例.jpg

b.要用户养成习惯还是提升用户体验?
从长远来看,提升用户体验一定是有利的。但这也要注意不要一次大修改,小步过渡比较好。

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

c.用户价值优先

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

回答.jpg

2.轮播图改版

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

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

网站改版案例2.jpg

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

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

640-5.jpeg

3.适配问题

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

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

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

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

IMG_2778.PNG

四,如何检验改版效果?

1.数据分析

没有完美的网站,只有不断趋于完美的网站。要了解网站的运行情况,最好的方法就是数据分析。分析数据可以更好地了解网站访问者并提供优化方向。

使用CNZZ和Google Analytics之类的工具可以让你了解客户的习惯,并帮助你了解网站用户的路径,包括网站流量的来源,流量、浏览时间、使用的设备以及许多其他字段的数据都可以通过使用分析工具获得。

ÉãͼÍø_500113728_wx_ÉÌÎñÍŶÓÊý¾Ý·ÖÎö£¨ÆóÒµÉÌÓã©.jpg

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

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

2.AB测试

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

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

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

640-4.jpeg

重点关注流量、转化指标,计算好数据,前后对比。重点是一定要提前留好旧页面的数据,做好新旧比对。
分析上线前后的PV和Session的占比,以及各小类PV/总PV,以及session的占比同理。再计算提升率 =(上线后占比–上线前占比)/上线前占比。这样分析出来的数据比较能说明问题。

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

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

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

相关文章
优化是一种习惯●出发点是"站在靠近临界"的地方
优化是一种习惯●出发点是"站在靠近临界"的地方
52 0
|
24天前
|
安全 数据可视化 搜索推荐
做官网怎样才能不花冤枉钱?Websoft9 告诉您真相
客户想做官网却迟迟没有行动,可能是由多种因素导致,包括价格预算因素、技术评估困扰、服务商选型难题等多种原因,本文将帮您分析这些问题
47 3
做官网怎样才能不花冤枉钱?Websoft9 告诉您真相
|
机器学习/深度学习 存储 人工智能
大厂的广告系统升级,怎能少了大模型的身影
大厂的广告系统升级,怎能少了大模型的身影
253 0
Zp
|
XML 算法 IDE
提升:抛弃七条不良编码习惯
提升:抛弃七条不良编码习惯
Zp
124 0
|
开发工具
电脑屏幕太小不够用?这有妙招!
为什么需要分屏功能?其实需求场合有很多。比如,我现在屏幕很大,但我们的代码一般是左对齐,右边很空,这样我们就可以通过分屏来充分利用右边的屏幕。再如,我现在想同时查看多个文档,除了打开多个终端外,我们还可以通过分屏来达到我们的目的。
189 0
电脑屏幕太小不够用?这有妙招!
|
人工智能 程序员
AlphaGo程序出BUG了——第四局观感
AlphaGo程序出BUG了——第四局观感
107 0
国外隔离迷惑行为:这个网站帮你复现办公室白噪音,还能自行决定同事数量
国外隔离迷惑行为:这个网站帮你复现办公室白噪音,还能自行决定同事数量
148 0
|
编解码 算法 vr&ar
王荣刚:视频画质评定是个“大坑”
这是『下一代编解码器』系列采访的第8篇,LiveVideoStack采访了北京大学信息工程学院教授王荣刚,畅聊了从热门编解码器的比较到4K、短视频等应用场景,国产AVS2的演进,以及视频画质评定。
2060 0
|
搜索推荐 定位技术 UED
有图有真相 好图好流量 十个妙招优化网站图片
对于任何一个电子商务网站来说,图片优化都是必不可少的环节。图片对于消费者和网友的影响妙不可言,优化图片是一门网店里的艺术。图片的清晰度、吸引力和加载时间都将直接影响到你的用户。下面我们就为大家介绍一些优化图片的小技巧,希望能从图片的选择、处理、SEO优化等方面对你有所帮助。
1786 0
下一篇
无影云桌面