一、什么是分類？

百度百科定義——分類，是按照種類、等級(jí)或者性質(zhì)分別歸類。將無(wú)規(guī)律的事物分為有規(guī)律的，按照不同的特點(diǎn)劃分事物，使事物更有規(guī)律。

從上面的定義中我們可以得出關(guān)于分類的以下關(guān)鍵點(diǎn)：分類讓無(wú)序的事物變得有序；分類的依據(jù)是根據(jù)事物的特點(diǎn)，如種類、等級(jí)或者性質(zhì)。

所以，在產(chǎn)品中引入分類功能，可以幫助用戶什么？通過(guò)上述定義，我覺(jué)得分類可以幫助用戶提高獲取信息的效率，分類功能可以幫助用戶在整個(gè)產(chǎn)品龐大的數(shù)據(jù)信息面前通過(guò)有效分組和合理的布局快速定位到自己想要的數(shù)據(jù)，所以分類是一個(gè)非常有用的組織信息的工具，當(dāng)然并不是所有的產(chǎn)品都需要用到分類功能。

二、哪些產(chǎn)品需要分類？

筆者以自己手機(jī)上安裝的app為例，有分類的app分別有視頻類、閱讀類、學(xué)習(xí)類、電商類。

雖然產(chǎn)品類別不同，但是從上面的表格可以看到關(guān)于分類的一些的基本特征。

2.1分類的入口

分類的入口主要有三種形式：首頁(yè)二級(jí)標(biāo)簽、底部Tab欄第二個(gè)標(biāo)簽、內(nèi)容區(qū)域功能入口。至于要選擇哪種形式要根據(jù)產(chǎn)品定位和用戶場(chǎng)景而定。

2.2分類的層級(jí)

這里的“層級(jí)”是筆者自己的一個(gè)概念，主要用以更好的理解分類的層次。簡(jiǎn)單的以比較復(fù)雜的淘寶為例，我將淘寶分為3級(jí)：1級(jí)是女裝、母嬰、美妝洗護(hù)、手機(jī)數(shù)碼等；2級(jí)（女裝類目）是裙裝、上裝、褲裝等；3級(jí)（裙裝類目）是雪紡連衣裙、半身裙、魚(yú)尾連衣裙等，這樣是不是比較好理解hhh

分類的層級(jí)由產(chǎn)品的信息復(fù)雜度決定，復(fù)雜度低1級(jí)搞定，復(fù)雜度高3級(jí)搞定。

2.3分類字段字?jǐn)?shù)

經(jīng)觀察上述產(chǎn)品中，分類的字段字?jǐn)?shù)基本是4個(gè)字，最少2個(gè)字，最多8個(gè)字。觀察這個(gè)是因?yàn)槲蚁肟纯醋侄蔚淖謹(jǐn)?shù)是否對(duì)設(shè)計(jì)有影響？我發(fā)現(xiàn)主要是按鈕控件的設(shè)計(jì)可能會(huì)產(chǎn)生影響，主要有以下兩種形式：

在網(wǎng)易云課堂中，3級(jí)類目每行顯示3個(gè)按鈕控件，如果字?jǐn)?shù)超過(guò)4個(gè)字，則按鈕控件長(zhǎng)度相應(yīng)變長(zhǎng)，那么在頁(yè)面寬度不變的情況下，每行顯示需調(diào)整成2個(gè)按鈕控件。

而在騰訊課堂中，按鈕控件的寬度相對(duì)比較寬，所以當(dāng)字?jǐn)?shù)過(guò)長(zhǎng)時(shí)，控件的文案可變?yōu)閮尚酗@示，按鈕控件長(zhǎng)度不變，以保證3級(jí)類目每行固定顯示3個(gè)控件。

2.4分類的流程

這里主要考察分類功能流程路徑，發(fā)現(xiàn)所有產(chǎn)品都非常一致：2個(gè)頁(yè)面（分類頁(yè)面，對(duì)應(yīng)分類列表頁(yè)面）；1級(jí)分類1次點(diǎn)擊，2級(jí)分類1-2次點(diǎn)擊。簡(jiǎn)單的路徑讓用戶快速定位到自己需要的信息，效率高，體驗(yàn)自然好。

2.5分類的交互

分類功能的交互操作非常簡(jiǎn)單，就是通過(guò)手勢(shì)的滑動(dòng)和點(diǎn)擊，用戶易上手。

三、分類涉及的頁(yè)面細(xì)節(jié)？

從上面我們已經(jīng)可以知道分類涉及的頁(yè)面主要是兩個(gè)，一個(gè)是分類頁(yè)面，一個(gè)是分類對(duì)應(yīng)的列表頁(yè)面。

