我很喜歡原研哉在《設計中的設計》寫的一句話“解決社會上多數人共同面臨的問題，是設計的本質。”同理，網站改版也是這樣，要解決面臨的實際問題。

實際的問題則體現在：用戶體驗、或者比如產品改版以及其他原因導致的網站內容擴充不足的問題、再比如轉化率問題和其他營銷需求。

當然，也有很多純粹網站是美觀度問題，這樣的改版決策讓人感覺價值不高。同時，這也是我們客戶中的一個常態，這也反應了視覺風格對公司經營的重要性。

這類問題，我可能會建議直接用我們阿里雲的速美解決，這類SaaS工具的可操作性非常大。改版的話，直接用SaaS工具的後臺修改就好了，總之就是像PPT操作一樣簡單。但網站改版這件事並非小事，還是建議一定要前前後後想清楚再去執行。

一，確定你的網站需要改版嗎？

分為四個問題：

1.為什麼有必要重新設計？為了實現什麼目標？
2.公司近期的業務和營銷目標是什麼？是網站阻止了這個目標的實現嗎？
3.公司的目標用戶都是什麼樣的人？他們的網站使用習慣是什麼？還是小程序、H5更多？
4.為什麼要改變網站體驗？短期目標是什麼？長期目標是什麼？
如果這些問題都想清楚了，那就可以選擇去改版了

二，看看你適合哪種網站類型

企業展示型

以優先展示為主，其他功能可以為輔助，實質是將企業形象、經營理念、產品優勢、服務內容、辦公地點、招聘信息等，讓訪客通過互聯網第一時間瞭解你，不要糾結於更多複雜功能。“快速上線”是首要目標。

主要關注指標：品牌，也就是頁面美觀度、網站打開速度、網站安全性，以及也會考慮網站上線的速度，搭建的費用，這類企業在官網上花費的預算不會太高。

適合：政府、事業單位、B2B、餐飲、房地產、能源機械、文創等行業。

在線營銷型
公司的產品或服務不是純電商產品，而是需要在線推廣獲客，但線下交付。有產品詳情頁、在線諮詢、超級表單等功
適合：教育、裝修、B2B、醫療健康、家政、汽車等
主要關注指標：UV、線索，以及二者之間的轉化率。
比如之前奈雪的茶就是用我們阿里雲的建站SaaS工具，用於招商加盟。可選購網紅建站產品
​

電商交易型
適合實物產品、標準化虛擬產品或服務，需要在線售賣。有購物車、付款、會員管理等功能。
適合：快消品、服裝、食品、母嬰、在線教育、知識付費等行業。
主要關注指標：銷售額、訂單量、均單、LTV

新聞內容站
主要展示文章、圖片、視頻、直播等形式的內容，採取知識付費、電商、廣告或付費會員變現。
主要關注指標：網站UV、廣告點擊率、電商銷售額

外貿網站
主要用戶分佈在美國、歐洲、非洲、澳洲或者東南亞國家，為了用戶訪問網站的便捷度，服務器也需要放在境外（或者香港節點）。
主要指標：根據行業具體分析。如果是房地產、教育行業則關注線索，如果是電商則關注GMV。如果是非營利性組織，則關注品牌。

三，不同類型的網站如何改版

我建議，一定要了解用戶心理，其中的重點在於理解人類行為的本質。當然，這建立在你想清楚了第一章中我提到的問題，你的目的是什麼。

發揮共感（心理諮詢的專業名詞，指諮詢者不以外界客觀的或個人主觀的參照標準，而是設身處地的從來訪者的參照標準去體會其內心感受）。也就是說，一定要仔細瞭解客戶的需求，分辨清楚客戶的真實需求還是偽需求。

其實不僅C端，在B端建站行業也有很多偽需求，需要建站源代碼就是其中一個：部分建站用戶讓我們提供源代碼，就是看了很多誤導信息。但對於瞭解SaaS的都知道，這與單獨的網站代碼完全是不同的，難道要給你一整套系統的源代碼。

可一旦聽到說給源代碼就是好之後，便會盲目需要源代碼。但實際上，網站源代碼給你沒有運維團隊是沒用的，還不如交給專業的團隊來運維，保證網站的安全。所以，對於網站改版來說，一定要分清楚，哪些是用戶訴求，哪些是用戶看了別家網站提出的沒有價值的反饋。

其次，網站這件事是細節決定成敗。所以，我們就從四個網站的細節來講講，到底要如何改版。

1.導航改版
頂部導航的設計一般都是：logo+搜索+主導航+個人頭像+核心操作按鈕
如果這地方要改版，一定要想清楚三件事。

a.要用戶體驗還是產品特色？

確認你的產品階段，如果是初期建議可以展現特色，到了後期還是要注重用戶體驗。但如果這一款小眾產品，難用一點也沒有關係。

同時，我認為用戶體驗還是產品特色這個問題是可以兼顧的。我個人很喜歡知乎的頂部導航，兼顧用戶體驗和產品特色。

設置上強調了社區的特性，這是一個問答社區，所有搜索欄旁邊就是提問，且做了重點的藍色色塊處理，用視覺增加用戶點擊的慾望。

b.要用戶養成習慣還是提升用戶體驗？
從長遠來看，提升用戶體驗一定是有利的。但這也要注意不要一次大修改，小步過渡比較好。

甚至可以部分發布，比如之前我就有參與過知乎的新版本測試。

c．用戶價值優先

避免過多幹擾元素，比如主導航內容過多。可以參考，知乎的這類優先級方式，一級導航、二級導航，但是目前來看，信息也是過於冗雜與重複了，比如等你來答、回答問題、以及稍後答，其實是可以部分合並的。

2.輪播圖改版

1. 動態效果選擇好，對於用戶來說，一定是更為舒服的，在這裡我比較喜歡虎嗅的輪播圖效果，有一個小小的圓圈顯示當前輪播圖的時間。

同時，輪播圖，用戶只能一張看一張，有耐心的用戶是很少的，所以一定要採用簡明的價值主張

但更好的是，有清晰的細節，明確的CTA按鈕，引導用戶點擊。比如虎嗅這個網頁的輪播圖下方的板塊，時間線、24小時、以及最新，還有重要的虎嗅Pro會員部分，在CTA的設置均為紅色小按鈕。

但明顯，付費內容應該是這個網站很重要的一個收費內容，卻並未作出明確的區分。一致的按鈕並不能增強用戶點擊的慾望。對於自己的主要營收項目還是應該更為負責的作出CTA的區分的。此處的重點是需要利用視覺心理學，鼓勵用戶點擊。

3.適配問題

1. 明確什麼是適配問題，比如所謂的響應式網站，並不能完美解決適配問題。解決了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智能建站技術研發團隊任職，擔任高級算法工程師。*