為什么產(chǎn)品形態(tài)和最初不一樣了?因為產(chǎn)品架構設計變了
編輯導讀:有的時候我們會看到,一個產(chǎn)品和它剛進入市場的時候完全不一樣了。表面上還是交互設計、視覺設計不一樣了,底層邏輯是產(chǎn)品的架構設計變了。本文作者將圍繞產(chǎn)品架構設計展開三方面的分析,希望對你有幫助。
當前市場中的很多產(chǎn)品形態(tài),與剛進入市場的時候完全不一樣了。表面上看,交互設計和視覺設計都不一樣了;但從底層邏輯上看,產(chǎn)品的信息架構、目標和業(yè)務量級有著翻天覆地的變化。最近我給一款產(chǎn)品重新設計了信息架構,根據(jù)我的設計過程做了一次復盤,主要包括如何根據(jù)業(yè)務特點來優(yōu)化產(chǎn)品架構。
一、為什么要做產(chǎn)品架構設計
信息架構可以說是一個產(chǎn)品的核心和靈魂,它對這個產(chǎn)品能否為公司帶來商業(yè)化的價值起著決定性的作用。業(yè)務再強大,沒有合適的信息架構去呈現(xiàn)給用戶,也無法獲得收益;產(chǎn)品流量再大,沒有合理的在產(chǎn)品中展示用戶所需的內(nèi)容,會浪費掉很多變現(xiàn)的機會。因此做出適合一款產(chǎn)品的信息架構非常重要。
1. 信息架構是在產(chǎn)品中支撐業(yè)務的框架
信息架構作為產(chǎn)品的骨架,是在產(chǎn)品中將業(yè)務進行合理的分類和規(guī)劃,邏輯化的展示給用戶。拿招商銀行的掌上生活產(chǎn)品來舉個例子,這款產(chǎn)品是信用卡產(chǎn)品賽道的頭部產(chǎn)品,重點業(yè)務包括金融、內(nèi)容/新聞和商城。對這款產(chǎn)品的架構進行進一步的拆分,就會發(fā)現(xiàn):
- 精選/首頁:頁面框架結(jié)構在支撐所有的業(yè)務內(nèi)容,作為業(yè)務集合的入口,既展示了金融業(yè)務內(nèi)容,也包括本地生活服務和資訊內(nèi)容。
- 金融:招商銀行的核心業(yè)務就是金融業(yè)務,這也是為什么大部分用戶都會使用這個產(chǎn)品。底層作為一個金融工具型產(chǎn)品,將入口放在了第二個Tab,作為所有業(yè)務中優(yōu)先級和重要性最高的內(nèi)容來展示。
- 今日發(fā)現(xiàn):這個Tab主要承載新聞內(nèi)容,當用戶打開產(chǎn)品時,就會直接查看這個Tab。由此推斷,這是招商銀行在重點推廣的業(yè)務。也是在給廣大用戶建立認知,掌上生活App不僅可以滿足金融需求,用戶也可以來查看資訊。
- 商城:這是招商銀行打造的電商平臺,也是在推動銀行分期業(yè)務的發(fā)展。然而被放在了第三業(yè)務優(yōu)先級,可見招商銀行對于這里投入的資源并不是最大的。同時,電商賽道已經(jīng)被互聯(lián)網(wǎng)公司占據(jù),作為銀行,這部分很明顯不占優(yōu)勢。
- 我的:最后這個Tab是給用戶做任務入口的集合,從用戶的維度來展示,而非業(yè)務。
2. 為用戶建立產(chǎn)品認知
有效的信息架構把最有價值的內(nèi)容展示在頁面中給用戶看,可以讓用戶在使用的海量產(chǎn)品中記住這款產(chǎn)品。如果業(yè)務內(nèi)容是雜亂無章的,用戶未必會記得,無法形成有效的認知。因此,邏輯化的對業(yè)務內(nèi)容進行呈現(xiàn),可以讓用戶首次使用就知道產(chǎn)品的特點、主要業(yè)務內(nèi)容和價值。
穩(wěn)定的架構和頁面內(nèi)容,會快速讓用戶建立認知。固定模塊和內(nèi)容會讓用戶每次來到產(chǎn)品中都會記得要到哪里完成所需的任務。即使是使用頻率不高的產(chǎn)品,用戶也不會花太多力氣尋找。例如很多成熟產(chǎn)品的主要框架是不會輕易改變的,微信頁面中底Tab的內(nèi)容幾乎就沒有過太大的變化。作為國民級的應用,一但有重大改變,會增加十幾億人次的使用成本。對于微信來說,也會影響其業(yè)務收益。
動態(tài)模塊雖然可以根據(jù)用戶使用場景來為用戶推送內(nèi)容,但由于模塊在頁面中出現(xiàn)的時間和方式是隨著場景和內(nèi)容變化的,因此無法有效的為用戶建立認知。特定場景下才會展示的內(nèi)容,用戶不會在每次打開產(chǎn)品時都看到。
3. 信息架構有效引導用戶使用產(chǎn)品
簡約信息架構可以降低用戶的學習和使用成本。在產(chǎn)品早期,業(yè)務內(nèi)容比較單一,用戶一下子就可以了解產(chǎn)品的內(nèi)容和價值;在產(chǎn)品發(fā)展中期,業(yè)務內(nèi)容可能會越來越復雜,這就需要將各個主要業(yè)務線分開在架構中展示,例如主導航的內(nèi)容每塊只展示一條業(yè)務線的相關內(nèi)容。這樣用戶就會知道如果需要找相關業(yè)務信息,應該去哪個頁面中。
二、如何做信息架構設計
1. 首先要了解業(yè)務,重點關注業(yè)務的特點、類型和數(shù)量
業(yè)務特點是不同產(chǎn)品的發(fā)力點,跟競爭對手拉開差距的內(nèi)容。說到業(yè)務,每款產(chǎn)品的業(yè)務內(nèi)容都有差異。即使是同一賽道的產(chǎn)品,業(yè)務內(nèi)容也會有些許差異。例如同樣為電商產(chǎn)品,京東的優(yōu)勢是物流,而拼多多的優(yōu)勢是低價。
同一類型的業(yè)務內(nèi)會有不同的細分品類,而每類的業(yè)務量也會不同??梢詫⑦@些業(yè)務細節(jié)拆分到表格中,進行詳細的梳理。后續(xù)在設計的過程中,就可以清楚的知道需要用哪個組件來承載。例如如果業(yè)務類型和數(shù)量較多,又都需要展示給用戶,則可以考慮使用長尾列表頁面展示給用戶戶;如果業(yè)務類型有限,數(shù)量也不多,可以考慮橫滑的模塊組件。
2. 其次要分清業(yè)務的優(yōu)先級
每個公司都會有主打的業(yè)務,這時就需要重點展示,作為產(chǎn)品甚至是品牌的代表。在設計信息架構時,也會把關鍵的頁面和位置給到這類業(yè)務資源。例如支付寶最初的定位是支付工具,作為工具型產(chǎn)品,支付相關操作優(yōu)先級最高,因此是在首頁展示。
隨著公司業(yè)務的發(fā)展,優(yōu)先級可能會進行調(diào)整,這時可以靈活的調(diào)整產(chǎn)品架構中的內(nèi)容來推動新業(yè)務的發(fā)展。再拿支付寶舉例子,當用戶積累到一定量級后,支付寶的定位發(fā)生了變化。在支付工具定位的基礎上,添加了金融屬性的業(yè)務內(nèi)容,這時產(chǎn)品的第二個Tab就給了金融服務業(yè)務。用戶不僅可以使用支付寶來滿足日常的消費需求,還可以投資股票和基金。
三、信息架構如何影響頁面設計
1. 在資源有限時,直接外露有價值的內(nèi)容
業(yè)務資源有限,但又需要通過這些有價值的內(nèi)容吸引用戶時,需直觀的把價值信息在頁面中展示給用戶。利用這些利益點來吸引用戶,此時可以考慮使用卡片、九宮格、橫滑卡片等組件。
2. 在資源類型差異較大時,使用不同的組件展示不同的內(nèi)容
業(yè)務類型眾多,需要使用不同的組件來做差異化。一方面是為了讓用戶對不同的內(nèi)容有清晰的認知,另一方面是業(yè)務內(nèi)容會有差異。例如在閑魚首頁的Feed流中,業(yè)務資源可以分為商品和運營內(nèi)容,會有兩個不同的框架來承載。商品所要展示的內(nèi)容包括圖片、名稱、價格、UGC、熱度信息、賣家信息和芝麻信用分數(shù);而運營內(nèi)容則只需要展示圖片,在圖片中外露利益點來吸引用戶進入到二級落地頁查看更多內(nèi)容
3. 在資源多且用戶量級大時,重點考慮如何將流量精準分發(fā)到業(yè)務端
成熟期產(chǎn)品需要將流量最高效的變現(xiàn),完成從逛到買這個過程。從商家的角度,希望可以留住用戶,為用戶推薦不同的商品讓他們自己選購,在引導用戶快速完成每筆交易。但前提是用戶可以在產(chǎn)品中留住,如果用戶一進來找不到自己想要的東西就離開了,那么也就不存在后續(xù)變現(xiàn)的過程了。例如在拼多多的頁面設計中,搜索和金剛區(qū)都是可以有效將流量分發(fā)到業(yè)務端的組件,換個角度,就是大部分用戶都可以簡單高效的通過這兩個模塊來找到內(nèi)容。
四、總結(jié)
優(yōu)化信息架構時,需要先花時間學習和了解業(yè)務內(nèi)容。對業(yè)務的優(yōu)先級、品類和數(shù)量有了清晰的認知后,開始考慮使用哪個框架承載才能最有效的展示內(nèi)容。同時,頁面的信息設計也要符合業(yè)務本身的特點,不同類型的業(yè)務需要使用不同的組件來展示業(yè)務信息。產(chǎn)品早期以將價值內(nèi)容平鋪在頁面中位置,外露價值內(nèi)容越多,就會越有效的吸引用戶;而成熟期的產(chǎn)品則是重點關注如何將流量做到精準的分發(fā)。
最后,產(chǎn)品的信息架構不需要經(jīng)常迭代,但每次的優(yōu)化都至關重要。在不確定用戶是否可以接受新的架構時,可以將內(nèi)容逐漸上線,通過關注重點數(shù)據(jù)指標來衡量其有效性。
本文由 @嘟嘟羊 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Pexels,基于CC0協(xié)議。
VX: du-du-yang 交互設計師職場教練,帶教作品集