App 信息架構:如何讓用戶始終有掌控感

7 評論 7767 瀏覽 28 收藏 13 分鐘

編輯導語:一款好的APP,是能讓用戶始終擁有掌控感的。那么如何通過信息架構來完善產品的更新迭代,使用戶在打開常用的產品時,既懷有對新功能的新奇感,又有一種家里井然有序的掌控感呢?通過這篇文章來尋找答案吧!

信息架構是產品的骨架。

具體而言,就是一款產品有幾個一級頁面,以及支撐起整個產品的一級頁面、二級頁面各有幾種內容樣式。

所謂一級頁面,微信的“發現”頁就是一個一級頁面;在“發現”頁點“朋友圈”,進去的就是一個二級頁面。

所謂內容樣式,Banner 是一種內容樣式,九宮格是一種內容樣式,設置頁面那種列表也是一種內容樣式。

這樣的信息架構,有什么價值?

一、信息架構的價值:掌控感與健康迭代

對用戶而言,信息架構的主要價值在于掌控感;對產品而言,信息架構的主要價值在于健康迭代。

1. 掌控感

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

這中間的原因是什么?

個人覺得,從原始社會到 21 世紀,我們人類一直生活在競爭中,所以一直在追求一種對生活的掌控感。這種掌控感,會讓我們找到一種存在感和價值感,從而給身處競爭中的我們一種安全感。

一個收拾得井然有序的房間,會讓我們覺得一切盡在掌握中;一個胡亂塞滿東西的房間,則會讓我們覺得這個房間處于失控狀態,從而引發煩躁不安。

一款 App,如果主要的幾個一級頁面也都塞滿了各式各樣的內容,那么用戶通常也會感到煩躁不安。這是因為用戶不能馬上理出頭緒,不能馬上獲得那種掌控感。

另外,如果大的改版經常讓用戶體會到這種煩躁不安,用戶就會對這款 App 感到不滿和失望,甚至失去信心和期待。

所以說,信息架構的第一個價值,就是讓用戶始終有掌控感。

2. 健康迭代

產品的更新迭代,有時會出現“發?!焙汀拔⒄巍钡那闆r,這都屬于不健康的迭代。

所謂發福,就是變得臃腫了,比如一級頁面突然增加了很多內容樣式。

所謂微整形,就是和之前比有點亂套了,比如有的一級頁面突然消失了、有的一級頁面突然出現了、有些常用的功能突然找不到了,諸如此類。

一款產品,如果大的改版總是通過發福、甚至微整形的方式實現,用戶就很難獲得掌控感。

反過來,一個優秀的信息架構,是接近“凍齡”的。也就是說,不管產品怎么更新、怎么加新功能,都能簡單如初,都能讓用戶馬上獲得掌控感。典型的例子是微信:微信已經加了很多功能,但整體給人的感覺依然是簡單的。

這樣的信息架構,很少發福,也幾乎不做微整形,所以能讓用戶永遠有掌控感,從而確保產品能夠健康迭代。

二、怎樣實現信息架構的價值

什么樣的信息架構,能夠實現“掌控感”和“健康迭代”?

其實參考答案剛才已經出現了,那就是接近凍齡的信息架構?;蛘吒_切地說,是一種“以不變應萬變”的信息架構。

這里的不變,是指信息架構看起來永遠沒有明顯變化,永遠都很簡單。萬變,是指不斷新增的功能,不斷變化的功能。

如何做到以不變應萬變?一級頁面和二級頁面都很關鍵,其中最核心的是一級頁面。

這里也順便拋一個問題:一級頁面,用來干啥?

一級頁面主要用來干三件事,分別是:提供掌控感、提供常用功能、提供小入口。

也就是說,一級頁面尤其要把掌控感給到用戶,要讓用戶快速找到常用功能,同時還要為不常用的功能提供一個小入口。

需要說明的是,這個理念可能不太適合一些商店類產品,比如淘寶這樣的電商產品,所以僅供參考。

那如何完成這三件事?主要有以下四個要點。

1. 不要超過4個一級頁面

4個和5個,它倆之間存在微妙的區別。比如我們給手機號或銀行卡號分段時,更喜歡每段最多分4個數字,而不是5個,直觀對比見下圖。

很多 App 的底部導航欄,也是只有4個Tab,即4個一級頁面。

受生活經驗等因素影響,當我們看到App有4個一級頁面時,內心或潛意識里可能會覺得:哦,4個,還算簡單,基本能記?。欢斂吹接?個一級頁面時,可能會感到一絲壓力:5個啊,有點多了。

總的來說,我們更偏愛只有4個一級頁面的產品,因為4個仍在簡潔的范疇內,5個就已經開始走向復雜。在《微信背后的產品觀》這場分享中,張小龍也提到過:“微信保證只有4個底部 Tab?!?/p>

2. 不要超過 3 種內容樣式

Keep 6.0 系列的“探索”頁面有5種內容樣式,顯得很復雜。微信的4 個一級頁面中,“發現”和“我”頁面只有1種內容樣式,“微信”和“通訊錄”頁面只有2 種內容樣式(加上頂部的搜索框),顯得非常簡單,和 Keep 的對比如下圖所示。

