嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

App 信息架構(gòu)：如何讓用戶(hù)始終有掌控感

2022-3-22 高勁

信息架構(gòu)是產(chǎn)品的骨架。具體而言，就是一款產(chǎn)品有幾個(gè)一級(jí)頁(yè)面，以及支撐起整個(gè)產(chǎn)品的一級(jí)頁(yè)面、二級(jí)頁(yè)面各有幾種內(nèi)容樣式。所謂一級(jí)頁(yè)面，微信的“發(fā)現(xiàn)”頁(yè)就是一個(gè)一級(jí)頁(yè)面；在“發(fā)現(xiàn)”頁(yè)點(diǎn)“朋友圈”，進(jìn)去的就是一個(gè)二級(jí)頁(yè)面。所謂內(nèi)容樣式，Banner 是一種內(nèi)容樣式，九宮格是一種內(nèi)容樣式，設(shè)置頁(yè)面那種列表也是一種內(nèi)容樣式。

這樣的信息架構(gòu)，有什么價(jià)值？

01 信息架構(gòu)的價(jià)值：掌控感與健康迭代

對(duì)用戶(hù)而言，信息架構(gòu)的主要價(jià)值在于掌控感；對(duì)產(chǎn)品而言，信息架構(gòu)的主要價(jià)值在于健康迭代。

1. 掌控感

如果房間里很亂，到處都堆滿了東西，常穿的衣服也找不到了，我們就很容易變得煩躁不安。相反，如果混亂的房間被收拾得很整潔，我們的心情也會(huì)隨之變得愉悅起來(lái)。

這中間的原因是什么？

個(gè)人覺(jué)得，從原始社會(huì)到 21 世紀(jì)，我們?nèi)祟?lèi)一直生活在競(jìng)爭(zhēng)中，所以一直在追求一種對(duì)生活的掌控感。這種掌控感，會(huì)讓我們找到一種存在感和價(jià)值感，從而給身處競(jìng)爭(zhēng)中的我們一種安全感。一個(gè)收拾得井然有序的房間，會(huì)讓我們覺(jué)得一切盡在掌握中；一個(gè)胡亂塞滿東西的房間，則會(huì)讓我們覺(jué)得這個(gè)房間處于失控狀態(tài)，從而引發(fā)煩躁不安。

一款 App，如果主要的幾個(gè)一級(jí)頁(yè)面也都塞滿了各式各樣的內(nèi)容，那么用戶(hù)通常也會(huì)感到煩躁不安。這是因?yàn)橛脩?hù)不能馬上理出頭緒，不能馬上獲得那種掌控感。另外，如果大的改版經(jīng)常讓用戶(hù)體會(huì)到這種煩躁不安，用戶(hù)就會(huì)對(duì)這款 App 感到不滿和失望，甚至失去信心和期待。

所以說(shuō)，信息架構(gòu)的第一個(gè)價(jià)值，就是讓用戶(hù)始終有掌控感。

2. 健康迭代

產(chǎn)品的更新迭代，有時(shí)會(huì)出現(xiàn)“發(fā)?！焙汀拔⒄巍钡那闆r。這都屬于不健康的迭代。

所謂發(fā)福，就是變得臃腫了，比如一級(jí)頁(yè)面突然增加了很多內(nèi)容樣式。所謂微整形，就是和之前比有點(diǎn)亂套了，比如有的一級(jí)頁(yè)面突然消失了、有的一級(jí)頁(yè)面突然出現(xiàn)了、有些常用的功能突然找不到了，諸如此類(lèi)。

一款產(chǎn)品，如果大的改版總是通過(guò)發(fā)福、甚至微整形的方式實(shí)現(xiàn)，用戶(hù)就很難獲得掌控感。

反過(guò)來(lái)，一個(gè)優(yōu)秀的信息架構(gòu)，是接近“凍齡”的。也就是說(shuō)，不管產(chǎn)品怎么更新、怎么加新功能，都能簡(jiǎn)單如初，都能讓用戶(hù)馬上獲得掌控感。典型的例子是微信：微信已經(jīng)加了很多功能，但整體給人的感覺(jué)依然是簡(jiǎn)單的。

