編輯導(dǎo)讀：有的時(shí)候我們會(huì)看到，一個(gè)產(chǎn)品和它剛進(jìn)入市場(chǎng)的時(shí)候完全不一樣了。表面上還是交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)不一樣了，底層邏輯是產(chǎn)品的架構(gòu)設(shè)計(jì)變了。本文作者將圍繞產(chǎn)品架構(gòu)設(shè)計(jì)展開(kāi)三方面的分析，希望對(duì)你有幫助。

當(dāng)前市場(chǎng)中的很多產(chǎn)品形態(tài)，與剛進(jìn)入市場(chǎng)的時(shí)候完全不一樣了。表面上看，交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)都不一樣了；但從底層邏輯上看，產(chǎn)品的信息架構(gòu)、目標(biāo)和業(yè)務(wù)量級(jí)有著翻天覆地的變化。最近我給一款產(chǎn)品重新設(shè)計(jì)了信息架構(gòu)，根據(jù)我的設(shè)計(jì)過(guò)程做了一次復(fù)盤，主要包括如何根據(jù)業(yè)務(wù)特點(diǎn)來(lái)優(yōu)化產(chǎn)品架構(gòu)。

一、為什么要做產(chǎn)品架構(gòu)設(shè)計(jì)

信息架構(gòu)可以說(shuō)是一個(gè)產(chǎn)品的核心和靈魂，它對(duì)這個(gè)產(chǎn)品能否為公司帶來(lái)商業(yè)化的價(jià)值起著決定性的作用。業(yè)務(wù)再?gòu)?qiáng)大，沒(méi)有合適的信息架構(gòu)去呈現(xiàn)給用戶，也無(wú)法獲得收益；產(chǎn)品流量再大，沒(méi)有合理的在產(chǎn)品中展示用戶所需的內(nèi)容，會(huì)浪費(fèi)掉很多變現(xiàn)的機(jī)會(huì)。因此做出適合一款產(chǎn)品的信息架構(gòu)非常重要。

1. 信息架構(gòu)是在產(chǎn)品中支撐業(yè)務(wù)的框架

信息架構(gòu)作為產(chǎn)品的骨架，是在產(chǎn)品中將業(yè)務(wù)進(jìn)行合理的分類和規(guī)劃，邏輯化的展示給用戶。拿招商銀行的掌上生活產(chǎn)品來(lái)舉個(gè)例子，這款產(chǎn)品是信用卡產(chǎn)品賽道的頭部產(chǎn)品，重點(diǎn)業(yè)務(wù)包括金融、內(nèi)容/新聞和商城。對(duì)這款產(chǎn)品的架構(gòu)進(jìn)行進(jìn)一步的拆分，就會(huì)發(fā)現(xiàn)：

• 精選/首頁(yè)：頁(yè)面框架結(jié)構(gòu)在支撐所有的業(yè)務(wù)內(nèi)容，作為業(yè)務(wù)集合的入口，既展示了金融業(yè)務(wù)內(nèi)容，也包括本地生活服務(wù)和資訊內(nèi)容。
• 金融：招商銀行的核心業(yè)務(wù)就是金融業(yè)務(wù)，這也是為什么大部分用戶都會(huì)使用這個(gè)產(chǎn)品。底層作為一個(gè)金融工具型產(chǎn)品，將入口放在了第二個(gè)Tab，作為所有業(yè)務(wù)中優(yōu)先級(jí)和重要性最高的內(nèi)容來(lái)展示。
• 今日發(fā)現(xiàn)：這個(gè)Tab主要承載新聞內(nèi)容，當(dāng)用戶打開(kāi)產(chǎn)品時(shí)，就會(huì)直接查看這個(gè)Tab。由此推斷，這是招商銀行在重點(diǎn)推廣的業(yè)務(wù)。也是在給廣大用戶建立認(rèn)知，掌上生活A(yù)pp不僅可以滿足金融需求，用戶也可以來(lái)查看資訊。
• 商城：這是招商銀行打造的電商平臺(tái)，也是在推動(dòng)銀行分期業(yè)務(wù)的發(fā)展。然而被放在了第三業(yè)務(wù)優(yōu)先級(jí)，可見(jiàn)招商銀行對(duì)于這里投入的資源并不是最大的。同時(shí)，電商賽道已經(jīng)被互聯(lián)網(wǎng)公司占據(jù)，作為銀行，這部分很明顯不占優(yōu)勢(shì)。
• 我的：最后這個(gè)Tab是給用戶做任務(wù)入口的集合，從用戶的維度來(lái)展示，而非業(yè)務(wù)。

2. 為用戶建立產(chǎn)品認(rèn)知

