首頁(yè)改版怎么做？首頁(yè)（我有4次經(jīng)驗要與你分享）

首頁(yè)改版怎么改？作者從本身的工作實(shí)踐出發(fā)┐(′д｀)┌，分享了自己的改版一套改版方法論，供大家參考學(xué)習。次經(jīng)

01 寫(xiě)在前面

從(′?｀*)業(yè)以來(lái)，驗分悠悠數載，首頁(yè)雖然沒(méi)什么成績(jì)??，改版但還是次經(jīng)做了許多事情。

非常感謝各位捧場(chǎng)，驗分上篇針對“優(yōu)惠券”設計(ji)的首頁(yè)經(jīng)驗總結文章《優(yōu)惠券??設計全流程復盤(pán)：從業(yè)務(wù)到需求，從需求到實(shí)現》

受到許多同??學(xué)的改版喜歡，也有許多同學(xué)提出了很多寶貴的次經(jīng)意見(jiàn)，稍后小胖將把大家的驗分意見(jiàn)匯總，做個(gè)番外篇上來(lái)。首頁(yè)

趁熱打鐵，改版正好最近又在??做首頁(yè)改版的次經(jīng)事情，并且仔細一想，小胖做過(guò)的改版工作也有幾次了，正好一起分析總結給大家來(lái)作為以后類(lèi)似工作的參考。

回顧以往的工作，有4次首頁(yè)改版是小胖認為比較重要和有價(jià)值的，分別是：酒店WEB網(wǎng)站首頁(yè)改版、酒店WAP網(wǎng)站改版、電商小程序首頁(yè)改版（2次）。

好了，咱們直奔主題吧！

作為產(chǎn)品經(jīng)理，小胖認為最重要的就是多問(wèn)為什么，并且能夠盡量找到自己滿(mǎn)意的答案。

那么，為什么要做首頁(yè)改版？

剛工作和工作不久的產(chǎn)品經(jīng)理可能告訴我，因為之前的首??頁(yè)太老舊、(′?｀*)不好看，這都是9012年了，上世紀的色調已經(jīng)不能(???)滿(mǎn)足21世紀的審美！

那么工作三年的產(chǎn)品經(jīng)理??們怎么看？

為了公司和產(chǎn)品的品牌形象；為了讓用戶(hù)更愿意用，最終為了讓用戶(hù)更愿意掏出自己的錢(qián)包。

坊間怎么說(shuō)？公司剛來(lái)了一個(gè)產(chǎn)品總監，待遇挺高，??沒(méi)事兒就折騰我們做首頁(yè)改版，真的沒(méi)有其他事情可以做了么？

當然，玩笑歸玩笑，嬉鬧過(guò)后咱們還是要分析一下，為什(′▽?zhuān)?么要改版？

小胖自己(⊙_⊙)總結了5個(gè)主要原因（小伙伴可??以留言補充）：

1.?? 公司變革（大一統）

進(jìn)行首頁(yè)改版的第??一個(gè)原因是公司經(jīng)歷過(guò)或者正在遭受重大變革，所以要進(jìn)行改版。

比如小(xiao)胖之前在做的酒店web首頁(yè)改版，一個(gè)很重要的原因就是，集團剛剛完成了幾輪(′?｀*)收購，兼并了幾家酒店，之前單一的幾個(gè)集(??-)?團下屬酒店的官網(wǎng)，無(wú)論是從設計還是內容本身都不能夠完整展示集團的實(shí)力和品牌的風(fēng)(feng)格。

因此，需要對之前的老版本首頁(yè)進(jìn)行重新設計，使之(zhi)能夠統一風(fēng)(feng)格。

2. 政策調整

最近在做的一次品牌首頁(yè)改版則是另外的原因，去年同時(shí)間做過(guò)一次調整，但是今年??業(yè)務(wù)政策發(fā)生了很大的改變，所以，之前的首頁(yè)設計已經(jīng)不能夠滿(mǎn)足今年的業(yè)務(wù)需求了。

簡(jiǎn)單來(lái)講，之前是以門(mén)店的利益作為出發(fā)點(diǎn)來(lái)設計，??而今年的設計則是更??多的從使用者的角度來(lái)考慮，很大程度和比重削弱了門(mén)店的利益。

比如手Q5.0??版本在2014年8月1日發(fā)布??的版本，就是升級換代的杰出代表。

在當時(shí)用戶(hù)量面臨被兄弟公司微信蠶食的窘境之下，手(shou)機QQ 5.0版本可以說(shuō)是一個(gè)非常成功的版本，以一種壯士斷腕的氣魄，進(jìn)行了從U??I到框架的全面改版。

4. 年久失修

有時(shí)候產(chǎn)品(/ω＼)首頁(yè)作為公司或者產(chǎn)品的門(mén)臉，如果年久失修也會(huì )影響公司形象，降低用戶(hù)對品牌的信賴(lài)度。

所以，每隔10年左右進(jìn)行一次重新“裝修”也是有必要的（當然不是一定要）。

5. 老板需求

有一種需求叫做老板的需求，有一種愛(ài)叫做放手。

有時(shí)候老板對一件事情起了執念，那么作為ヽ(′?｀)ノ過(guò)來(lái)人，我想告訴你一定不要想著(zhù)跟老板打持久戰。

想一個(gè)讓老板滿(mǎn)意，又不是那么麻??煩的方案或許會(huì )讓你事半功倍。