這樣的信息架構(gòu)，很少發(fā)福，也幾乎不做微整形，所以能讓用戶(hù)永遠(yuǎn)有掌控感，從而確保產(chǎn)品能夠健康迭代。

02 怎樣實(shí)現(xiàn)信息架構(gòu)的價(jià)值

什么樣的信息架構(gòu)，能夠?qū)崿F(xiàn)“掌控感”和“健康迭代”？

其實(shí)參考答案剛才已經(jīng)出現(xiàn)了，那就是接近凍齡的信息架構(gòu)?；蛘吒_切地說(shuō)，是一種“以不變應(yīng)萬(wàn)變”的信息架構(gòu)。

這里的不變，是指信息架構(gòu)看起來(lái)永遠(yuǎn)沒(méi)有明顯變化，永遠(yuǎn)都很簡(jiǎn)單。萬(wàn)變，是指不斷新增的功能，不斷變化的功能。

如何做到以不變應(yīng)萬(wàn)變？一級(jí)頁(yè)面和二級(jí)頁(yè)面都很關(guān)鍵，其中最核心的是一級(jí)頁(yè)面。這里也順便拋一個(gè)問(wèn)題：一級(jí)頁(yè)面，用來(lái)干啥？

一級(jí)頁(yè)面主要用來(lái)干三件事，分別是：提供掌控感、提供常用功能、提供小入口。也就是說(shuō)，一級(jí)頁(yè)面尤其要把掌控感給到用戶(hù)，要讓用戶(hù)快速找到常用功能，同時(shí)還要為不常用的功能提供一個(gè)小入口。需要說(shuō)明的是，這個(gè)理念可能不太適合一些商店類(lèi)產(chǎn)品，比如淘寶這樣的電商產(chǎn)品，所以?xún)H供參考。

那如何完成這三件事？主要有以下四個(gè)要點(diǎn)。

1. 不要超過(guò) 4 個(gè)一級(jí)頁(yè)面

4 個(gè)和 5 個(gè)，它倆之間存在微妙的區(qū)別。比如我們給手機(jī)號(hào)或銀行卡號(hào)分段時(shí)，更喜歡每段最多分 4 個(gè)數(shù)字，而不是 5 個(gè)，直觀對(duì)比見(jiàn)下圖。

4 個(gè)還是 5 個(gè)

很多 App 的底部導(dǎo)航欄，也是只有 4 個(gè)Tab，即 4 個(gè)一級(jí)頁(yè)面。受生活經(jīng)驗(yàn)等因素影響，當(dāng)我們看到 App 有 4 個(gè)一級(jí)頁(yè)面時(shí)，內(nèi)心或潛意識(shí)里可能會(huì)覺(jué)得：哦，4 個(gè)，還算簡(jiǎn)單，基本能記??；而當(dāng)看到有 5 個(gè)一級(jí)頁(yè)面時(shí)，可能會(huì)感到一絲壓力：5 個(gè)啊，有點(diǎn)多了。

總的來(lái)說(shuō)，我們更偏愛(ài)只有 4 個(gè)一級(jí)頁(yè)面的產(chǎn)品，因?yàn)?4 個(gè)仍在簡(jiǎn)潔的范疇內(nèi)，5 個(gè)就已經(jīng)開(kāi)始走向復(fù)雜。在《微信背后的產(chǎn)品觀》這場(chǎng)分享中，張小龍也提到過(guò)：“微信保證只有 4 個(gè)底部 Tab?！?

2. 不要超過(guò) 3 種內(nèi)容樣式

Keep 6.0 系列的“探索”頁(yè)面有 5 種內(nèi)容樣式，顯得很復(fù)雜。微信的 4 個(gè)一級(jí)頁(yè)面中，“發(fā)現(xiàn)”和“我”頁(yè)面只有 1 種內(nèi)容樣式，“微信”和“通訊錄”頁(yè)面只有 2 種內(nèi)容樣式（加上頂部的搜索框），顯得非常簡(jiǎn)單，和 Keep 的對(duì)比如下圖所示。

Keep 6.0 系列與微信的內(nèi)容樣式數(shù)量

