我們之前已經(jīng)將產(chǎn)品的功能需求都整理好了，也輸出了一份詳細(xì)的功能需求列表，這個時候要做的工作就是為產(chǎn)品搭建一個好的架構(gòu)，也就是產(chǎn)品設(shè)計的第三個環(huán)節(jié)——搭框架了。有了這個強(qiáng)大而堅實的架構(gòu)作為產(chǎn)品的基礎(chǔ)，我們才能將產(chǎn)品需求給一個一個填充進(jìn)去，讓產(chǎn)品變得有血有肉起來。

一般來說，搭建產(chǎn)品架構(gòu)這件事情，只有少數(shù)的高級PM才能勝任，絕大多數(shù)剛?cè)腴T的產(chǎn)品經(jīng)理或產(chǎn)品專員，還涉及不到任務(wù)這么艱巨的工作。

那究竟什么是產(chǎn)品架構(gòu)，產(chǎn)品經(jīng)理又該如何來搭建一套好的產(chǎn)品架構(gòu)，我們來接著往下看。

什么是產(chǎn)品架構(gòu)

任何一個產(chǎn)品都有自己的產(chǎn)品架構(gòu)（也有很多人把它稱為信息架構(gòu)），就好比每一個人都有自己的骨骼系統(tǒng)一樣，你的骨架大小決定了你大致的身材會是如何，高、矮、胖、瘦或是其它不成比例的魔鬼身材。

有些產(chǎn)品架構(gòu)比較繁雜，例如大部分to B?的產(chǎn)品，客戶關(guān)系管理系統(tǒng)、ERP軟件、電商網(wǎng)站的管理后臺、SaaS軟件等；有些架構(gòu)則比較輕便、簡單，比如絕大多數(shù)的to C 的產(chǎn)品，像我最近在玩的圖友、摩拜單車、直播APP映客、花椒等，當(dāng)然還包括微信（雖說現(xiàn)在功能越來越多了，但大體架構(gòu)依然是簡單、清晰明了的）。

我們直接來看幾個例子：

這是天貓商家的工作后臺，看到左側(cè)這一排滿滿的導(dǎo)航菜單了嗎？是不是感覺超級復(fù)雜？

光店鋪管理就有超過10個二級菜單，要梳理好淘寶、天貓這種量級的電商平臺產(chǎn)品架構(gòu)可真不是一件簡單的事。不過我也常常好奇一點(diǎn)，這么復(fù)雜的后臺，賣家們都能清楚地知道每一個功能在哪里么？

復(fù)雜架構(gòu)的產(chǎn)品，對產(chǎn)品經(jīng)理的能力要求較高，需要產(chǎn)品經(jīng)理能提供功能完備、結(jié)構(gòu)嚴(yán)謹(jǐn)?shù)募軜?gòu)系統(tǒng)，讓用戶能通過操作流程來使用各個功能。所以，這樣一個架構(gòu)的特點(diǎn)是，它會帶來一定的學(xué)習(xí)成本，有些甚至需要對產(chǎn)品的用戶進(jìn)行培訓(xùn)（像淘寶開設(shè)了淘寶大學(xué)）。這種架構(gòu)產(chǎn)品的用戶群體一般比較聚焦，只針對某一類人群，需要對海量功能進(jìn)行合理整合、靈活布局來聚焦核心用戶場景。

再來看一個例子，這是曾經(jīng)爆紅一時的臉萌app的產(chǎn)品官網(wǎng)，仔細(xì)分析一下這個官網(wǎng)的產(chǎn)品架構(gòu)，是不是超級簡單，簡單到只剩下2個菜單——首頁、關(guān)于我們。

這里要注意一點(diǎn)，即使是簡單的2個菜單（有些官網(wǎng)只有一個菜單），也依然構(gòu)成了完整的用戶體驗，因為通過這個架構(gòu)，網(wǎng)站的目標(biāo)和用戶的需求都已經(jīng)得到了充分的滿足。當(dāng)然，如果你想要重新定義網(wǎng)站的目標(biāo)，或是用戶的需求發(fā)生了變化，那你就該去準(zhǔn)備重新調(diào)整產(chǎn)品架構(gòu)了。

輕架構(gòu)的產(chǎn)品，它的目標(biāo)就是提供給用戶一個簡單明了的信息架構(gòu)，讓用戶使用方便、體驗流暢。對于產(chǎn)品經(jīng)理來說，設(shè)計輕架構(gòu)的產(chǎn)品，難點(diǎn)在于體驗和創(chuàng)新。我們可以通過給產(chǎn)品做減法來不斷聚焦用戶的核心使用場景，讓用戶簡單易上手，等產(chǎn)品的用戶體量上升到一個新的臺階的時候，再去拓展產(chǎn)品的使用場景，延展產(chǎn)品架構(gòu)。

典型的幾個產(chǎn)品架構(gòu)模型