3.1分類頁(yè)面

3.1.1頁(yè)面的內(nèi)容

主要是展示產(chǎn)品的常規(guī)分類，其余就是根據(jù)產(chǎn)品的發(fā)展階段、產(chǎn)品定位與用戶需求等適當(dāng)增加其他功能如（搜索）和類目（推薦、子業(yè)務(wù)）。比如說(shuō)：推薦功能在產(chǎn)品的萌芽期沒(méi)有背后強(qiáng)大的數(shù)據(jù)庫(kù)就無(wú)法支撐。

3.1.2頁(yè)面的布局及交互方式

1層級(jí)的分類頁(yè)面：布局簡(jiǎn)單，常規(guī)的網(wǎng)格布局，各產(chǎn)品的主要差別體現(xiàn)在視覺(jué)風(fēng)格和各項(xiàng)信息的詳細(xì)程度。通過(guò)點(diǎn)擊即可進(jìn)入對(duì)應(yīng)頁(yè)面。

3層級(jí)的分類頁(yè)面：將頁(yè)面分成兩欄，1級(jí)類目以文字列表形式，2級(jí)和3級(jí)成組，可用分割線/間隔/卡片分割。2級(jí)類目作為3級(jí)類目標(biāo)題，是否可點(diǎn)擊根據(jù)自己的產(chǎn)品而定。3級(jí)類目以網(wǎng)格形式，具體的顯示規(guī)則等都以產(chǎn)品類型而選擇適合自己的解決方案。像在電商類的場(chǎng)景使用圖片形式讓用戶感受到了真實(shí)的感覺(jué)。

3.2分類對(duì)應(yīng)的列表頁(yè)面

3.2.1頁(yè)面的內(nèi)容

筆者認(rèn)為該頁(yè)面的內(nèi)容簡(jiǎn)單可總結(jié)為：類目+排序+篩選+列表+其他功能（搜索等），類目其實(shí)也可以歸類到篩選里面的，不過(guò)因?yàn)楸疚挠懻摲诸?，所以單?dú)拎出來(lái)了。

表格中我們可以發(fā)現(xiàn)因?yàn)楫a(chǎn)品不同，所以篩選的條件也不同，如視頻類：地區(qū)+類型+年份+付費(fèi)；電商類：銷量+價(jià)格+品牌等（也會(huì)根據(jù)商品類型不同選擇不同的篩選信息），電商類還會(huì)額外有“篩選”字段，筆者以為這里叫“更多篩選”更加合適，但是因?yàn)橛脩粢膊粫?huì)搞錯(cuò)，所以叫篩選來(lái)減少字段數(shù)也沒(méi)關(guān)系。

OK，這里終于要再來(lái)講一下關(guān)于分類的層級(jí)。在本文【二、哪些產(chǎn)品有分類？】中，筆者說(shuō)過(guò)：“分類的層級(jí)由產(chǎn)品的信息復(fù)雜度決定，復(fù)雜度低1級(jí)搞定，復(fù)雜度高3級(jí)搞定?！?/p>

對(duì)，沒(méi)有講到2級(jí)。既然層級(jí)可以分成1級(jí)和3級(jí)，難道就沒(méi)有2級(jí)嗎？——其實(shí)有的，在視頻類和閱讀類產(chǎn)品中筆者發(fā)現(xiàn)其實(shí)嚴(yán)格意義上來(lái)講產(chǎn)品分類的層次是2級(jí)的，只不過(guò)在分類頁(yè)面真的沒(méi)有體現(xiàn)，而是將2級(jí)類目放在1級(jí)類目對(duì)應(yīng)的列表頁(yè)。

3.2.2頁(yè)面的布局及交互方式

主要是三種常用解決方案：按鈕控件、標(biāo)簽欄和下拉控件。每個(gè)方案都有優(yōu)缺點(diǎn)，根據(jù)方案的適用場(chǎng)景擇優(yōu)選擇。用的比較多的是按鈕控件和標(biāo)簽欄兩種形式，下拉控件雖然能有效的隱藏和顯示信息，但是操作步驟較多，比較適用于電商類這種涉及較多其他功能的場(chǎng)景下。

Anyway, 筆者以為京東這個(gè)頁(yè)面的設(shè)計(jì)有點(diǎn)復(fù)雜，不過(guò)這里主要討論分類所以不展開(kāi)敘述。

最后的話，上面筆者只是總結(jié)了一些常用的關(guān)于分類設(shè)計(jì)的細(xì)節(jié)，當(dāng)我們碰到分類設(shè)計(jì)的需求時(shí)，還是要根據(jù)產(chǎn)品所處的階段、定位、用戶需求等綜合考慮的。

OK! 88~