這篇文章可以作為一篇競(jìng)品分析來(lái)看。我在設(shè)計(jì)產(chǎn)品時(shí)，確實(shí)遇到了分類不好界定，以及糾結(jié)交互形式的情況，所以參考了很多產(chǎn)品的分類管理模塊，以下我將從分類的作用、分類的界定以及交互設(shè)計(jì)三個(gè)方面總結(jié)分類設(shè)計(jì)的技巧。

分類的作用

首先要明確為什么有分類設(shè)計(jì)?！胺诸悺薄謩e歸類，在產(chǎn)品中是將內(nèi)容按照統(tǒng)一規(guī)則進(jìn)行整理歸類。在產(chǎn)品設(shè)計(jì)中，分類往往會(huì)被作為了解內(nèi)容的快速入口，因此也是提升用戶體驗(yàn)的重要方面。

幫助用戶快速定位所需內(nèi)容

在產(chǎn)品設(shè)計(jì)中通常會(huì)把分類入口放置在首頁(yè)、底部導(dǎo)航或頂部導(dǎo)航等明顯位置。用戶在使用產(chǎn)品時(shí)往往是有預(yù)期的，比如去大眾點(diǎn)評(píng)想要查看美食資訊，但是沒(méi)有明確的目標(biāo)，這時(shí)可以快速找到“美食”專區(qū)，按照喜好進(jìn)行瀏覽。

了解產(chǎn)品

分類可以讓用戶對(duì)產(chǎn)品中的內(nèi)容有一個(gè)大致了解，為搜索關(guān)鍵詞圈定范圍。當(dāng)用戶首次打開(kāi)一個(gè)產(chǎn)品時(shí)，可以通過(guò)分類了解是否有想要查看的內(nèi)容，了解產(chǎn)品定位，進(jìn)而搜索相關(guān)內(nèi)容。例：當(dāng)我打開(kāi)“慕課”這個(gè)app時(shí)，查看課程分類，可了解是否有與我的大學(xué)專業(yè)相關(guān)的資源，看到有“數(shù)學(xué)”分類，可快速檢索“高數(shù)”課程相關(guān)資源。

作為一種內(nèi)容推薦的方式

有很多產(chǎn)品會(huì)利用分類方式引導(dǎo)用戶查看或消費(fèi)某些內(nèi)容。通過(guò)分類的編排設(shè)計(jì)巧妙地凸顯出價(jià)值高的內(nèi)容，增加曝光量、點(diǎn)擊率以及轉(zhuǎn)化率。

例，大眾點(diǎn)評(píng)的“為你推薦”，引導(dǎo)用戶了解平臺(tái)的最新優(yōu)惠活動(dòng)、以及進(jìn)入特色內(nèi)容專區(qū)。

分類的界定

內(nèi)容那么多，我們?cè)摬捎媚姆N規(guī)則去分類？

去繁從簡(jiǎn)

分類的本質(zhì)就是對(duì)內(nèi)容的整理，避免因呈現(xiàn)過(guò)多的內(nèi)容，影響用戶的查找。所以不易有過(guò)于復(fù)雜的分類，要提煉最精煉而不是最全的分類，去繁從簡(jiǎn)。可以將重點(diǎn)展示的分類與非重點(diǎn)在視覺(jué)感受上有所區(qū)分。重點(diǎn)可以展示點(diǎn)擊率、購(gòu)買率比較高的分類，不必要把全部分類都展示出來(lái)。且盡量展示內(nèi)容比較全的分類項(xiàng)，內(nèi)容比較少且冷門的分類可以放到最后面展示，較多時(shí)可以合并為“其它”處理。

以下是某兩個(gè)購(gòu)物網(wǎng)站的的分類管理：

（1）將所有可能的商品分類都羅列出來(lái)，分類較多，且沒(méi)有視覺(jué)上的側(cè)重點(diǎn)。

（2）提煉出了九個(gè)突出的大分類，并設(shè)置了全部細(xì)分分類的入口，每個(gè)分類還有對(duì)應(yīng)的icon美化。

那么，同時(shí)進(jìn)入這兩個(gè)產(chǎn)品的首頁(yè)，你會(huì)被哪個(gè)所吸引？

清晰明了

用戶需要通過(guò)分類了解產(chǎn)品的內(nèi)容是否滿足自己的需求，所以分類需要清晰明了，用戶能夠一目了然自己所需的內(nèi)容在哪個(gè)分類中。

符合用戶的使用習(xí)慣

