何以至簡(jiǎn)：小紅書的交互設(shè)計(jì)分析

人人都是產(chǎn)品經(jīng)理 ? 2年前掃碼分享

我是創(chuàng)始人李巖：很抱歉！給自己產(chǎn)品做個(gè)廣告，點(diǎn)擊進(jìn)來看看。

編輯導(dǎo)語：交互設(shè)計(jì)的簡(jiǎn)單好用，在很大程度上會(huì)受到用戶的喜愛，小紅書至簡(jiǎn)的交互設(shè)計(jì)，也是如此。那么，小紅書的交互設(shè)計(jì)是如何做到簡(jiǎn)單的？本文將基于需求、功能和信息架構(gòu)這三個(gè)方面來探討其交互設(shè)計(jì)。

說到交互設(shè)計(jì)極為簡(jiǎn)單好用的大眾產(chǎn)品，我一般只會(huì)想到微信和 iOS——不過這是以前了。擱到現(xiàn)在，我還會(huì)想到小紅書——這是我最近兩年經(jīng)常使用小紅書的一個(gè)切身感受。?

那么，小紅書的交互設(shè)計(jì)，是如何做到簡(jiǎn)單的？

畫人像的時(shí)候，一般需要先勾勒整體輪廓和主要的身體部位，然后再去填充細(xì)節(jié)。做交互設(shè)計(jì)，也是如此。交互設(shè)計(jì)的“整體輪廓和主要的身體部位”，其實(shí)就是信息架構(gòu)。關(guān)于小紅書“何以至簡(jiǎn)”的分析將基于“信息架構(gòu)”，暫不涉及信息架構(gòu)以外的細(xì)節(jié)。

為了更深入地分析信息架構(gòu)，還必須去分析它的上游——功能，以及功能的上游——需求。也就是說，本文將基于需求、功能和信息架構(gòu)這三個(gè)方面來分析小紅書的交互設(shè)計(jì)。

何以至簡(jiǎn)：小紅書的交互設(shè)計(jì)分析

01「根需求」分析

關(guān)于根需求的分析，本文所用方法是：先分析需求，再分析根需求。類似“由表及里”。因?yàn)楦枨笫潜举|(zhì)需求，我們可以一下子就抓到表象（任意一個(gè)），但很難一下子就抓到本質(zhì)。

這就意味著，根需求是需要孜孜探索一番的，所用方法為“大膽假設(shè)，小心求證；二次驗(yàn)證”。簡(jiǎn)單起見，這里就省去相關(guān)的探索過程，直接說探索結(jié)果。

小紅書主要滿足至少四類需求：看筆記，發(fā)筆記，購物，記錄日常。

“看筆記”對(duì)應(yīng)的根需求為：便捷地看到自己感興趣的且符合自己質(zhì)量標(biāo)準(zhǔn)的筆記（效率、興趣、質(zhì)量）。以我個(gè)人為例，感覺這個(gè)根需求基本上能得到滿足。

之所以說“基本上”，關(guān)鍵點(diǎn)在于“質(zhì)量”這塊，比如一些知識(shí)類內(nèi)容就很難滿足自己的“質(zhì)量”標(biāo)準(zhǔn)，我的選擇就是不去看這些知識(shí)類內(nèi)容，更多地去看那些輕松一點(diǎn)的屬于簡(jiǎn)單經(jīng)驗(yàn)分享的內(nèi)容（基本能滿足自己的“質(zhì)量”標(biāo)準(zhǔn)）。

“發(fā)筆記”對(duì)應(yīng)的根需求為：博主的內(nèi)容得到比較公平的分發(fā)（公平），博主能夠成長(zhǎng)為一個(gè)品牌（成為品牌），博主能夠盈利（盈利）。

作為一個(gè)以文章為主、視頻為輔的博主，我嘗試過在小紅書上發(fā)由文章轉(zhuǎn)化而來的視頻和圖文——沒有期待過“盈利”，對(duì)“成為品牌”的訴求也不高——整體感受是，“公平”這塊還不錯(cuò)，因?yàn)樾〖t書的內(nèi)容分發(fā)是比較去中心化的，去中心化天然地比較“公平”。

