tft每日頭條

 > 圖文

 > 産品架構圖解大全

産品架構圖解大全

圖文 更新时间:2024-10-01 05:57:11

上一篇,深入探讨了産品的三大類功能。這一篇,主要從信息架構的角度,來探讨一下産品功能的落地問題。

産品架構圖解大全(走進春天用信息架構)1

這個信息架構的角度,具體而言,就是隻包含一級頻道的交互設計。

核心功能、輔助功能、重大功能,作為産品的三大類功能,更多是從發展的角度來劃分。

除此之外,大部分 App 都還有一些非常基礎的功能,比如“個人資料”、“我的收藏”、“設置”、“搜索”等,此類功能,我們稱其為通用功能。

核心功能、輔助功能、重大功能和通用功能,是産品的四大類功能。

總的來說,本文主要以底部 tab 導航的 App 為例,探讨一下,如何在一級頻道來落地産品的四大類功能。

一、宏觀上講,怎樣更好的擺放四大類功能?

網易雲音樂是我個人很喜歡的一款産品,日常用的也比較多。不過,它的新版(6.0 系列)給我的直觀感受是,有點複雜了,我甚至在很長時間裡找不到“私人 FM”這個以前常用的功能。給我類似感受的産品,還有 Keep 和知乎。

究竟是什麼,讓我覺得,這些産品變得有點複雜了?

個人簡單總結了一下,最直接的一個原因,是這些 App 都新增了重大功能,并給這個重大功能單獨加了一個一級頻道。

比如 Keep 的“計劃”頻道、知乎的“會員”頻道、網易雲音樂的“視頻”和“雲村”頻道,都分别占用一個一級頻道。

産品架構圖解大全(走進春天用信息架構)2

企業為什麼這麼設計?個人的猜測,這些重大功能于企業而言,很重要,要麼肩負商業化使命,要麼被寄予厚望,所以企業就單獨給了一個一級頻道。

這是一個相對簡單的邏輯。但如果想要更好的去平衡用戶體驗和商業化之間的關系,那我們就需要考慮更多的因素。

之前在信息架構那篇文章裡,個人的建議是,如果想讓 App 始終保持簡單,那就隻保留 4 個 tab,也即隻有 4 個一級頻道。

如何将産品的四大類功能、以及未來很大概率會不斷出現的重大功能,以接近最優的方式,安置在寸土寸金的 4 個一級頻道上?

我想,這中間一定有一些原則,值得我們探讨和參考。

1. 和重要程度保持一緻

通常而言,重要程度越高,分配到的空間就越多。這是一個比較普世的道理。也就是說,這條原則,主要會影響到,四大類功能,各自占用多少空間比較合适。我們有 4 個一級頻道,每個一級頻道代表了 25% 的空間。

再來看四大類功能,按其大概的重要程度,簡單的分析一下。

先說核心功能,這個最重要。核心功能是立足之本和護城河。先換個角度看這個問題,假設有三種可能,即核心功能可以占用一個、兩個或三個一級頻道。

先用下排除法。三個一級頻道難免顯得過多,剩餘的三種功能擠在一個一級頻道裡也會顯得過分擁擠;一個一級頻道的話,倒也可以,但是平分四分之一的空間很難體現出核心功能的重要性。

相比之下,兩個一級頻道就顯得較為合适。

綜合考慮到有四大類功能,通常兩個一級頻道也不會完全給核心功能所用。所以,核心功能,大概占用一個半一級頻道,也即 40% 左右的空間即可。

再說通用功能,這個比較容易。此類功能通常比較多,重要程度可能不及重大功能,但是又不能沒有,所以通常我們也會單獨給一個一級頻道,就是“我”或者“設置”之類的一級頻道,大概占用 25% 的空間即可。

第三,說下重大功能,這個比較重要。

通常而言,重大功能的重要性僅次于核心功能,而且重大功能可以有多個,再考慮到通用功能一般單獨占用一個一級頻道。那麼,相對而言,重大功能,完全可以單獨占用一個一級頻道,甚至更多,大概占用 30% 左右的空間即可。

最後,說下輔助功能,這個比較特殊。

首先,很多産品是沒有輔助功能的;其次,輔助功能是個小功能;最後,輔助功能的數量一般也不多。

總的來說,輔助功能是沒有必要單獨給一個一級頻道的。再考慮到 4 個一級頻道所剩空間已經不多。所以,輔助功能一般和重大功能共用一個一級頻道即可,大概占用 5% 左右的空間。