有效的信息架構(gòu)把最有價(jià)值的內(nèi)容展示在頁(yè)面中給用戶看，可以讓用戶在使用的海量產(chǎn)品中記住這款產(chǎn)品。如果業(yè)務(wù)內(nèi)容是雜亂無(wú)章的，用戶未必會(huì)記得，無(wú)法形成有效的認(rèn)知。因此，邏輯化的對(duì)業(yè)務(wù)內(nèi)容進(jìn)行呈現(xiàn)，可以讓用戶首次使用就知道產(chǎn)品的特點(diǎn)、主要業(yè)務(wù)內(nèi)容和價(jià)值。

穩(wěn)定的架構(gòu)和頁(yè)面內(nèi)容，會(huì)快速讓用戶建立認(rèn)知。固定模塊和內(nèi)容會(huì)讓用戶每次來(lái)到產(chǎn)品中都會(huì)記得要到哪里完成所需的任務(wù)。即使是使用頻率不高的產(chǎn)品，用戶也不會(huì)花太多力氣尋找。例如很多成熟產(chǎn)品的主要框架是不會(huì)輕易改變的，微信頁(yè)面中底Tab的內(nèi)容幾乎就沒(méi)有過(guò)太大的變化。作為國(guó)民級(jí)的應(yīng)用，一但有重大改變，會(huì)增加十幾億人次的使用成本。對(duì)于微信來(lái)說(shuō)，也會(huì)影響其業(yè)務(wù)收益。

動(dòng)態(tài)模塊雖然可以根據(jù)用戶使用場(chǎng)景來(lái)為用戶推送內(nèi)容，但由于模塊在頁(yè)面中出現(xiàn)的時(shí)間和方式是隨著場(chǎng)景和內(nèi)容變化的，因此無(wú)法有效的為用戶建立認(rèn)知。特定場(chǎng)景下才會(huì)展示的內(nèi)容，用戶不會(huì)在每次打開(kāi)產(chǎn)品時(shí)都看到。

3. 信息架構(gòu)有效引導(dǎo)用戶使用產(chǎn)品

簡(jiǎn)約信息架構(gòu)可以降低用戶的學(xué)習(xí)和使用成本。在產(chǎn)品早期，業(yè)務(wù)內(nèi)容比較單一，用戶一下子就可以了解產(chǎn)品的內(nèi)容和價(jià)值；在產(chǎn)品發(fā)展中期，業(yè)務(wù)內(nèi)容可能會(huì)越來(lái)越復(fù)雜，這就需要將各個(gè)主要業(yè)務(wù)線分開(kāi)在架構(gòu)中展示，例如主導(dǎo)航的內(nèi)容每塊只展示一條業(yè)務(wù)線的相關(guān)內(nèi)容。這樣用戶就會(huì)知道如果需要找相關(guān)業(yè)務(wù)信息，應(yīng)該去哪個(gè)頁(yè)面中。

二、如何做信息架構(gòu)設(shè)計(jì)

1. 首先要了解業(yè)務(wù)，重點(diǎn)關(guān)注業(yè)務(wù)的特點(diǎn)、類型和數(shù)量

業(yè)務(wù)特點(diǎn)是不同產(chǎn)品的發(fā)力點(diǎn)，跟競(jìng)爭(zhēng)對(duì)手拉開(kāi)差距的內(nèi)容。說(shuō)到業(yè)務(wù)，每款產(chǎn)品的業(yè)務(wù)內(nèi)容都有差異。即使是同一賽道的產(chǎn)品，業(yè)務(wù)內(nèi)容也會(huì)有些許差異。例如同樣為電商產(chǎn)品，京東的優(yōu)勢(shì)是物流，而拼多多的優(yōu)勢(shì)是低價(jià)。

同一類型的業(yè)務(wù)內(nèi)會(huì)有不同的細(xì)分品類，而每類的業(yè)務(wù)量也會(huì)不同?？梢詫⑦@些業(yè)務(wù)細(xì)節(jié)拆分到表格中，進(jìn)行詳細(xì)的梳理。后續(xù)在設(shè)計(jì)的過(guò)程中，就可以清楚的知道需要用哪個(gè)組件來(lái)承載。例如如果業(yè)務(wù)類型和數(shù)量較多，又都需要展示給用戶，則可以考慮使用長(zhǎng)尾列表頁(yè)面展示給用戶戶；如果業(yè)務(wù)類型有限，數(shù)量也不多，可以考慮橫滑的模塊組件。

2. 其次要分清業(yè)務(wù)的優(yōu)先級(jí)

每個(gè)公司都會(huì)有主打的業(yè)務(wù)，這時(shí)就需要重點(diǎn)展示，作為產(chǎn)品甚至是品牌的代表。在設(shè)計(jì)信息架構(gòu)時(shí)，也會(huì)把關(guān)鍵的頁(yè)面和位置給到這類業(yè)務(wù)資源。例如支付寶最初的定位是支付工具，作為工具型產(chǎn)品，支付相關(guān)操作優(yōu)先級(jí)最高，因此是在首頁(yè)展示。