用戶平時(shí)不接觸的分類名詞會(huì)使其感到迷茫，究竟自己想看的內(nèi)容在哪個(gè)分類下。

首先需要明確產(chǎn)品面向的用戶是誰(shuí)，這些用戶會(huì)習(xí)慣使用哪些分類。比如我們要做一款面向大學(xué)生的教育資源軟件。分類規(guī)則有這樣幾種：中圖分類、教材分類、學(xué)科分類（課程分類）、專業(yè)分類。先要明確大學(xué)生使用這款產(chǎn)品的最終目的是通過(guò)學(xué)習(xí)知識(shí)、做題練習(xí)從而順利通過(guò)考試。那么我們的資源內(nèi)容就要與他們的考試息息相關(guān)，而考試又是與課程對(duì)應(yīng)的，所以選擇用他們的學(xué)科分類規(guī)則進(jìn)行內(nèi)容歸類。

切記勿使用過(guò)于專業(yè)的術(shù)語(yǔ)。比如一款音樂(lè)類應(yīng)用，用戶想要找到本地音樂(lè)的入口，下面這兩種功能名稱哪種更利于理解就顯而易見(jiàn)了。我們最常使用的詞是“下載”，“緩存”屬于過(guò)于專業(yè)的技術(shù)詞了。

交互設(shè)計(jì)

明確了分類的規(guī)則后，就要著手于產(chǎn)品的表面層了。想要恰當(dāng)?shù)卣故痉诸?，需要注意以下幾點(diǎn)：

考慮名稱字?jǐn)?shù)的限制

如果分類名稱的字?jǐn)?shù)過(guò)多且不統(tǒng)一時(shí)：

1. 最好是能找到簡(jiǎn)稱，限制字?jǐn)?shù)。
2. 如果字?jǐn)?shù)多的情況比較少時(shí)可以選擇用省略號(hào)，但不是很建議使用，很可能省略掉的才是重要信息。
3. 如果一行展示不全也可以考慮兩行展示，但缺點(diǎn)是會(huì)顯得有些凌亂。

考慮分類的數(shù)量

如果分類的數(shù)量過(guò)多時(shí)，可以只展示重點(diǎn)突出的分類，其他的收起，用戶可隨意調(diào)整收起與展開(kāi)。

考慮分類的層級(jí)

如果是分類有多層級(jí)，可采用列表形式展現(xiàn)。建議不要超過(guò)三個(gè)層級(jí)，否則交互上切換太復(fù)雜。

標(biāo)簽訂閱

在某些場(chǎng)景下，用戶是有明確的分類傾向的，除了自身感興趣的分類外，不會(huì)考慮其他分類。比如找工作與逛社區(qū)。

用戶在應(yīng)聘時(shí)除了自身的行業(yè)、崗位外，不會(huì)考慮其他的工種，所以讓用戶在登錄時(shí)就設(shè)置好崗位傾向的條件，產(chǎn)品就只呈現(xiàn)用戶訂閱的分類資源，不展示其他分類入口。招聘網(wǎng)站較多使用這種方式，例：智聯(lián)。

用戶在逛社區(qū)或論壇時(shí)，只想?yún)⑴c到自己感興趣的社群中，不希望被其他無(wú)關(guān)內(nèi)容所干擾。所以登錄時(shí)提前選擇好興趣項(xiàng)，則首頁(yè)內(nèi)容只展示關(guān)注的分類內(nèi)容。例：簡(jiǎn)書(shū)、小紅書(shū)。

總結(jié)

分類是用戶了解產(chǎn)品內(nèi)容的途徑，幫助用戶快速定位自己所需的內(nèi)容，也被作為內(nèi)容推薦的一種方式，引導(dǎo)用戶查看推薦的內(nèi)容。

分類遵從的原則：

1. 去繁從簡(jiǎn)
2. 清晰明了
3. 符合用戶的使用習(xí)慣

分類管理的交互設(shè)計(jì)要注意：

1. 考慮分類名稱字?jǐn)?shù)的限制，盡量控制在5個(gè)字以內(nèi)，過(guò)于復(fù)雜的使用簡(jiǎn)稱。
2. 考慮分類的數(shù)量，數(shù)量過(guò)多時(shí)要有主次區(qū)分
3. 考慮分類的層級(jí)，分類層級(jí)建議最多三層
4. 如果用戶是有明確的喜好傾向時(shí)，建議采用標(biāo)簽訂閱的方式，避免其他不感興趣項(xiàng)的干擾。

作者：大金子，1歲產(chǎn)品經(jīng)理，1年互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn)。

本文由 @大金子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。