以不變應(yīng)萬變:聊聊信息架構(gòu)
上篇文章,提到了用戶體驗中的 IX:Interface Experience,即人與界面的交互體驗。此處的 IX,和上文的 UX,是一個意思。為了表達更精確,措辭做了升級。今天,就分享一個和 IX 有關(guān)的話題。
萬丈高樓平地起,IX 的根基在哪里?個人認為,在信息架構(gòu)這里。
對了,信息架構(gòu)究竟是個啥?
信息架構(gòu)是產(chǎn)品的骨架。直白點說,就是一款產(chǎn)品有幾個一級頻道,核心的支撐起整個產(chǎn)品的一級頻道、二級頻道各有幾類內(nèi)容、多少內(nèi)容。
本文主要討論手機 App 的信息架構(gòu)(底部 tab 導(dǎo)航那種),不包含網(wǎng)站。
一、為什么說,信息架構(gòu)是 IX 的根基?
1. 事關(guān)產(chǎn)品與用戶之間的“朋友關(guān)系”
對很多人而言,在一個地方住久了,房間里的東西都會越來越多。這時候,如果能把房間收拾整潔,我們就會突然覺得,空間變大了,心情也變得愉悅起來。
相反,如果房間里很亂:桌子上、床上、屋子里到處堆滿了東西,常穿的衣服也找不到了,我們就容易變得煩躁不安。
一個兩歲的小男孩,如果你拿起他手中復(fù)雜的新玩具,給他示范怎么玩。通常他會拒絕你,并倔強的對玩具進行各種嘗試。仿佛在告訴你,他不需要你教,自己會玩。
從原始社會到 21 世紀,我們?nèi)祟惗忌钤诟偁幹?。所以,個人覺得,我們?nèi)祟愑肋h都在追求一種對生活的掌控感。
這種掌控感,會讓我們找到一種存在感和價值感,從而給身處競爭中的我們一種安全感。
一個收拾的井然有序的房間,會讓我們覺得一切盡在掌握中;一個胡亂塞滿東西的房間,會讓我們覺得,這個房間處于失控的狀態(tài),從而引發(fā)煩躁不安。
一個 App,如果主要的幾個一級頁面也都塞滿了各式各樣的內(nèi)容,用戶通常也會感到煩躁不安。因為用戶不能馬上理出頭緒,不能馬上找到那種掌控感。
在一級頻道,用戶需要馬上得到掌控感。
一旦出現(xiàn)這種情況,用戶很可能會給這款 App 貼上“復(fù)雜、難用”之類的標簽。如果一款 App,大的改版經(jīng)常讓用戶體會到這種負面情緒,用戶甚至可能會對這款 App 失去信心和期待。
羅蘭·米勒的《親密關(guān)系》一書中提到,“實際上,要保持滿意的親密關(guān)系,我們或許要保持至少 5:1 的獎賞-代價比率”。
這里的“獎賞”,可以簡單理解成兩人相處時的愉快時刻;“代價”,則是兩人相處時的不快時刻。
這個觀點,用在保持產(chǎn)品和用戶的“朋友關(guān)系”上,同樣值得參考。
2. 事關(guān)產(chǎn)品的健康成長
在演藝屆,有一些凍齡藝人。比如何炅,40 幾歲了,看起來還像 20 多的小伙兒。
在產(chǎn)品屆,同樣存在“凍齡”產(chǎn)品——不管怎么升級,怎么加功能,都能簡單如初。典型例子是微信。
微信是一個生活方式,可以聊天、看文章、支付、看朋友圈、購物、打車、玩小游戲,功能多的數(shù)不清。但微信給人的感覺,永遠都是簡潔的。
相信未來的微信,還會加新功能,同時還能保持簡潔。這種始終如一的簡潔,可以馬上帶給用戶一種掌控感。這種簡潔,也賦予了微信旺盛的生命力。而有些產(chǎn)品,大的改版,常常通過“發(fā)福”、甚至“微整形”的方式來實現(xiàn)。
一方面,這會引發(fā)用戶的不滿;另一方面,“發(fā)?!焙汀拔⒄巍?,確實不是一種健康的成長方式,風(fēng)險大,還是少用為好。
二、怎樣設(shè)計一個生命力旺盛的信息架構(gòu)?
1. 不要超過 4 個頻道/tab
之前,在《淺談 Keep 的用戶體驗》一文中,我們已經(jīng)分析了,4 個和 5 個帶給用戶的感覺,存在微妙的區(qū)別。
簡單的說,人類更偏愛只有 4 個頻道,因為“4 個”仍在簡潔的范疇;“5 個”,已經(jīng)開始走向復(fù)雜。
在《微信背后的產(chǎn)品觀》這場分享中,張小龍也提到過,“微信保證只有 4 個底部 tab”。
2. 一級頻道要始終簡潔,并保持彈性
一級頻道,到底是用來干啥的?
個人認為,通常情況,一級頻道應(yīng)該給用戶提供以下三點內(nèi)容:
- 掌控感
- 常用功能
- 小入口
首先,一級頻道需要很簡潔,這樣用戶才能找到那種掌控感;
其次,“八成”的主要空間應(yīng)該用來放常用功能,這樣用戶就能馬上找到常用功能;
最后,用戶還需要一個只占“兩成”空間的小入口,通往不常用的功能。
那么,怎么做到這三點呢?下面是個人的一些建議。
先說頁面頂部。非常認同張小龍的說法,這里直接引用一下:
(1)盡可能不在標題欄使用 tab/下拉框,增加維度
新版 Keep 的前三個一級頻道,標題欄都用了 tab。給用戶的感覺就是,內(nèi)容太多,有點復(fù)雜。
再說頁面中間部分,建議參考以下 3 個原則。
(2)內(nèi)容的展示形式不要超過 3 個維度
Banner 是一種維度,宮格是一種維度,設(shè)置頁面那種列表也是一種維度。
先來看下微信,4 個一級頻道:微信、通訊錄、發(fā)現(xiàn)、我,全部都只有一個維度,就是一個 tableView 那種列表?!拔摇蹦莻€頁面勉強算 1.5 個維度,因為頂部帶頭像那一行的內(nèi)容多了一點。
微信這種極簡,大部分 App 都很難做到。那么,退而求其次,早期和中期一定不要超過 3 個維度,而且不要一上來就把 3 個維度的名額用完了,先從 1 個和 2 個開始,后面慢慢加。
后期,如果有重要的新功能,比如商業(yè)化相關(guān)的,可以謹慎考慮第 4 個維度。務(wù)必不要增加第 5 個維度,用戶一定會煩躁,產(chǎn)品也一定會被用戶貼上“復(fù)雜”、甚至“難用”的標簽。
舉個例子:新版 Keep,“探索”頻道的首頁,給我的感覺是比較復(fù)雜的。這個頁面的主要內(nèi)容,有 5 個維度。
(3)盡可能把不同的內(nèi)容合并成一個維度
以前,在一次項目改版中,同事把“我”頁面的“退出登錄”,設(shè)計成了一個按鈕的形狀。“我”這個頁面,其他內(nèi)容都是列表的樣式,跟下圖的 Keep 頁面類似。
這種思路可以理解。因為從 PC 和 web 延伸過來的習(xí)慣,“退出登錄”通常就是一個按鈕。不過,實際上,這里更好的方式是把“退出登錄”統(tǒng)一設(shè)計成列表的樣式。
第一,大部分用戶不會花時間糾結(jié)你的“退出登錄”是按鈕還是普通的列表;第二,多一種樣式,就會多一種維度。
微信上就有很多例子,兩類內(nèi)容的性質(zhì)不太一樣,但是樣式一樣,都在一個維度里。比如“微信”頻道里的“訂閱號信息”和“群消息”,“通訊錄”頻道里的“公眾號”和單個聯(lián)系人。
內(nèi)容太多,3 個維度不夠用?只要邏輯上不存在大的問題(比如把“支付”放到“通訊錄”頻道里),把不同的內(nèi)容合并成一個維度試試看。
(4)盡量像導(dǎo)航,不要像商城
新版 Keep 的“探索”頻道,我?guī)缀鯖]用過,雖然我?guī)缀趺刻於荚谟?Keep。因為給我的感覺就是內(nèi)容太多,看著有點頭暈,沒有“探索”的欲望。
微信的“發(fā)現(xiàn)”頻道,就簡潔的多。如果這里哪天出現(xiàn)一個“大程序”,大家可能也會有興趣點開看看。微信讀書的“書城”頁面,給人感覺就像一個真實的書城,頁面很長,內(nèi)容很多,內(nèi)容的展現(xiàn)形式(維度)也很多。
這里沒啥問題,因為這個頁面作為二級頻道,就是用來逛的,用來發(fā)現(xiàn)一些書的。
很多 App 會把一級頻道做成一個商城的樣子,內(nèi)容很多,內(nèi)容的展現(xiàn)形式(維度)也很多??纱蟛糠謺r候,用戶根本沒有耐心在一級頻道逛,用戶只想在一級頻道快速找到自己常用的功能。
用來逛的內(nèi)容,更適合放在二級頻道及以后。一級頻道,留一個簡單的入口就夠了。
3. 不為 20% 的需求,去打擾 80% 的用戶
這一條,不僅適合一級頻道,也適合二級頻道及其他頁面,所以單獨拎出來講一下。
脈脈的動態(tài)頁面,所關(guān)注的主題那一欄,每條信息的右上角都有一個可以展開的小圖標,點擊后會彈出屏蔽相關(guān)的功能。
而微信的朋友圈里,是沒有類似功能的。有些同學(xué)可能會覺得,經(jīng)常能在朋友圈看到幾個刷屏打廣告的,微信為什么不出一個類似功能呢?
微信之所以沒給這個功能,個人覺得,很重要的一點,是我們在刷朋友圈的時候,絕大部分時間不需要這個功能。畢竟這里基本上是你的熟人關(guān)系,屏蔽別人是個極少用到的功能。一旦加上,日常就會對我們形成打擾,而且頁面也會相應(yīng)變得復(fù)雜。
再來看 Keep 新版的“運動”頻道和“探索”頻道,首頁都有很多運營活動。
我相信有相當一部分用戶是不怎么需要這些活動信息的,實際情況是所有用戶都能在一級頻道的首頁看到大量活動,這無疑是一種打擾。
這其實是一個比較常見的問題。有很多產(chǎn)品都喜歡在一級頻道里塞滿各式各樣的內(nèi)容,有相當一部分,是用戶日常用不到的。
首頁內(nèi)容過多,一個可能的原因是,用戶會提這種需求,比如:有些用戶就希望朋友圈里有一個快捷的屏蔽功能。但是企業(yè)應(yīng)該明白,大部分用戶只會站在自己的角度考慮問題。而企業(yè),應(yīng)該站在所有用戶的角度考慮問題,這樣才能做到最大限度的多贏。
還有一個原因,企業(yè)可能會擔心,內(nèi)容藏的深,怕用戶用的少,數(shù)據(jù)上不去,所以就盡可能的往一級頻道放。
想一想,在家里,臺燈通常會放在書桌上,但畢業(yè)證通常是不會放在書桌上的。需要畢業(yè)證的時候,不管路徑多長,我們都會去把它拿出來,并沒有感覺不方便。
畢業(yè)證放在書桌上,一來會浪費空間的,二來我們也會覺得怪怪的,其實我們只要知道畢業(yè)證放在哪兒就夠了。
總的來說,信息架構(gòu)要想生命力旺盛,核心骨架就得始終保持簡潔,尤其是一級頻道。要讓用戶,始終能在一級頻道,輕松的找到那種掌控感。
篇幅所限,以上幾點,不算很全面,也無法覆蓋所有類型的產(chǎn)品(比如購物類、資訊類、應(yīng)用商店類等),所以僅供參考。也歡迎留言交流。
結(jié)語
萬事萬物都處在發(fā)展變化當中,一款 App 也不例外。
App 的發(fā)展變化,很核心都一點就是:增加新功能、完善舊功能。這是大部分 App 的宿命,也是使命所在。因為企業(yè)總是希望,在激烈的競爭中,自己的產(chǎn)品能夠越來越好、越來越強,收獲越來越多的用戶,最終實現(xiàn)盈利,并掙到越來越多的錢。
站在用戶的角度,所有人又都是一個矛盾體。一方面對新功能和新事物懷有好奇心;另一方面,又希望每次打開常用的 App 時,都有一種回到家的感覺。
好的做法,就是類似微信和 iOS 那樣,盡管加了新功能,但是看起來沒啥變化。也就是說,以“不變”的信息架構(gòu),來應(yīng)對并海納“萬變”的功能。
如此這般,產(chǎn)品才有可能永遠簡潔,并永遠保持旺盛的生命力。
以上。
作者:Leeo,微信公眾號:SnowDesignStudio(ID:snow-design)
本文由 @Snow Design 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash, 基于CC0協(xié)議
補充一點,用戶在微信應(yīng)用內(nèi)瀏覽朋友圈時,會產(chǎn)生一種情緒。
場景是這樣的:現(xiàn)在很多人動不動就加微信,熟不熟都加微信,出于情面難以拒絕,這就導(dǎo)致微信理由很多你本身就不想添加的人,刪除又不合適,所以微信考慮到用戶在這個場景下會產(chǎn)生一種情緒,情緒就會產(chǎn)生一種潛在操作,那就是不要看這個人的朋友圈(屏蔽),所以用戶可以長按頭像,會出現(xiàn)底部操作欄,可以選擇得到“不看他(她)”,而我覺得這個功能很好,充分的考慮用戶在當前場景的情緒。不過微信現(xiàn)在的最新版本已經(jīng)更新,用戶添加好友時就直接可以快速設(shè)置朋友權(quán)限,讓這種擔憂在添加時候就避免,以上是個人拙見
深入淺出,舉的例子雖然類型不太一樣,但是道理卻非常棒!贊!
除了微信和 iOS,還有哪些產(chǎn)品也是“凍齡”的?歡迎留言交流~
作者把社區(qū)和工具這兩種不太類型的APP用一個標準做比較,hmmm 。。。how interesting!
這也是我想說的,本身性質(zhì)不一樣,所需要展示的內(nèi)容也就是會存在區(qū)別,為什么不把淘寶拉出來,淘寶首頁就是在盡可能的去展示信息,琳瑯滿目,大家會去看的并不多,但是大家會覺得他這樣設(shè)計不好嗎??
在“結(jié)語”前的一小段,作者提了,“ 無法覆蓋所有類型的產(chǎn)品(比如購物類、資訊類、應(yīng)用商店類等)”。一家之言,僅供參考,希望能拋磚引玉
什么叫生命力旺盛的信息架構(gòu)?為什么內(nèi)容的展示形式不要超過 3 個維度?