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