産品架構圖解大全(走進春天用信息架構)3

2. 和使用頻率保持一緻

通常而言,用戶用的越多的功能,就排的越靠前。也就是說,這條原則主要決定四大類功能的排序問題。

具體而言,用戶用的最多的是核心功能,所以核心功能最靠前。

重大功能和通用功能,有時候很難說哪個使用頻率更高,比如微信裡的“搜一搜”和“收藏”。但是比較明确的是,很多 App 在誕生之初,并沒有重大功能,隻有核心功能和通用功能。所以自然而然,通用功能排在了核心功能後面。

個人有個猜測,一方面,有時候很難說清重大功能和通用功能,哪個使用頻率更高;另一方面,通用功能起初是排在最後的。

所以,當重大功能出現時,就延續了舊傳統:通用功能依然排在最後。最終結果就是,重大功能和輔助功能排在中間。

值得一提的是,現在市面上開始出現兩類現象:

  • 其一是,有一些擁有 5 個一級頻道的 App,開始把核心功能放到中間那個頻道,比如 Keep 的“運動”頻道。
  • 其二是,企業開始人為的控制打開 App 時默認展示哪一個頻道,而且默認顯示哪一個頻道,存在多種情況,例子依然包括 Keep:以前默認顯示中間的“運動”頻道,現在默認顯示“計劃”頻道。

個人覺得,對企業而言,這兩類做法,都是得不償失的。因為這樣做,會讓 “從左起,1、2、3、4”這個排序失去價值。沒有這個前提,也就談不上“和用戶的使用頻率保持一緻。

而且,這種默認不顯示左邊第一個頻道的做法,有時候會讓用戶産生一種被綁架的感覺(默認顯示收費頻道),有時會讓用戶感覺企業在自作聰明(默認沒顯示收費頻道,但也沒顯示核心頻道)。

産品架構圖解大全(走進春天用信息架構)4

3. 符合用戶預期

主要有兩個預期,邏輯預期和習慣預期。

(1)邏輯預期

用戶确實很懶,但不代表用戶不會思考。比如:前文提到的,網易雲音樂的“私人 FM“功能,在我的認知裡面,”私人 FM“和”每日推薦“一樣,都是個性化推薦,性質極其相似,應該放在一起。

所以,當我在新版裡的“每日推薦”旁邊找不到“私人 FM”時,心裡就覺得很奇怪很不解,心想這麼好的功能不會是給删了吧。

後來某一天,當我在第三個一級頻道“我的”裡面發現“私人 FM“的時候,我又覺很别扭,不好用。

産品架構圖解大全(走進春天用信息架構)5

另外一個例子,Keep 的動作訓練。

在新版裡面,一開始我是去“發現”頻道的“動作庫”找的,怎麼找都找不到,跟找不到網易雲音樂的“私人 FM”是一樣的心情。

因為我覺得,“動作訓練”和“動作庫”,是很接近的一對事物,從邏輯上來講,用戶會覺得這倆事物挨在一起,或者會猜他們是不是挨在一起。

(2)習慣預期

這裡的用戶習慣,主要有兩類。一類是自家産品培養出來的,一類是市面上的産品培養出來的。

通常情況,一級頻道的設計,是要符合用戶習慣的。最忌諱的情況是,自己一手培養的用戶習慣,到最後自己再一手去打破,這樣很容易引起用戶的煩躁、不滿和失望等負面情緒。

比如 3.1 段的兩個例子,同樣也沒有符合用戶的習慣預期。因為在最開始,網易雲音樂的“每日推薦”和“私人 FM“是挨在一切的,Keep 的“動作訓練”和“動作庫”也是融合在一起的。

4. 良好的擴展性

就一級頻道而言,重大功能和通用功能是最有可能擴展出更多子功能的。所以,就擴展性而言,需要重點照顧到這兩類功能。

通用功能大部分都收納在“我”這個一級頻道,通常也是一個列表的樣式,天然自帶良好的擴展性。所以,擴展性的難點和重點,最後是落在了重大功能這裡。

在一級頻道,重大功能的展現形式,通常有兩種:

  • 一種是像核心功能一樣,直接把重大功能的内容鋪陳出來,典型代表是網易雲音樂的“雲村”。
  • 另外一種是把各個重大功能都收納起來,隻展示一個入口,典型代表是微信的“發現”頻道。

