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

01 寫在前面

從業(yè)以來(lái)，悠悠數(shù)載，雖然沒(méi)什么成績(jī)，但還是做了許多事情。

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

受到許多同學(xué)的喜歡，也有許多同學(xué)提出了很多寶貴的意見，稍后小胖將把大家的意見匯總，做個(gè)番外篇上來(lái)。

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

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

02 為什么要做首頁(yè)改版

好了，咱們直奔主題吧！

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

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

剛工作和工作不久的產(chǎn)品經(jīng)理可能告訴我，因?yàn)橹暗氖醉?yè)太老舊、不好看，這都是9012年了，上世紀(jì)的色調(diào)已經(jīng)不能滿足21世紀(jì)的審美！

那么工作三年的產(chǎn)品經(jīng)理們?cè)趺纯矗?/p>

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

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

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

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

1. 公司變革（大一統(tǒng)）

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

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

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

2. 政策調(diào)整

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

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

3. 升級(jí)換代

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

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

現(xiàn)在回頭來(lái)看，是很成功的。直至今日已經(jīng)形成年輕人用QQ，工作人士用微信的心理定位。

4. 年久失修

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

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

5. 老板需求

有一種需求叫做老板的需求，有一種愛叫做放手。

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

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

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

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

二般做法：

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

作為一個(gè)產(chǎn)品新人當(dāng)拿到作業(yè)之后，極大可能就會(huì)發(fā)生上邊兩種情況，雖然天下文章一大抄，但是！作為產(chǎn)品經(jīng)理還是要多講點(diǎn)套路。 也就是一般做法：

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

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

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

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

Step2：從用戶出發(fā)

是給普羅大眾使用，還是要賣給有錢人。

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

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

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

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

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

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

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

所以，你稍加注意就會(huì)發(fā)現(xiàn)，這類產(chǎn)品的地鐵宣傳海報(bào)大都是粉粉嫩嫩的妹子和小鮮肉以及一應(yīng)俱全的一個(gè)居家配飾，“年輕”、“居家”、“溫馨”這幾個(gè)關(guān)鍵詞就是這類產(chǎn)品首頁(yè)設(shè)計(jì)的關(guān)鍵要素了。

Step4：不要忘了銷售（但我不想說(shuō)一切為了銷售）

如果第1、第2、第3條比較務(wù)虛，那么第4條一定要是務(wù)實(shí)的。

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

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

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

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

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

#專欄作家#

小胖子奮斗，微信公眾號(hào)：夜來(lái)妖，人人都是產(chǎn)品經(jīng)理專欄作家。做了幾年產(chǎn)品。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議