移動端產(chǎn)品設(shè)計之分類管理

這篇文章可以作為一篇競品分析來看。我在設(shè)計產(chǎn)品時,確實遇到了分類不好界定,以及糾結(jié)交互形式的情況,所以參考了很多產(chǎn)品的分類管理模塊,以下我將從分類的作用、分類的界定以及交互設(shè)計三個方面總結(jié)分類設(shè)計的技巧。
分類的作用
首先要明確為什么有分類設(shè)計?!胺诸悺薄謩e歸類,在產(chǎn)品中是將內(nèi)容按照統(tǒng)一規(guī)則進行整理歸類。在產(chǎn)品設(shè)計中,分類往往會被作為了解內(nèi)容的快速入口,因此也是提升用戶體驗的重要方面。
幫助用戶快速定位所需內(nèi)容
在產(chǎn)品設(shè)計中通常會把分類入口放置在首頁、底部導(dǎo)航或頂部導(dǎo)航等明顯位置。用戶在使用產(chǎn)品時往往是有預(yù)期的,比如去大眾點評想要查看美食資訊,但是沒有明確的目標(biāo),這時可以快速找到“美食”專區(qū),按照喜好進行瀏覽。
了解產(chǎn)品
分類可以讓用戶對產(chǎn)品中的內(nèi)容有一個大致了解,為搜索關(guān)鍵詞圈定范圍。當(dāng)用戶首次打開一個產(chǎn)品時,可以通過分類了解是否有想要查看的內(nèi)容,了解產(chǎn)品定位,進而搜索相關(guān)內(nèi)容。例:當(dāng)我打開“慕課”這個app時,查看課程分類,可了解是否有與我的大學(xué)專業(yè)相關(guān)的資源,看到有“數(shù)學(xué)”分類,可快速檢索“高數(shù)”課程相關(guān)資源。
作為一種內(nèi)容推薦的方式
有很多產(chǎn)品會利用分類方式引導(dǎo)用戶查看或消費某些內(nèi)容。通過分類的編排設(shè)計巧妙地凸顯出價值高的內(nèi)容,增加曝光量、點擊率以及轉(zhuǎn)化率。
例,大眾點評的“為你推薦”,引導(dǎo)用戶了解平臺的最新優(yōu)惠活動、以及進入特色內(nèi)容專區(qū)。
分類的界定
內(nèi)容那么多,我們該采用哪種規(guī)則去分類?
去繁從簡
分類的本質(zhì)就是對內(nèi)容的整理,避免因呈現(xiàn)過多的內(nèi)容,影響用戶的查找。所以不易有過于復(fù)雜的分類,要提煉最精煉而不是最全的分類,去繁從簡??梢詫⒅攸c展示的分類與非重點在視覺感受上有所區(qū)分。重點可以展示點擊率、購買率比較高的分類,不必要把全部分類都展示出來。且盡量展示內(nèi)容比較全的分類項,內(nèi)容比較少且冷門的分類可以放到最后面展示,較多時可以合并為“其它”處理。
以下是某兩個購物網(wǎng)站的的分類管理:
(1)將所有可能的商品分類都羅列出來,分類較多,且沒有視覺上的側(cè)重點。
(2)提煉出了九個突出的大分類,并設(shè)置了全部細(xì)分分類的入口,每個分類還有對應(yīng)的icon美化。
那么,同時進入這兩個產(chǎn)品的首頁,你會被哪個所吸引?
清晰明了
用戶需要通過分類了解產(chǎn)品的內(nèi)容是否滿足自己的需求,所以分類需要清晰明了,用戶能夠一目了然自己所需的內(nèi)容在哪個分類中。
符合用戶的使用習(xí)慣
用戶平時不接觸的分類名詞會使其感到迷茫,究竟自己想看的內(nèi)容在哪個分類下。
首先需要明確產(chǎn)品面向的用戶是誰,這些用戶會習(xí)慣使用哪些分類。比如我們要做一款面向大學(xué)生的教育資源軟件。分類規(guī)則有這樣幾種:中圖分類、教材分類、學(xué)科分類(課程分類)、專業(yè)分類。先要明確大學(xué)生使用這款產(chǎn)品的最終目的是通過學(xué)習(xí)知識、做題練習(xí)從而順利通過考試。那么我們的資源內(nèi)容就要與他們的考試息息相關(guān),而考試又是與課程對應(yīng)的,所以選擇用他們的學(xué)科分類規(guī)則進行內(nèi)容歸類。
切記勿使用過于專業(yè)的術(shù)語。比如一款音樂類應(yīng)用,用戶想要找到本地音樂的入口,下面這兩種功能名稱哪種更利于理解就顯而易見了。我們最常使用的詞是“下載”,“緩存”屬于過于專業(yè)的技術(shù)詞了。
交互設(shè)計
明確了分類的規(guī)則后,就要著手于產(chǎn)品的表面層了。想要恰當(dāng)?shù)卣故痉诸?,需要注意以下幾點:
考慮名稱字?jǐn)?shù)的限制
如果分類名稱的字?jǐn)?shù)過多且不統(tǒng)一時:
- 最好是能找到簡稱,限制字?jǐn)?shù)。
- 如果字?jǐn)?shù)多的情況比較少時可以選擇用省略號,但不是很建議使用,很可能省略掉的才是重要信息。
- 如果一行展示不全也可以考慮兩行展示,但缺點是會顯得有些凌亂。
考慮分類的數(shù)量
如果分類的數(shù)量過多時,可以只展示重點突出的分類,其他的收起,用戶可隨意調(diào)整收起與展開。
考慮分類的層級
如果是分類有多層級,可采用列表形式展現(xiàn)。建議不要超過三個層級,否則交互上切換太復(fù)雜。
標(biāo)簽訂閱
在某些場景下,用戶是有明確的分類傾向的,除了自身感興趣的分類外,不會考慮其他分類。比如找工作與逛社區(qū)。
用戶在應(yīng)聘時除了自身的行業(yè)、崗位外,不會考慮其他的工種,所以讓用戶在登錄時就設(shè)置好崗位傾向的條件,產(chǎn)品就只呈現(xiàn)用戶訂閱的分類資源,不展示其他分類入口。招聘網(wǎng)站較多使用這種方式,例:智聯(lián)。
用戶在逛社區(qū)或論壇時,只想?yún)⑴c到自己感興趣的社群中,不希望被其他無關(guān)內(nèi)容所干擾。所以登錄時提前選擇好興趣項,則首頁內(nèi)容只展示關(guān)注的分類內(nèi)容。例:簡書、小紅書。
總結(jié)
分類是用戶了解產(chǎn)品內(nèi)容的途徑,幫助用戶快速定位自己所需的內(nèi)容,也被作為內(nèi)容推薦的一種方式,引導(dǎo)用戶查看推薦的內(nèi)容。
分類遵從的原則:
- 去繁從簡
- 清晰明了
- 符合用戶的使用習(xí)慣
分類管理的交互設(shè)計要注意:
- 考慮分類名稱字?jǐn)?shù)的限制,盡量控制在5個字以內(nèi),過于復(fù)雜的使用簡稱。
- 考慮分類的數(shù)量,數(shù)量過多時要有主次區(qū)分
- 考慮分類的層級,分類層級建議最多三層
- 如果用戶是有明確的喜好傾向時,建議采用標(biāo)簽訂閱的方式,避免其他不感興趣項的干擾。
作者:大金子,1歲產(chǎn)品經(jīng)理,1年互聯(lián)網(wǎng)產(chǎn)品設(shè)計經(jīng)驗。
本文由 @大金子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
- 目前還沒評論,等你發(fā)揮!