走進(jìn)春天:用信息架構(gòu),來落地產(chǎn)品架構(gòu)
上一篇,深入探討了產(chǎn)品的三大類功能。這一篇,主要從信息架構(gòu)的角度,來探討一下產(chǎn)品功能的落地問題。
這個(gè)信息架構(gòu)的角度,具體而言,就是只包含一級(jí)頻道的交互設(shè)計(jì)。
核心功能、輔助功能、重大功能,作為產(chǎn)品的三大類功能,更多是從發(fā)展的角度來劃分。
除此之外,大部分 App 都還有一些非?;A(chǔ)的功能,比如“個(gè)人資料”、“我的收藏”、“設(shè)置”、“搜索”等,此類功能,我們稱其為通用功能。
核心功能、輔助功能、重大功能和通用功能,是產(chǎn)品的四大類功能。
總的來說,本文主要以底部 tab 導(dǎo)航的 App 為例,探討一下,如何在一級(jí)頻道來落地產(chǎn)品的四大類功能。
一、宏觀上講,怎樣更好的擺放四大類功能?
網(wǎng)易云音樂是我個(gè)人很喜歡的一款產(chǎn)品,日常用的也比較多。不過,它的新版(6.0 系列)給我的直觀感受是,有點(diǎn)復(fù)雜了,我甚至在很長(zhǎng)時(shí)間里找不到“私人 FM”這個(gè)以前常用的功能。給我類似感受的產(chǎn)品,還有 Keep 和知乎。
究竟是什么,讓我覺得,這些產(chǎn)品變得有點(diǎn)復(fù)雜了?
個(gè)人簡(jiǎn)單總結(jié)了一下,最直接的一個(gè)原因,是這些 App 都新增了重大功能,并給這個(gè)重大功能單獨(dú)加了一個(gè)一級(jí)頻道。
比如 Keep 的“計(jì)劃”頻道、知乎的“會(huì)員”頻道、網(wǎng)易云音樂的“視頻”和“云村”頻道,都分別占用一個(gè)一級(jí)頻道。
企業(yè)為什么這么設(shè)計(jì)?個(gè)人的猜測(cè),這些重大功能于企業(yè)而言,很重要,要么肩負(fù)商業(yè)化使命,要么被寄予厚望,所以企業(yè)就單獨(dú)給了一個(gè)一級(jí)頻道。
這是一個(gè)相對(duì)簡(jiǎn)單的邏輯。但如果想要更好的去平衡用戶體驗(yàn)和商業(yè)化之間的關(guān)系,那我們就需要考慮更多的因素。
之前在信息架構(gòu)那篇文章里,個(gè)人的建議是,如果想讓 App 始終保持簡(jiǎn)單,那就只保留 4 個(gè) tab,也即只有 4 個(gè)一級(jí)頻道。
如何將產(chǎn)品的四大類功能、以及未來很大概率會(huì)不斷出現(xiàn)的重大功能,以接近最優(yōu)的方式,安置在寸土寸金的 4 個(gè)一級(jí)頻道上?
我想,這中間一定有一些原則,值得我們探討和參考。
1. 和重要程度保持一致
通常而言,重要程度越高,分配到的空間就越多。這是一個(gè)比較普世的道理。也就是說,這條原則,主要會(huì)影響到,四大類功能,各自占用多少空間比較合適。我們有 4 個(gè)一級(jí)頻道,每個(gè)一級(jí)頻道代表了 25% 的空間。
再來看四大類功能,按其大概的重要程度,簡(jiǎn)單的分析一下。
先說核心功能,這個(gè)最重要。核心功能是立足之本和護(hù)城河。先換個(gè)角度看這個(gè)問題,假設(shè)有三種可能,即核心功能可以占用一個(gè)、兩個(gè)或三個(gè)一級(jí)頻道。
先用下排除法。三個(gè)一級(jí)頻道難免顯得過多,剩余的三種功能擠在一個(gè)一級(jí)頻道里也會(huì)顯得過分擁擠;一個(gè)一級(jí)頻道的話,倒也可以,但是平分四分之一的空間很難體現(xiàn)出核心功能的重要性。
相比之下,兩個(gè)一級(jí)頻道就顯得較為合適。
綜合考慮到有四大類功能,通常兩個(gè)一級(jí)頻道也不會(huì)完全給核心功能所用。所以,核心功能,大概占用一個(gè)半一級(jí)頻道,也即 40% 左右的空間即可。
再說通用功能,這個(gè)比較容易。此類功能通常比較多,重要程度可能不及重大功能,但是又不能沒有,所以通常我們也會(huì)單獨(dú)給一個(gè)一級(jí)頻道,就是“我”或者“設(shè)置”之類的一級(jí)頻道,大概占用 25% 的空間即可。
第三,說下重大功能,這個(gè)比較重要。
通常而言,重大功能的重要性僅次于核心功能,而且重大功能可以有多個(gè),再考慮到通用功能一般單獨(dú)占用一個(gè)一級(jí)頻道。那么,相對(duì)而言,重大功能,完全可以單獨(dú)占用一個(gè)一級(jí)頻道,甚至更多,大概占用 30% 左右的空間即可。
最后,說下輔助功能,這個(gè)比較特殊。
首先,很多產(chǎn)品是沒有輔助功能的;其次,輔助功能是個(gè)小功能;最后,輔助功能的數(shù)量一般也不多。
總的來說,輔助功能是沒有必要單獨(dú)給一個(gè)一級(jí)頻道的。再考慮到 4 個(gè)一級(jí)頻道所??臻g已經(jīng)不多。所以,輔助功能一般和重大功能共用一個(gè)一級(jí)頻道即可,大概占用 5% 左右的空間。
2. 和使用頻率保持一致
通常而言,用戶用的越多的功能,就排的越靠前。也就是說,這條原則主要決定四大類功能的排序問題。
具體而言,用戶用的最多的是核心功能,所以核心功能最靠前。
重大功能和通用功能,有時(shí)候很難說哪個(gè)使用頻率更高,比如微信里的“搜一搜”和“收藏”。但是比較明確的是,很多 App 在誕生之初,并沒有重大功能,只有核心功能和通用功能。所以自然而然,通用功能排在了核心功能后面。
個(gè)人有個(gè)猜測(cè),一方面,有時(shí)候很難說清重大功能和通用功能,哪個(gè)使用頻率更高;另一方面,通用功能起初是排在最后的。
所以,當(dāng)重大功能出現(xiàn)時(shí),就延續(xù)了舊傳統(tǒng):通用功能依然排在最后。最終結(jié)果就是,重大功能和輔助功能排在中間。
值得一提的是,現(xiàn)在市面上開始出現(xiàn)兩類現(xiàn)象:
- 其一是,有一些擁有 5 個(gè)一級(jí)頻道的 App,開始把核心功能放到中間那個(gè)頻道,比如 Keep 的“運(yùn)動(dòng)”頻道。
- 其二是,企業(yè)開始人為的控制打開 App 時(shí)默認(rèn)展示哪一個(gè)頻道,而且默認(rèn)顯示哪一個(gè)頻道,存在多種情況,例子依然包括 Keep:以前默認(rèn)顯示中間的“運(yùn)動(dòng)”頻道,現(xiàn)在默認(rèn)顯示“計(jì)劃”頻道。
個(gè)人覺得,對(duì)企業(yè)而言,這兩類做法,都是得不償失的。因?yàn)檫@樣做,會(huì)讓 “從左起,1、2、3、4”這個(gè)排序失去價(jià)值。沒有這個(gè)前提,也就談不上“和用戶的使用頻率保持一致。
而且,這種默認(rèn)不顯示左邊第一個(gè)頻道的做法,有時(shí)候會(huì)讓用戶產(chǎn)生一種被綁架的感覺(默認(rèn)顯示收費(fèi)頻道),有時(shí)會(huì)讓用戶感覺企業(yè)在自作聰明(默認(rèn)沒顯示收費(fèi)頻道,但也沒顯示核心頻道)。
3. 符合用戶預(yù)期
主要有兩個(gè)預(yù)期,邏輯預(yù)期和習(xí)慣預(yù)期。
(1)邏輯預(yù)期
用戶確實(shí)很懶,但不代表用戶不會(huì)思考。比如:前文提到的,網(wǎng)易云音樂的“私人 FM“功能,在我的認(rèn)知里面,”私人 FM“和”每日推薦“一樣,都是個(gè)性化推薦,性質(zhì)極其相似,應(yīng)該放在一起。
所以,當(dāng)我在新版里的“每日推薦”旁邊找不到“私人 FM”時(shí),心里就覺得很奇怪很不解,心想這么好的功能不會(huì)是給刪了吧。
后來某一天,當(dāng)我在第三個(gè)一級(jí)頻道“我的”里面發(fā)現(xiàn)“私人 FM“的時(shí)候,我又覺很別扭,不好用。
另外一個(gè)例子,Keep 的動(dòng)作訓(xùn)練。
在新版里面,一開始我是去“發(fā)現(xiàn)”頻道的“動(dòng)作庫(kù)”找的,怎么找都找不到,跟找不到網(wǎng)易云音樂的“私人 FM”是一樣的心情。
因?yàn)槲矣X得,“動(dòng)作訓(xùn)練”和“動(dòng)作庫(kù)”,是很接近的一對(duì)事物,從邏輯上來講,用戶會(huì)覺得這倆事物挨在一起,或者會(huì)猜他們是不是挨在一起。
(2)習(xí)慣預(yù)期
這里的用戶習(xí)慣,主要有兩類。一類是自家產(chǎn)品培養(yǎng)出來的,一類是市面上的產(chǎn)品培養(yǎng)出來的。
通常情況,一級(jí)頻道的設(shè)計(jì),是要符合用戶習(xí)慣的。最忌諱的情況是,自己一手培養(yǎng)的用戶習(xí)慣,到最后自己再一手去打破,這樣很容易引起用戶的煩躁、不滿和失望等負(fù)面情緒。
比如 3.1 段的兩個(gè)例子,同樣也沒有符合用戶的習(xí)慣預(yù)期。因?yàn)樵谧铋_始,網(wǎng)易云音樂的“每日推薦”和“私人 FM“是挨在一切的,Keep 的“動(dòng)作訓(xùn)練”和“動(dòng)作庫(kù)”也是融合在一起的。
4. 良好的擴(kuò)展性
就一級(jí)頻道而言,重大功能和通用功能是最有可能擴(kuò)展出更多子功能的。所以,就擴(kuò)展性而言,需要重點(diǎn)照顧到這兩類功能。
通用功能大部分都收納在“我”這個(gè)一級(jí)頻道,通常也是一個(gè)列表的樣式,天然自帶良好的擴(kuò)展性。所以,擴(kuò)展性的難點(diǎn)和重點(diǎn),最后是落在了重大功能這里。
在一級(jí)頻道,重大功能的展現(xiàn)形式,通常有兩種:
- 一種是像核心功能一樣,直接把重大功能的內(nèi)容鋪陳出來,典型代表是網(wǎng)易云音樂的“云村”。
- 另外一種是把各個(gè)重大功能都收納起來,只展示一個(gè)入口,典型代表是微信的“發(fā)現(xiàn)”頻道。
對(duì)企業(yè)而言,現(xiàn)實(shí)問題是,當(dāng)重大功能的數(shù)量上升到兩個(gè)、三個(gè)甚至更多時(shí),如何展示他們?
市面上的常規(guī)做法,也是兩種:
- 一種是像網(wǎng)易云音樂和 Keep 這樣的,直接開辟一個(gè)新的一級(jí)頻道,供重大功能使用。
- 還有一種是微信這種,把所有重大功能都收納起來,有新的重大功能出現(xiàn)時(shí),新增一行列表即可。
個(gè)人推薦微信這種做法,因?yàn)檫@種做法的擴(kuò)展性最好,可以應(yīng)對(duì)無窮盡的重大功能。
至此,我們簡(jiǎn)單總結(jié)一下。個(gè)人看法,四大類功能,具體咋擺放,并沒有標(biāo)準(zhǔn)答案,但是可以參考以上 4 個(gè)原則。
二、微觀上講,有沒有補(bǔ)充和例外?
有。借這個(gè)話題,聊兩個(gè)比較特殊的問題。
1. 頂部標(biāo)題欄的兩側(cè),適合放什么功能?
先來分析一下這個(gè)位置,頂部標(biāo)題欄的兩側(cè),位于屏幕的左上角或右上角,是個(gè)很顯眼的位置。
個(gè)人認(rèn)為,有三類功能比較適合這個(gè)位置:
- 第一類,是和當(dāng)前頁面內(nèi)容有密切關(guān)系的功能。比如“編輯”型功能,可參考微信讀書“書架”頻道的“編輯”。再比如“新增”型功能,可參考 Twitter 首頁信息流的發(fā)推圖標(biāo)。此類功能,最適合這個(gè)位置,而且一般也沒有更合適的位置來擺放他們。
- 第二類,是比較高頻的通用功能或重大功能,比如搜索、消息、設(shè)置等。
- 第三類,是某些高頻功能的快捷入口,比如微信的掃一掃和收付款。
除此之外,如果是一個(gè)比較低頻的功能,不管是通用功能、重大功能還是輔助功能,放在這里,都不合適,因?yàn)闀?huì)對(duì)用戶形成打擾。
2. 一個(gè)功能,最多可以出現(xiàn)幾次?
大部分功能,在 App 里只會(huì)出現(xiàn)一次。但在日常使用各種 App 的時(shí)候,我們也會(huì)多次看到同一個(gè)功能,在不同的地方。
有時(shí)候,能看到三次,比如搜索,在微信、知乎和網(wǎng)易云音樂都出現(xiàn)了三次,我們也不會(huì)覺得哪里不對(duì)勁兒。實(shí)際上,搜索雖然出現(xiàn)了三次,但也沒有引起我們的特別注意。
還有一些功能,是出現(xiàn)了兩次。我們?cè)诘诙慰吹降臅r(shí)候,會(huì)有點(diǎn)煩躁,心想怎么又來了;有時(shí)候會(huì)有點(diǎn)困惑,心想下次我該用哪一個(gè),哪一個(gè)最快捷。
這中間有什么原則可以參考嗎?
先來看下搜索,在微信、知乎和網(wǎng)易云音樂,都是比較高頻的功能。換句話說,用戶在不同的一級(jí)頻道,都有可能需要搜索一下,所以搜索出現(xiàn)三次,在不同的一級(jí)頻道,是有這個(gè)需求存在的。
搜索以外的功能,個(gè)人認(rèn)為,只有一類適合出現(xiàn)多次,通常兩次足矣。
那就是,此類功能確實(shí)比較高頻,同時(shí)路徑又比較長(zhǎng),使用起來不夠方便。這時(shí)候,就適合給此類功能一個(gè)快捷入口。這個(gè)快捷入口,一般是出現(xiàn)在標(biāo)題欄。
一個(gè)功能,如果只是單純的重復(fù)出現(xiàn)兩次,兩次都沒出現(xiàn)在標(biāo)題欄。那給用戶的感覺,就是,App 并不是在給我提供快捷入口,而可能只是通過重復(fù)的方式來強(qiáng)推這個(gè)功能,就容易產(chǎn)生煩躁和困惑的負(fù)面情緒。
結(jié)語
如之前幾篇文章所述,好的信息架構(gòu),可以使產(chǎn)品永遠(yuǎn)保持簡(jiǎn)潔、保持生命力。好的產(chǎn)品架構(gòu),可以讓產(chǎn)品有機(jī)會(huì)創(chuàng)造春天。
那么,產(chǎn)品的春天,究竟在哪里?個(gè)人認(rèn)為,在信息架構(gòu)和產(chǎn)品架構(gòu)的“化學(xué)反應(yīng)”里。
信息架構(gòu)和產(chǎn)品架構(gòu),作為兩個(gè)不同維度的架構(gòu),怎樣產(chǎn)生“化學(xué)反應(yīng)”?或者換個(gè)說法,怎樣用信息架構(gòu),來落地產(chǎn)品架構(gòu),變成實(shí)實(shí)在在的用戶界面?
本文以四個(gè)一級(jí)頻道為例,提供了一些探討,包括四個(gè)原則和兩個(gè)特殊問題,以供參考。
當(dāng)信息架構(gòu)和產(chǎn)品架構(gòu)發(fā)生“化學(xué)反應(yīng)”后,產(chǎn)品的春天,自然會(huì)來。
最后,借《走進(jìn)春天》的歌詞,來結(jié)束本文。
帶著雪花,帶著梅花,帶著希望和微笑,我們走進(jìn)春天。
以上。
相關(guān)文章
作者:Leeo,微信公眾號(hào):SnowDesignStudio(ID:snow-design)
本文由 @SnowDesign 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash, 基于CC0協(xié)議
網(wǎng)易云前期主打的就是個(gè)性化推薦,而私人FM又是重點(diǎn),然后這個(gè)功能在商業(yè)化之后就被雪藏,推薦的就是歌單和視頻。
大佬 哪些算輔助功能呢
個(gè)人覺得,這篇寫的不算全面,歡迎留言交流~