首頁(yè)改版??也一樣。

03 首頁(yè)改版到底怎么改？??

二般做法：

跟同類(lèi)競品比較，人家都(//ω//)這樣做了，咱們趕緊跟上！外來(lái)的和尚好念經(jīng)，瞅瞅外國網(wǎng)站是怎么做的，師夷長(cháng)技！

Step1：從產(chǎn)品和品牌定位出發(fā)

（可以參見(jiàn)拙作《產(chǎn)品經(jīng)理的12堂廣告課：當營(yíng)銷(xiāo)核心理論遇上產(chǎn)品需求》。

定位只要分中、高、低端；品牌形象主要影響用戶(hù)對產(chǎn)品和品牌的安全??感、信任感；另外，根據大家的普遍認知，高顏值一般也代表了高價(jià)格。

所以，改版的第一步是要首(╯°□°）╯︵ ┻━┻先定好(′?_?`)自己產(chǎn)品的基調，無(wú)論是高大上的奢侈品網(wǎng)站，還是看起來(lái)low low的《貪玩藍月》，適合自己的就是最好的。

Step2：從用戶(hù)出發(fā)

是給普羅大眾使用，還是要賣(mài)給有錢(qián)人。

是給互聯(lián)網(wǎng)一代用戶(hù)用，還是給老爸老媽用；等等。

人很容易陷入自high中，即??使我們沒(méi)有白居易的精神，但至少真的多為自己那一圈用戶(hù)多考慮，而不是(shi)高高在上。

Step3：從場(chǎng)(??-)?景出發(fā)

比如，是出差用？還是旅游用？是一個(gè)人用？?jì)蓚€(gè)人用？還是幾個(gè)人用？

用多久：幾個(gè)小時(shí)、幾天、幾周、幾個(gè)月等……

移動(dòng)互聯(lián)網(wǎng)時(shí)代以來(lái)大家都很推崇“場(chǎng)景化營(yíng)銷(xiāo)”和“場(chǎng)景化設計”，就像產(chǎn)品經(jīng)理們如同導演一樣，給用戶(hù)設計好劇情，然后用戶(hù)就會(huì )被劇情所打動(dòng)，進(jìn)而進(jìn)入產(chǎn)品經(jīng)(°□°)理(li)設下的圈套。

舉個(gè)例子說(shuō)明一下：像魔方公寓、蛋殼公寓之前大火，就是因為作為剛畢業(yè)出來(lái)參加工作的大學(xué)生們，很難處理好跟房產(chǎn)中介和老房東們的關(guān)系，所以，讓你領(lǐng)包入住、無(wú)中(zhong)介費、無(wú)需跟房東打交道、又可以認識新朋友的短租公寓就出來(lái)了！

所以，你稍加注意就(jiu)會(huì )(hui)發(fā)現，這類(lèi)產(chǎn)品的地鐵宣(?_?;)傳海報大都是粉粉嫩嫩的妹子和小鮮肉以及一應俱全的一個(gè)居家配飾，“年輕”、“居家”、“溫ヾ(′▽?zhuān)??馨”這幾個(gè)關(guān)鍵(╯°□°)╯詞就是這類(lèi)產(chǎn)品首(????)頁(yè)設計的關(guān)鍵要素??了。

St┐(′д｀)┌ep4：不要??忘了銷(xiāo)售（但我不想說(shuō)一切為了銷(xiāo)售）

無(wú)論是從評價(jià)一個(gè)產(chǎn)品的好壞成敗，還是用來(lái)評價(jià)產(chǎn)品??經(jīng)理們自身，你做的東西最終都會(huì )有一個(gè)評價(jià)標準，或者說(shuō)只有一個(gè)評價(jià)標準。 那就是(shi) — 帶來(lái)銷(xiāo)售！

還是(shi)以例子來(lái)解釋。比如當我們隨便打開(kāi)一個(gè)OTA產(chǎn)品，你第一眼看到的是什么就是產(chǎn)品經(jīng)理們最想讓你去做的事情，所謂“所見(jiàn)即所得”就是這個(gè)意思。

“查找/搜索”便是一般OTA產(chǎn)品首(′ω｀)頁(yè)最為突出的部分。具體的展現方式(°□°)其實(shí)目前主流又分開(kāi)兩類(lèi)，一類(lèi)是以攜程為首的網(wǎng)格設計（上圖），另一類(lèi)雖然日漸式微，但部分酒店類(lèi)APP還是在堅持（上圖）。

04 首頁(yè)改版的一些注意(yi)事項

關(guān)于數據：做(zuo)好改版前和改版后的數據采集和分析對比做好A/B測試：不是每一次的改版都會(huì )成功，可以先小范圍??進(jìn)行測試一下，如果效果不好還可以挽尊。內(′▽?zhuān)?容團隊對接及準備：因為像PC官網(wǎng)是需要大量設計圖片素材的，一定要在項目起始就要拉上設計師合(′-ι_-｀)內容團隊參與，保證上線(xiàn)前可以做好素材。權限設置和延展性：一方面針??對內部員工，不同的事業(yè)部、不同的崗級、不同的部門(mén)要區分好權限；或者先圈定哪一部分人是有權限的，哪一些人是沒(méi)有權限的。另一方面，針對外部系統預留一些字段，為后續的異業(yè)合作做好(hao)準備。