頁面分析的重點在于重組信息元素，按鈕的位置類似的問題并不是產(chǎn)品設(shè)計的重點。對于產(chǎn)品經(jīng)理而言，最重要的技能就是按照合理化的方案和產(chǎn)品的預(yù)期對頁面進行管理。

頁面分析是產(chǎn)品經(jīng)理最底層的技能之一，毫不起眼但是也最容易被忽略。我遇到過不少產(chǎn)品經(jīng)理，談起行業(yè)前景和用戶痛點時，全程無尿點技能滿格；甚至有些認為自己想出了絕佳的idea，可以顛覆生態(tài)。然而一看到他負責(zé)的實際產(chǎn)品，期望值瞬間加速度下降。

很多人認為，偉大的觀點本身的價值可以遠遠抵消基本功上的薄弱。業(yè)內(nèi)最牛逼的產(chǎn)品經(jīng)理并不是基本功最扎實的而是想法最先進最超前最獨特的。關(guān)于想法在產(chǎn)品經(jīng)理技能中的作用，我不否認非常重要，但是牛逼的想法在產(chǎn)品經(jīng)理中的分布并不稀缺。我曾經(jīng)幫助一位投資界的校友打理過一段時間的創(chuàng)投基金，看過幾十個左右的case之后，即使是外行也會知道，市場上相似的想法、產(chǎn)品甚至商業(yè)模式太多了，你能想到的，別人也能想到，甚至比你想得還透徹。但是很多牛逼的想法并未能成功轉(zhuǎn)化為吸金的產(chǎn)品，有想法固然牛逼，但是更牛逼的是將想法落地為產(chǎn)品，并且存活壯大。

話題稍微有點遠了，言歸正傳，接下來和大家分享PM最基本的技能：頁面分析。

學(xué)會拆解信息架構(gòu)

對于一個資深PM來說，一個頁面并不簡單是界面，更是眾多信息點的排列組合。就好比樂高，為什么積木是這樣擺放的，不同模塊之間的關(guān)系是怎樣的，這些問題都是在設(shè)計信息架構(gòu)時要考慮到的要點。

以大家都非常熟悉的手淘首頁為例：

我們先來自上而下理一下這個熟悉的頁面里面都有哪些元素。

• 首先，頂部通欄，掃碼購物入口，搜索框， 地區(qū)切換按鈕，消息。（全局元素）
• 其次，輪播banner，也是品牌商的黃金廣告位。
• 第三， 10個固定入口，半個性化呈現(xiàn)。（淘寶定位到我在國外，所以為我呈現(xiàn)了海外集運入口）

以上三個模塊占據(jù)了首屏二分之一的面積。

手淘為什么要將這些元素放在首屏上半部分呢？我們先留下這個問題，繼續(xù)往下看。

接下來是首屏的下半部分。

• 首先，淘寶頭條，首頁的第一個整體的內(nèi)容化入口。
• 其次， 黃金頻道組（我自己的理解），包括淘搶購，有好貨，愛逛街和必買清單。 手淘里面有非常多的頻道，這四個頻道能保持首頁的曝光，足見其對KPI的作用之大。

以上就是手淘首屏100%可以曝光的內(nèi)容。

學(xué)會提問：為什么這樣設(shè)計

拆解完信息元素之后，自然會產(chǎn)生這樣的疑問：為什么要這樣設(shè)計？產(chǎn)品經(jīng)理這樣安排的用意何在？他想讓用戶關(guān)注的重點是哪些？

我們來回答之前的問題：手淘為什么要將剛才拆解出的元素放在首屏？

（以頂部通欄和黃金頻道組為例）

頂部通欄的元素均屬于全局元素，從用戶的角度來說，不管你在首頁怎么操作，通欄使用吸頂，也就是這幾個功能隨時可用。?

• 掃碼：有人會覺得掃碼非高頻需求？為什么要放到通欄。我認為這個功能，第一，戰(zhàn)略考慮，掃碼可以打通線上線下，第二，放到這個位置，反倒對核心流程的打擾最小。這個設(shè)計是最小成本可用的設(shè)計。
• 搜索框：搜索是電商APP中最強的場景，承載流量最多。
• 地區(qū)切換：我個人理解是隸屬于地址個性化的功能。屬于底層的基本的設(shè)置。
• 消息：全局功能，雖然個人實際使用頻率并不高，但是能快速了解交易的狀態(tài)。

黃金頻道組屬于首頁承接模塊，從用戶的角度來看，是決定“能不能下拉繼續(xù)逛”的關(guān)鍵模塊。

之前的購物APP偏重功能和流程，16年左右，尤其是移動端人口紅利逐漸消失，各大電商開始搶用戶的時間。畢竟一天只有24小時，用戶的時間是最稀缺的，所以現(xiàn)在大家開始關(guān)注“用戶粘性”“停留時長”等指標(biāo)。

在這樣的背景下，首頁（絕大多數(shù)用戶打開可見的頁面）的作用就分外重要，如何能讓用戶在首頁的引導(dǎo)下逛起來？我認為手淘的黃金頻道組承接的就是這個功能——淘搶購定位價格敏感人群，有好貨也是這兩年非常成功的品牌，有不錯的口碑，定位高端人群，愛逛街從場景切入，定位高頻購物人群，必買清單則是淘寶內(nèi)容化策略的體現(xiàn)，清單類的推薦可信度更高，更容易培養(yǎng)忠誠用戶。

從以上分析可以看出手淘首頁的幾個關(guān)鍵點：既有電商共有的全局化功能，又有配合新打法的個性化和內(nèi)容化。

學(xué)會使用工具：思維導(dǎo)圖

思維導(dǎo)圖是產(chǎn)品經(jīng)理工具箱中最基本的工具之一。從我個人的工作方法來看，思維導(dǎo)圖是最強大使用頻次最高的工具，我會用導(dǎo)圖做產(chǎn)品設(shè)計、測試用例、簡單項目管理，包括個人的技能管理等等。養(yǎng)成隨手使用思維導(dǎo)圖的好習(xí)慣，對我最大的幫助是：避免了很多遺漏，減少了思考上的混亂，同時也降低了團隊溝通的成本。

其實頁面分析中思維導(dǎo)圖也是非常實用的工具。我們以淘寶的商品卡片為例做個簡單分析。

用X-mind來整理出卡片中的信息。見下圖。

簡單整理下就會發(fā)現(xiàn)，原來手淘上很小的模塊里面就有這么多的信息！功能也比較豐富，也引入了個性化推薦中主動操作的功能，能為后續(xù)的改進積累大量的用戶反饋。

最后總結(jié)，頁面分析的重點在于重組信息元素，按鈕的位置類似的問題并不是產(chǎn)品設(shè)計的重點。對于產(chǎn)品經(jīng)理而言，最重要的技能就是按照合理化的方案和產(chǎn)品的預(yù)期對頁面進行管理。頁面承接的是功能，但更重要的是要傳達設(shè)計者本身的理念，要讓用戶看到怎樣的頁面，從這里面讀出什么樣的信息，這是產(chǎn)品經(jīng)理在做頁面設(shè)計時必須考慮的問題。

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

題圖來自 Pexels，基于 CC0 協(xié)議