像微信這種內(nèi)容樣式數(shù)量上的極簡(jiǎn)，可能很多產(chǎn)品難以做到。那么，我們不妨退而求其次，早期先從 1 種、2 種內(nèi)容樣式開(kāi)始。后期加功能了，可以考慮第 3 種，謹(jǐn)慎考慮第 4 種，盡量不要增加第 5 種，因?yàn)橐欢〞?huì)變得復(fù)雜。

大家可能會(huì)說(shuō)，產(chǎn)品的功能很多，3 種內(nèi)容樣式不夠用。

針對(duì)這種情況，只要邏輯上不存在大的問(wèn)題（比如把“支付”放到“通訊錄”頁(yè)面），就可以嘗試把不同內(nèi)容合并成一種樣式。微信在這方面就做得很好，大家可以參考它的設(shè)計(jì)。比如下圖的“通訊錄”頁(yè)面，聯(lián)系人上方那些內(nèi)容，和聯(lián)系人不是同一類(lèi)內(nèi)容，但它們共用一種內(nèi)容樣式——一個(gè)簡(jiǎn)單的圖文列表。

微信“通訊錄”頁(yè)面：不同內(nèi)容合并成一種樣式

3. 不為二成需求，去打擾八成用戶(hù)

產(chǎn)品設(shè)計(jì)里存在一個(gè)比較常見(jiàn)的問(wèn)題，就是往一級(jí)頁(yè)面塞很多內(nèi)容或功能，其中有相當(dāng)一部分是用戶(hù)日常用不到的，這種設(shè)計(jì)容易讓人覺(jué)得臃腫。比如 Keep 6.0 系列的“運(yùn)動(dòng)”頁(yè)面，就用了較大空間來(lái)推薦付費(fèi)計(jì)劃和運(yùn)營(yíng)活動(dòng)，如下圖所示。

用較大空間來(lái)推薦付費(fèi)計(jì)劃和運(yùn)營(yíng)活動(dòng)的 Keep 頁(yè)面

相信有相當(dāng)一部分用戶(hù)是不需要這些內(nèi)容的，所以這其實(shí)也是一種打擾。這種打擾會(huì)影響到這些用戶(hù)對(duì)這個(gè)界面的掌控感。

這種現(xiàn)象有兩個(gè)可能的原因。一是企業(yè)擔(dān)心用戶(hù)不用這些功能，所以就在一級(jí)頁(yè)面用很多空間來(lái)展示它們，Keep 的例子應(yīng)該屬于此類(lèi)。二是有部分用戶(hù)提建議，所以企業(yè)就加了這些功能。

關(guān)于第一個(gè)原因，個(gè)人觀點(diǎn)，有些功能本身就屬于二成需求，在一級(jí)頁(yè)面占用太多空間不僅改變不了這個(gè)現(xiàn)實(shí)，還會(huì)對(duì)用戶(hù)形成打擾。

關(guān)于第二個(gè)原因，個(gè)人看法，用戶(hù)的建議通常只代表個(gè)人立場(chǎng)，而企業(yè)至少要代表大部分用戶(hù)的立場(chǎng)。比如，網(wǎng)上就有人建議微信在朋友圈加一個(gè)屏蔽別人的功能，實(shí)際上微信有這個(gè)功能，只是一直隱藏，沒(méi)有放出來(lái)——因?yàn)橛玫娜松?，它屬于二成需求，放出?lái)的話會(huì)對(duì)八成用戶(hù)形成打擾。

總的來(lái)說(shuō)，理想情況是接受現(xiàn)實(shí)、尊重規(guī)律：是八成需求就提供八成空間，是二成需求就提供二成空間。具體參考如下圖所示。

是八成需求就提供八成空間，是二成需求就提供二成空間

4. 盡量不在標(biāo)題欄使用 Tab 或下拉框，增加維度

這其實(shí)是張小龍分享過(guò)的一個(gè)觀點(diǎn)，我個(gè)人很贊同，就直接引用一下。下面直接看兩個(gè)例子。Keep 6.0 系列的前三個(gè)一級(jí)頁(yè)面，標(biāo)題欄都使用了 Tab，就顯得內(nèi)容很多，有點(diǎn)復(fù)雜，如下圖所示（僅展示前兩個(gè)）。