“購物”所對(duì)應(yīng)的根需求這塊，我只在小紅書買過一次東西，很難說出它的特色，所以這塊省略。“記錄日常”我沒有用過，也沒有研究過，所以其對(duì)應(yīng)的根需求也暫且不提。

其中，看筆記和發(fā)筆記是“主要根需求”的范疇，購物和記錄日常是“次要根需求”的范疇。

最后，關(guān)于根需求，有個(gè)非常關(guān)鍵的點(diǎn)，請(qǐng)大家注意下，那就是“需求”和“根需求”的區(qū)別——前者通常可以用一個(gè)稀松平常的詞或短語來表達(dá)，比如“看筆記”，而后者往往需要在這個(gè)詞或短語前加上幾個(gè)有深度的（觸達(dá)或接近本質(zhì)）形容詞或副詞，比如“便捷地看到自己感興趣的且符合自己質(zhì)量標(biāo)準(zhǔn)的筆記”。

也就是說，“看筆記”只是小紅書所滿足的“需求”，而“便捷地看到自己感興趣的且符合自己質(zhì)量標(biāo)準(zhǔn)的筆記”才是小紅書所滿足的“根需求”，這一點(diǎn)請(qǐng)務(wù)必區(qū)分清楚。

02 「功能架構(gòu)」分析

在產(chǎn)品的五大類功能（核心功能、重大功能、輔助功能、盈利功能、通用功能）中，小紅書擁有核心功能、重大功能、盈利功能和通用功能這四類。

屬于主要根需求范疇的是看筆記和發(fā)筆記，對(duì)應(yīng)的核心功能是“首頁”（看筆記）和“新增”（加號(hào)，發(fā)筆記）。

屬于次要根需求范疇的是購物和記錄日常，對(duì)應(yīng)的重大功能是“購物”和“記錄我的日常”（入口為一個(gè)圖標(biāo)，在首頁的左上角）。

“首頁”（里面的廣告）、“購物”都可以盈利，所以這兩個(gè)功能也是盈利功能。

“我”頁面筆記以外的內(nèi)容基本屬于通用功能（個(gè)人資料、設(shè)置等），“我”頁面筆記相關(guān)的內(nèi)容依然屬于核心功能。

最后看下“消息”頁面。“消息”屬于什么功能？通用功能、重大功能還是核心功能？

小紅書的“消息”，粗略分為兩類。

第一類是贊和收藏、新增關(guān)注、評(píng)論和@，以九宮格的形式（單行）展示在最上方；第二類為陌生人消息、客服消息等，以列表的形式展示在下方。以我個(gè)人的使用經(jīng)驗(yàn)來看，消息多集中在第一類。

而第一類（贊、收藏、評(píng)論等）是“筆記”衍生出來的，它們也幾乎是 UGC 產(chǎn)品的標(biāo)配，所以可以把小紅書的“消息”基本認(rèn)定為核心功能（“筆記”）的子功能，大類上仍然屬于核心功能。

何以至簡(jiǎn)：小紅書的交互設(shè)計(jì)分析

為什么這么糾結(jié)于每個(gè)功能到底是五大類功能中的哪一類？因?yàn)楫?dāng)用信息架構(gòu)落地功能架構(gòu)時(shí)，需要清楚地知道每一類功能的性質(zhì)，如此才能科學(xué)嚴(yán)謹(jǐn)?shù)貙⒏黝惞δ苈涞兀罱K做出簡(jiǎn)單好用的信息架構(gòu)。

03 「信息架構(gòu)」分析

我們將從兩個(gè)維度來分析，一是信息架構(gòu)本身，二是信息架構(gòu)對(duì)功能架構(gòu)的落地。

1. 信息架構(gòu)本身

信息架構(gòu)的主要價(jià)值是掌控感（于用戶而言）和健康迭代（于產(chǎn)品而言）。實(shí)現(xiàn)這倆價(jià)值的要點(diǎn)，可以總結(jié)成三個(gè)數(shù)字——432——不要超過 4 個(gè)一級(jí)頁面；不要超過 3 種內(nèi)容樣式；不為 2 成需求，去打擾 8 成用戶。