隨著公司業(yè)務(wù)的發(fā)展，優(yōu)先級(jí)可能會(huì)進(jìn)行調(diào)整，這時(shí)可以靈活的調(diào)整產(chǎn)品架構(gòu)中的內(nèi)容來(lái)推動(dòng)新業(yè)務(wù)的發(fā)展。再拿支付寶舉例子，當(dāng)用戶積累到一定量級(jí)后，支付寶的定位發(fā)生了變化。在支付工具定位的基礎(chǔ)上，添加了金融屬性的業(yè)務(wù)內(nèi)容，這時(shí)產(chǎn)品的第二個(gè)Tab就給了金融服務(wù)業(yè)務(wù)。用戶不僅可以使用支付寶來(lái)滿足日常的消費(fèi)需求，還可以投資股票和基金。

三、信息架構(gòu)如何影響頁(yè)面設(shè)計(jì)

1. 在資源有限時(shí)，直接外露有價(jià)值的內(nèi)容

業(yè)務(wù)資源有限，但又需要通過(guò)這些有價(jià)值的內(nèi)容吸引用戶時(shí)，需直觀的把價(jià)值信息在頁(yè)面中展示給用戶。利用這些利益點(diǎn)來(lái)吸引用戶，此時(shí)可以考慮使用卡片、九宮格、橫滑卡片等組件。

2. 在資源類型差異較大時(shí)，使用不同的組件展示不同的內(nèi)容

業(yè)務(wù)類型眾多，需要使用不同的組件來(lái)做差異化。一方面是為了讓用戶對(duì)不同的內(nèi)容有清晰的認(rèn)知，另一方面是業(yè)務(wù)內(nèi)容會(huì)有差異。例如在閑魚(yú)首頁(yè)的Feed流中，業(yè)務(wù)資源可以分為商品和運(yùn)營(yíng)內(nèi)容，會(huì)有兩個(gè)不同的框架來(lái)承載。商品所要展示的內(nèi)容包括圖片、名稱、價(jià)格、UGC、熱度信息、賣家信息和芝麻信用分?jǐn)?shù)；而運(yùn)營(yíng)內(nèi)容則只需要展示圖片，在圖片中外露利益點(diǎn)來(lái)吸引用戶進(jìn)入到二級(jí)落地頁(yè)查看更多內(nèi)容

3. 在資源多且用戶量級(jí)大時(shí)，重點(diǎn)考慮如何將流量精準(zhǔn)分發(fā)到業(yè)務(wù)端

成熟期產(chǎn)品需要將流量最高效的變現(xiàn)，完成從逛到買這個(gè)過(guò)程。從商家的角度，希望可以留住用戶，為用戶推薦不同的商品讓他們自己選購(gòu)，在引導(dǎo)用戶快速完成每筆交易。但前提是用戶可以在產(chǎn)品中留住，如果用戶一進(jìn)來(lái)找不到自己想要的東西就離開(kāi)了，那么也就不存在后續(xù)變現(xiàn)的過(guò)程了。例如在拼多多的頁(yè)面設(shè)計(jì)中，搜索和金剛區(qū)都是可以有效將流量分發(fā)到業(yè)務(wù)端的組件，換個(gè)角度，就是大部分用戶都可以簡(jiǎn)單高效的通過(guò)這兩個(gè)模塊來(lái)找到內(nèi)容。

四、總結(jié)

優(yōu)化信息架構(gòu)時(shí)，需要先花時(shí)間學(xué)習(xí)和了解業(yè)務(wù)內(nèi)容。對(duì)業(yè)務(wù)的優(yōu)先級(jí)、品類和數(shù)量有了清晰的認(rèn)知后，開(kāi)始考慮使用哪個(gè)框架承載才能最有效的展示內(nèi)容。同時(shí)，頁(yè)面的信息設(shè)計(jì)也要符合業(yè)務(wù)本身的特點(diǎn)，不同類型的業(yè)務(wù)需要使用不同的組件來(lái)展示業(yè)務(wù)信息。產(chǎn)品早期以將價(jià)值內(nèi)容平鋪在頁(yè)面中位置，外露價(jià)值內(nèi)容越多，就會(huì)越有效的吸引用戶；而成熟期的產(chǎn)品則是重點(diǎn)關(guān)注如何將流量做到精準(zhǔn)的分發(fā)。

最后，產(chǎn)品的信息架構(gòu)不需要經(jīng)常迭代，但每次的優(yōu)化都至關(guān)重要。在不確定用戶是否可以接受新的架構(gòu)時(shí)，可以將內(nèi)容逐漸上線，通過(guò)關(guān)注重點(diǎn)數(shù)據(jù)指標(biāo)來(lái)衡量其有效性。

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

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