Jesse James Garrett在《用戶體驗要素》這本書中，為我們系統(tǒng)闡述了互聯(lián)網(wǎng)產(chǎn)品的幾個典型的產(chǎn)品信息架構(gòu)模型。第一種信息架構(gòu)模型比較符合我們產(chǎn)品經(jīng)理對產(chǎn)品架構(gòu)的理解和定位，后面三種信息架構(gòu)模型，你可以當(dāng)作是第一種模型的補(bǔ)充，或者你也可以把它當(dāng)作頁面級別的信息架構(gòu)梳理。

第一種：層級結(jié)構(gòu)（hierarchical structure）

層級結(jié)構(gòu)模型

書中原文是這么來描述這種產(chǎn)品架構(gòu)：

在層級結(jié)構(gòu)中，節(jié)點(diǎn)與其他相關(guān)節(jié)點(diǎn)之間存在父級/子級的關(guān)系。子節(jié)點(diǎn)代表著更狹義的概念，從屬于代表著更廣義類別的父節(jié)點(diǎn)。不是每個節(jié)點(diǎn)都有子節(jié)點(diǎn)，但是每個節(jié)點(diǎn)都有一個父節(jié)點(diǎn)，一直往上直到整個結(jié)構(gòu)的父節(jié)點(diǎn)。層級關(guān)系的概念對于用戶來說非常容易理解，同時軟件也是傾向于層級的工作方式，因此這種類型的結(jié)構(gòu)是最常見的。

這種傘狀式的產(chǎn)品架構(gòu)，恐怕是互聯(lián)網(wǎng)、移動互聯(lián)網(wǎng)產(chǎn)品中使用最多的一種信息結(jié)構(gòu)，比如我們使用頻度最高的微信、手q，以及各類to c 的移動APP，甚至是復(fù)雜的to b 類產(chǎn)品，都是使用這種產(chǎn)品架構(gòu)進(jìn)行產(chǎn)品設(shè)計。這種架構(gòu)的特點(diǎn)是符合人類的認(rèn)知習(xí)慣，因為人類天生就有分類的習(xí)慣。

比如書桌，我們會習(xí)慣把書籍放在一起，把錄音卡帶等放到一邊；又比如我們的衣柜，我們一半會將不同季節(jié)的衣服放在不同的位置。在生活中，整理物品是為了更容易地找到自己需要的東西。

下圖是蜻蜓fm早期版本的一個層級信息架構(gòu)：

（右鍵，在新標(biāo)簽頁中打開，即可查看原圖）

在使用層級結(jié)構(gòu)的時候，需要注意層級的深淺和寬窄這個問題。

大家都有過逛商場的經(jīng)驗，其實有時候做產(chǎn)品和逛商場很相似，有的商場設(shè)計的比較合理，很容易能夠讓自己找到想要的商品品類，有的商場設(shè)計卻經(jīng)常讓你迷路。

在確定產(chǎn)品架構(gòu)的時候，考慮產(chǎn)品架構(gòu)的深度和廣度成為了產(chǎn)品經(jīng)理的一道必選題，就拿淘寶APP和唯品會APP來說，淘寶屬于廣而深的架構(gòu)，唯品會則屬于淺而窄的架構(gòu)（相對）。

在偏深度的架構(gòu)中，用戶操作起來效率不高，用戶獲取信息、完成目標(biāo)任務(wù)的路徑增多，但是相對而言，減少了用戶選擇的入口。在偏廣度的架構(gòu)中，用戶面對的入口增多，在選擇入口的時候比較費(fèi)時，但是減少了用戶的操作路徑。

寬而淺的產(chǎn)品架構(gòu)和窄而深的產(chǎn)品架構(gòu)，各有優(yōu)勢和劣勢，具體使用哪一種產(chǎn)品架構(gòu)，關(guān)鍵是要結(jié)合自身產(chǎn)品的定位、業(yè)務(wù)特性和用戶特征及使用場景來進(jìn)行取舍和判斷。

第二種：自然結(jié)構(gòu)（organic structures）

自然結(jié)構(gòu)模型

原文描述如下：

自然結(jié)構(gòu)不會遵循任何一致的模式。節(jié)點(diǎn)是逐一被連接起來的，同時這種結(jié)構(gòu)沒有太強(qiáng)烈的分類概念。自然結(jié)構(gòu)對于探索一系列關(guān)系不明確或一直在演變的主題是很合適的。但是自然結(jié)構(gòu)沒有給用戶提供一個清晰的指示，從而讓用戶能感覺他們在結(jié)構(gòu)中的哪個部分。

 

如果你想要鼓勵自由探險的感覺，比如某些娛樂或教育網(wǎng)站，那自然結(jié)構(gòu)可能會是個好的選擇；但是，如果你的用戶下次還需要依靠同樣的路徑，去找到同樣的內(nèi)容，那么這種結(jié)構(gòu)就可能會把用戶的經(jīng)歷變成一次挑戰(zhàn)。

事實上，這種形態(tài)的產(chǎn)品架構(gòu)一般在to? c 的游戲、娛樂、資訊產(chǎn)品里面運(yùn)用的比較廣泛，例如優(yōu)酷視頻、好奇心日報等。當(dāng)然，很多時候自然結(jié)構(gòu)是應(yīng)該結(jié)合層級結(jié)構(gòu)來進(jìn)行思考的。

比如用戶進(jìn)入好奇心日報這個網(wǎng)站，可能的一種使用方式是，用戶心里已經(jīng)有一個明確的資訊目標(biāo)，想看一下最近商業(yè)有發(fā)什么大故事，所以用戶會點(diǎn)擊上方的“全部分類”，選擇電影，選擇商業(yè)板塊然后進(jìn)行瀏覽。也有另一種使用方式，就是毫無目標(biāo)，直接就是這么從上到下瀏覽下去，看到自己感興趣的文章標(biāo)題便點(diǎn)擊進(jìn)去。

自然結(jié)構(gòu)很適合輕架構(gòu)產(chǎn)品的瀏覽式形式，尤其比較適合to ?c 類的娛樂休閑類產(chǎn)品，因為這類產(chǎn)品的目標(biāo)用戶，絕大多數(shù)時候的使用場景都是無聊式地瀏覽，并沒有明確的用戶目標(biāo)，也不需要解決什么特定的任務(wù)。

第三種：線性結(jié)構(gòu)（sequential structures）

依舊來看下原文描述：

線性結(jié)構(gòu)來自于你最熟悉的線下媒體。連貫的語言流程是最基本的信息結(jié)構(gòu)類型，而且處理它的裝置早已被深深地植入我們的大腦中了。書、文章、音像和錄像全部都被設(shè)計成一種線性的體驗。

 

在互聯(lián)網(wǎng)中線性結(jié)構(gòu)經(jīng)常被用于小規(guī)模的結(jié)構(gòu)，例如單篇的文章或單個專題；大規(guī)模的線性結(jié)構(gòu)則被用于限制那些需要呈現(xiàn)的內(nèi)容順序?qū)τ诜嫌脩粜枨蠓浅ｊP(guān)鍵的應(yīng)用程序，比如教學(xué)資料。

說的直白一點(diǎn)，所謂線性結(jié)構(gòu)，就是你用一個講述故事的方式去給用戶介紹你的產(chǎn)品，多見于產(chǎn)品專題頁、幫助文檔的設(shè)計。其實這部分也沒什么可講的，關(guān)鍵是講述故事或者問題的時候，你的思路是否清晰，很多時候這部分工作也會由運(yùn)營的同事替我們代勞。

第四種：矩陣結(jié)構(gòu)（matrix structure）

矩陣結(jié)構(gòu)模型

書中是這么描述矩陣結(jié)構(gòu)的：

矩陣結(jié)構(gòu)允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個或更多的“維度”移動。由于每一個用戶的需求都可以和矩陣中的一個“軸”聯(lián)系在一起，因此矩陣結(jié)構(gòu)通常能幫助那些“帶著不同需求而來”的用戶，使他們能在相同內(nèi)容中尋找各自想要的東西。舉個例子來說，如果你的某些用戶確實很想通過顏色來瀏覽產(chǎn)品，而其他人偏偏希望能通過產(chǎn)品的尺寸來瀏覽，那么矩陣結(jié)構(gòu)就可以同時容納這兩種不同的用戶。

 

然而，如果你期望用戶把這個當(dāng)成主要的導(dǎo)航工具，那么超過三個維度的矩陣可能就會出現(xiàn)問題。在四個或更多維度的空間下，人腦基本上不可能很好地可視化這些移動。

看了上面這段話，你的第一反應(yīng)是不是想到了下面這個產(chǎn)品設(shè)計界面：

矩陣式的信息結(jié)構(gòu)，需要將多種信息內(nèi)容放置在一個頁面里，所以它的重點(diǎn)和難點(diǎn)是在于如何做好信息分層，讓信息更加有效率地傳達(dá)給自己的目標(biāo)用戶，這個問題我們放在后面來講。

總體來說，產(chǎn)品經(jīng)理了解這幾個典型的產(chǎn)品信息架構(gòu)模型，對于后期自己設(shè)計產(chǎn)品架構(gòu)的時候，會更加明確應(yīng)該朝哪個方向進(jìn)行努力。

作者：壹百度（微信公眾號：倒退集），在線教育企業(yè)服務(wù)領(lǐng)域產(chǎn)品經(jīng)理，創(chuàng)業(yè)公司Team Leader。常常自詡是文藝青年和極客青年的結(jié)合體，在宅與不宅之間可以自由切換，曾主導(dǎo)多款重量級產(chǎn)品的產(chǎn)品策劃和設(shè)計工作。

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