很明顯，小紅書對(duì)簡(jiǎn)單有很深的偏愛：共有 4 個(gè)一級(jí)頁面；最重要的首頁只有 1 種內(nèi)容樣式，“購物”頁面有 3 種內(nèi)容樣式，“消息”頁有 2 種內(nèi)容樣式（2 種還很相似），“我”頁面有大概 2 種內(nèi)容樣式；可以稱得上 2 成需求的有“記錄我的日常”和“購物”，一個(gè)在首頁的左上角（一個(gè)圖標(biāo)入口），一個(gè)是第二個(gè)一級(jí)頁面（占大概 25% 的空間），它們都不會(huì)對(duì) 8 成用戶造成太多打擾。

小紅書的信息架構(gòu)完全符合“432”原則，能給用戶帶來很好的掌控感，非常好，這是它保持簡(jiǎn)單的重要秘訣之一。

2. 信息架構(gòu)對(duì)功能架構(gòu)的落地

結(jié)合小紅書來看，信息架構(gòu)對(duì)功能架構(gòu)的落地，主要指如何在現(xiàn)有的 4 個(gè)一級(jí)頁面上安置小紅書的四類功能。這其中涉及兩個(gè)核心原則——和重要程度保持一致，和使用頻率保持一致——前者主要影響到每類功能所占空間的大小，后者主要影響每類功能的排序。

根據(jù)上面的分析，小紅書的核心功能（筆記）和重大功能（購物）同時(shí)也是盈利功能，所以去下重，這個(gè)問題就成了：如何在現(xiàn)有的 4 個(gè)一級(jí)頁面上落地小紅書的三類功能（核心功能、重大功能、通用功能）。

先來看“和重要程度保持一致”，我給到的參考建議是：核心功能占用接近 50% 的空間（兩個(gè)一級(jí)頁面），重大功能占用接近 40% 的空間（大概一個(gè)半一級(jí)頁面），通用功能占用大概 12.5% 的空間（半個(gè)一級(jí)頁面）。

來對(duì)照下小紅書，它的核心功能是“首頁”、“消息”里的大部分功能和“我”里面的一大半功能，加起來接近兩個(gè)半一級(jí)頁面。它的重大功能是“購物”和“記錄我的日常”，共占一個(gè)多一點(diǎn)一級(jí)頁面。它的通用功能是“我”頁面筆記以外的大部分功能，共占大概半個(gè)一級(jí)頁面。

再來看“和使用頻率保持一致”，我給到的參考建議是：核心功能排在第一，通用功能排在最后，重大功能和輔助功能排在中間。小紅書的信息架構(gòu)完全符合這些參考建議。

總的來看，小紅書里信息架構(gòu)對(duì)功能架構(gòu)的落地，既基本符合“和重要程度保持一致”，又完全符合“和使用頻率保持一致”，這是它保持簡(jiǎn)單的另一個(gè)重要秘訣。

結(jié)語

交互設(shè)計(jì)的簡(jiǎn)單，直接得益于其根基“信息架構(gòu)”的簡(jiǎn)單。信息架構(gòu)的簡(jiǎn)單，很大程度上得益于其上游“功能架構(gòu)”的簡(jiǎn)單有序——試想下，如果功能架構(gòu)是紛亂復(fù)雜的，比如各種不同性質(zhì)的功能雜糅堆積在一起（如一些音樂類 App 的首頁），那么承載功能的信息架構(gòu)就無法保持簡(jiǎn)單。而功能架構(gòu)的簡(jiǎn)單有序，也離不開其上游“根需求”的簡(jiǎn)單有序，因?yàn)楣δ苁怯尚枨笾苯愚D(zhuǎn)化而來的。

小紅書正是在根需求、功能架構(gòu)上做到了簡(jiǎn)單有序，同時(shí)信息架構(gòu)本身也很簡(jiǎn)單，信息架構(gòu)對(duì)功能架構(gòu)的落地也很科學(xué)嚴(yán)謹(jǐn)，所以它的交互設(shè)計(jì)才能夠做到極為簡(jiǎn)單好用。

最后，用朱熹的一句古詩來和大家共勉。

問渠那得清如許，為有源頭活水來。