對企業而言,現實問題是,當重大功能的數量上升到兩個、三個甚至更多時,如何展示他們?

市面上的常規做法,也是兩種:

  • 一種是像網易雲音樂和 Keep 這樣的,直接開辟一個新的一級頻道,供重大功能使用。
  • 還有一種是微信這種,把所有重大功能都收納起來,有新的重大功能出現時,新增一行列表即可。

産品架構圖解大全(走進春天用信息架構)6

個人推薦微信這種做法,因為這種做法的擴展性最好,可以應對無窮盡的重大功能。

至此,我們簡單總結一下。個人看法,四大類功能,具體咋擺放,并沒有标準答案,但是可以參考以上 4 個原則。

産品架構圖解大全(走進春天用信息架構)7

二、微觀上講,有沒有補充和例外?

有。借這個話題,聊兩個比較特殊的問題。

1. 頂部标題欄的兩側,适合放什麼功能?

先來分析一下這個位置,頂部标題欄的兩側,位于屏幕的左上角或右上角,是個很顯眼的位置。

個人認為,有三類功能比較适合這個位置:

  • 第一類,是和當前頁面内容有密切關系的功能。比如“編輯”型功能,可參考微信讀書“書架”頻道的“編輯”。再比如“新增”型功能,可參考 Twitter 首頁信息流的發推圖标。此類功能,最适合這個位置,而且一般也沒有更合适的位置來擺放他們。
  • 第二類,是比較高頻的通用功能或重大功能,比如搜索、消息、設置等。
  • 第三類,是某些高頻功能的快捷入口,比如微信的掃一掃和收付款。

産品架構圖解大全(走進春天用信息架構)8

除此之外,如果是一個比較低頻的功能,不管是通用功能、重大功能還是輔助功能,放在這裡,都不合适,因為會對用戶形成打擾。

2. 一個功能,最多可以出現幾次?

大部分功能,在 App 裡隻會出現一次。但在日常使用各種 App 的時候,我們也會多次看到同一個功能,在不同的地方。

有時候,能看到三次,比如搜索,在微信、知乎和網易雲音樂都出現了三次,我們也不會覺得哪裡不對勁兒。實際上,搜索雖然出現了三次,但也沒有引起我們的特别注意。

還有一些功能,是出現了兩次。我們在第二次看到的時候,會有點煩躁,心想怎麼又來了;有時候會有點困惑,心想下次我該用哪一個,哪一個最快捷。

這中間有什麼原則可以參考嗎?

先來看下搜索,在微信、知乎和網易雲音樂,都是比較高頻的功能。換句話說,用戶在不同的一級頻道,都有可能需要搜索一下,所以搜索出現三次,在不同的一級頻道,是有這個需求存在的。

搜索以外的功能,個人認為,隻有一類适合出現多次,通常兩次足矣。

那就是,此類功能确實比較高頻,同時路徑又比較長,使用起來不夠方便。這時候,就适合給此類功能一個快捷入口。這個快捷入口,一般是出現在标題欄。

産品架構圖解大全(走進春天用信息架構)9

一個功能,如果隻是單純的重複出現兩次,兩次都沒出現在标題欄。那給用戶的感覺,就是,App 并不是在給我提供快捷入口,而可能隻是通過重複的方式來強推這個功能,就容易産生煩躁和困惑的負面情緒。

結語

如之前幾篇文章所述,好的信息架構,可以使産品永遠保持簡潔、保持生命力。好的産品架構,可以讓産品有機會創造春天。

那麼,産品的春天,究竟在哪裡?個人認為,在信息架構和産品架構的“化學反應”裡。

信息架構和産品架構,作為兩個不同維度的架構,怎樣産生“化學反應”?或者換個說法,怎樣用信息架構,來落地産品架構,變成實實在在的用戶界面?

本文以四個一級頻道為例,提供了一些探讨,包括四個原則和兩個特殊問題,以供參考。

當信息架構和産品架構發生“化學反應”後,産品的春天,自然會來。

最後,借《走進春天》的歌詞,來結束本文。

帶着雪花,帶着梅花,帶着希望和微笑,我們走進春天。

以上。

相關文章

迎接春天:産品架構 2

等春天:産品架構 1

以不變應萬變:信息架構

作者:Leeo,SnowDesignStudio(ID:snow-design)

本文由 @SnowDesign 原創發布于人人都是産品經理,未經許可,禁止轉載。

題圖來自Unsplash, 基于CC0協議

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved