2022-4-5 純純
讓信息架構(gòu)，和產(chǎn)品架構(gòu)，產(chǎn)生“化學(xué)反應(yīng)”
這個(gè)信息架構(gòu)的角度，具體而言，就是只包含一級(jí)頻道的交互設(shè)計(jì)。
核心功能、輔助功能、重大功能，作為產(chǎn)品的三大類功能，更多是從發(fā)展的角度來劃分。
除此之外，大部分 App 都還有一些非?；A(chǔ)的功能，比如“個(gè)人資料”、“我的收藏”、“設(shè)置”、“搜索”等，此類功能，我們稱其為通用功能。
核心功能、輔助功能、重大功能和通用功能，是產(chǎn)品的四大類功能。
總的來說，本文主要以底部 tab 導(dǎo)航的 App 為例，探討一下，如何在一級(jí)頻道來落地產(chǎn)品的四大類功能。
01 宏觀上講，怎樣更好的擺放四大類功能？
網(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í)頻道所剩空間已經(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ù)期。
3.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í)候，我又覺很別扭，不好用。
在新版里面，一開始我是去“發(fā)現(xiàn)”頻道的“動(dòng)作庫”找的，怎么找都找不到，跟找不到網(wǎng)易云音樂的“私人 FM“是一樣的心情。
因?yàn)槲矣X得，“動(dòng)作訓(xùn)練”和“動(dòng)作庫”，是很接近的一對(duì)事物，從邏輯上來講，用戶會(huì)覺得這倆事物挨在一起，或者會(huì)猜他們是不是挨在一起。
3.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)作庫”也是融合在一起的。
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è)原則。
02 微觀上講，有沒有補(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ù)面情緒。
文章來源：站酷 作者：SnowDesign
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com