像微信這種內容樣式數量上的極簡,可能很多產品難以做到。那么,我們不妨退而求其次,早期先從1種、2種內容樣式開始。后期加功能了,可以考慮第3種,謹慎考慮第4 種,盡量不要增加第5種,因為一定會變得復雜。

大家可能會說,產品的功能很多,3種內容樣式不夠用。

針對這種情況,只要邏輯上不存在大的問題(比如把“支付”放到“通訊錄”頁面),就可以嘗試把不同內容合并成一種樣式。微信在這方面就做得很好,大家可以參考它的設計。

比如下圖的“通訊錄”頁面,聯系人上方那些內容,和聯系人不是同一類內容,但它們共用一種內容樣式——一個簡單的圖文列表。

3. 不為二成需求,去打擾八成用戶

產品設計里存在一個比較常見的問題,就是往一級頁面塞很多內容或功能,其中有相當一部分是用戶日常用不到的,這種設計容易讓人覺得臃腫。比如 Keep 6.0 系列的“運動”頁面,就用了較大空間來推薦付費計劃和運營活動,如下圖所示。

相信有相當一部分用戶是不需要這些內容的,所以這其實也是一種打擾。這種打擾會影響到這些用戶對這個界面的掌控感。

這種現象有兩個可能的原因。一是企業擔心用戶不用這些功能,所以就在一級頁面用很多空間來展示它們,Keep 的例子應該屬于此類。二是有部分用戶提建議,所以企業就加了這些功能。

關于第一個原因,個人觀點,有些功能本身就屬于二成需求,在一級頁面占用太多空間不僅改變不了這個現實,還會對用戶形成打擾。

關于第二個原因,個人看法,用戶的建議通常只代表個人立場,而企業至少要代表大部分用戶的立場。

比如,網上就有人建議微信在朋友圈加一個屏蔽別人的功能,實際上微信有這個功能,只是一直隱藏,沒有放出來——因為用的人少,它屬于二成需求,放出來的話會對八成用戶形成打擾。

總的來說,理想情況是接受現實、尊重規律:是八成需求就提供八成空間,是二成需求就提供二成空間。具體參考如下圖所示。

4. 盡量不在標題欄使用 Tab 或下拉框,增加維度

這其實是張小龍分享過的一個觀點,我個人很贊同,就直接引用一下,下面直接看兩個例子。

Keep 6.0 系列的前三個一級頁面,標題欄都使用了 Tab,就顯得內容很多,有點復雜,如下圖所示(僅展示前兩個)。

微信中擁有標題欄的前三個一級頁面,其標題欄都沒有使用 Tab 或下拉框,就顯得簡單、內容少,如下圖所示(僅展示前兩個)。這也是微信保持簡單的一個重要原因。

三、結語

一般情況下,產品都需要更新迭代:增加新功能,完善舊功能。

用戶則是一個矛盾體:一方面對新功能和新事物懷有好奇心;另一方面又希望每次打開常用的產品時,都有一種回到家一樣的熟悉感和一種家里井然有序的掌控感。

好的做法,就是類似微信那樣:盡管加了新功能,但是看起來沒有明顯變化。也就是說,以“不變”的信息架構,來應對萬變的功能。

本文節選于《用戶體驗四維度》一書。

#專欄作家#

李瀟,微信公眾號:SnowDesignStudio,人人都是產品經理專欄作家?!队脩趔w驗四維度》作者,產品設計師,專注于用戶體驗研究與設計。

本文原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 挺好,看到是節選的,打算找整本來研讀一下其他的相關內容

    來自廣東 回復
  2. 信息架構橫跨于多個角色之間,是一個必要且有價值的領域。

    來自山東 回復
  3. 觀點是對的,但是有點太絕對了,不同場景應該不同對待。比如最后的舉例,菜單欄做成tab的,因為Keep本身運動類型很多,tab區分是最合理的方式,不然豈不是要在首頁做很多不同分類的入口,運動信息二級頁面打開?同樣,再比如今日頭條,頂部標題不采用tab有何更合理的方案?
    而微信之所以首頁標題欄沒有tab,是因為首頁的內容本身比較單一,就只是聊天信息,沒有進行分類的必要。

    來自四川 回復
    1. 1111

      來自北京 回復
    2. 1、其實一級頁面的觀念,我個人感覺是認可的
      2、二級頁面更多的表現,是在一級頁面代表的這個來與去的路徑上的點滴,形式這個的確不局限于TAB方式,手機端和PC端的展示選擇也不太一樣
      3、微信的聊天能不能分類,判定的觀點其實取決于其他的競品、參照品是怎么做的,有對比才有思考,要分的話也能分很多,像淘寶聊天其實是分過的,刻意的讓某些消息順序置前,但是UI風格是統一的。

      來自天津 回復
    3. 聊天分類這個功能已驗證,感覺還是很有必要的(釘釘、飛書都有分組)。團隊負責的辦公軟件中即時通信的功能便是以Tab的形式分了組的,全部|群聊|單聊|未讀|通知,反響不錯。目前正在籌劃對群組的更優表現,群組進行場景模式等更智能的方式展示。

      來自四川 回復
  4. 看完文章非常有啟發!文章最后對于用戶心理分析那真的很有道理!

    來自廣西 回復