編輯導語:我們平臺在用各種軟件時,總是會看到一些分類,比如電商平臺的商品分類,資訊平臺的文章分類等等;分類可以更好的幫助用戶準確快速的找到商品,提高用戶體驗度;本文作者分享了關於分類功能應該如何設計的方法,我們一起來看一下。
一、什麼是分類
簡單地講,分類就是按照種類、等級或性質分別歸類。
二 、分類的特點
1. 共同性
某種事物無論是按什麼分類,只要是屬於同一種分類,就一定有一個共同的屬性,而這個屬性就是分類的依據。
假如手機是指“移動便攜性的通訊設備”,那麼小米手機、華為手機、蘋果手機等;雖然系統不同、性能配置不同、外觀設計不同,但是都可以歸類到手機,因為它們都具備“移動便攜性的通訊設備”這一共同屬性。
再舉個很簡單的例子,蘋果、梨子、芒果都可以劃分為水果,因為他們具備“多汁且主要味覺為甜味和酸味,可食用”的屬性(定義來自百度百科),這些屬性是歸屬於這個分類的必要條件。
基於這個分類,我們比較容易判斷得出,生菜不是水果,因為雖然具備可食用性,但是不具備“多汁且主要味覺為甜味和酸味”。
2. 組織性
分類可以把雜亂的事物變得規整,把凌亂的信息按照某些維度劃分,使事物更加清晰。
前兩年風風火火的垃圾分類,就是一個例子;生活中所有物品廢棄後都可以成為垃圾,如果不進行垃圾分類,處理成本高且汙染環境;而垃圾分類,就是將垃圾按一定規定或標準將垃圾分類儲存、投放和搬運。
既然分類是按照某種方式進行組織,那我們需要明確瞭解,分類方式必須讓用戶易於理解;所以,分類本身是否合理,很大程度上取決於人們能否容易理解分類。
“簡單的組織模式具有清晰的界限——是非分明。這樣,用戶才能明確知道到哪裡去找自己想要的東西;因此,要多找一些用戶,詢問他們的分類標準。如果眾口不一,或者根本就難以回答,你就有麻煩了。”
垃圾分類很火還有一個原因,因為用戶經常不知道什麼物品屬於什麼垃圾,這就對垃圾分類產生很大的阻力,網上一時間有了很多識別物品垃圾分類的產品功能。
我之前使用三星手機,每次想要在設置裡面尋找某功能,都很讓人煩躁,因為手機設置裡定義的某功能的分類方式,與我們的認知並不一致;這就會造成尋找時及其低效的情況,同時也會引起強烈不滿;這意味著,如果你忘了某事物的具體名稱,而分類方式與心理模型所認知的分類方式不一致,你就極難找到。
(不過三星很有意思的一點是,儘管在設置的分類項裡找不到,但是往往能在設置項下方的推薦查找處找到相應功能,這就很魔幻。)
3. 高效性
分類本身就是將混亂的事物進行歸類,這帶來一個很明顯優點,就是便於用戶查找,只要用戶明確某事物屬於哪一分類,便能相對輕鬆地找到。
比如我們想要尋找某款好用的修圖軟件,但是不知道具體名稱,想要在應用商店的眾多應用裡,尋找某款應用,比較常用的方式就是搜索或者分類。
分類可以將應用按不同用途進行劃分,比如視頻、拍攝、工具、社交等;通過這些分類,可以很大程度上縮小我們的尋找範圍,這就是分類的高效性。
4. 對比性
分類還有隱藏屬性,就是對比性,許多用戶使用分類時,也會喜歡進行對比。
還是以修圖軟件為例子,你想要某款修圖軟件,於是你通過分類,找到了一批修圖軟件,而你本身並不知道什麼軟件好;分類將相同屬性的軟件聚合到一起,一定程度上可以幫助你基於某種維度進行對比,正好可以讓你更輕鬆地對比哪款軟件更適合你。
5. 全面性
分類是否合理,還需要看分類本身是否足夠全面。
理論上,我們通過分類劃分事物,則分類需要可以將這些食物完全囊括;如果分類本身無法囊括這些事物,就會造成用戶尋找時的盲區,證明這種分類方式本身不合理。
假如用戶去逛淘寶,想要找某物品,但是翻了很多分類,仍然找不到;這時大概率就不會再通過分類進行尋找了,而這種糟糕的體驗,也會讓用戶對這個產品的分類變得很失望。
6. 多樣性
剛才說到,同一分類是圍繞同一個屬性的。但是,同一個事物,本身可以有很多種分類方式;而我們需要保證的是,事物在同一分類裡的具有唯一性。
一首歌,如果按照語言體系維度進行劃分,一般可以劃分為華語、英語、日語等,還可以按照流派維度來劃分,一般可以劃分為電子、輕音樂、搖滾、說唱等。
我們對事物的認識方式是立體的,事物可以被按照不同維度進行不同分類也就不足為怪了;同一個事物,甚至同一個人,是可以有多種分類方式的。
三、設計分類功能
說完分類的許多屬性,我們聊聊在互聯網產品中,用戶會在什麼場景下使用分類?我們又該如何設計分類功能?
1. 分類的使用場景
首先,用戶會在什麼場景下使用分類?從產品層面,分類是便於人們查找某事物的一種方式,因為相對比較清晰、高效。
這裡有個很關鍵的點,就是“查找”;也就是說,分類的使用場景,偏向於人們有相對明確的目的,用戶的行為路徑是有主動的查找需求。
互聯網產品,查找某事物,最常見的方式是搜索,瀏覽,分類;而這幾種方式都有不同點,分類側重於“屬性”區分。
大部分用戶使用分類時,行為特點是相對主動的。此時用戶未必有十分明確的目標,但大致知道想要什麼;比如你想和朋友聚餐,不知道具體吃什麼,這時候你打開了大眾點評,你只知道要吃中餐,這時你可以在中餐的分類裡去找適合你的店。
用戶的目標如果十分清晰,則更適合直接搜索,因為這比起分類查找的路徑更短也更高效。
總結一下,我們要設計分類功能,需要從用戶的角度來觀察分類這件事情。
用戶主要的行為模式:人找內容。
有目標但不夠明確。
2. 如何設計分類功能
a、分類的層級
我們需要先了解分類的細分層級,分類的層級大部分不超過 4 層,但會因不同產品的定義不同而有所區別。
一般來說,第一層是顆粒度相對較大的,接下來會層層在上一層的基礎上細化。
以京東的分類為例:
第一層:奢侈品,箱包,手機等;
第二層:手機包含:熱門品牌、手機類型、運營商、手機配件;
第三層:熱門品牌包含:蘋果、華為、OPPO、VIVO、小米等;
第四層:蘋果手機包含:iPhone 12、iPhone 11等;
最少的層級是兩層,比如垃圾分類:
第一層:可回收垃圾、幹垃圾、溼垃圾、有害垃圾;
第二層:具體的垃圾物品。
就體驗層面而言,建議分類層級避免超過 3、4 層,儘管本身可能會提升細分度,便於用戶查找;但由於分類方式本身必須與用戶的理解相契合,如果太多層分類,用戶需要思考目標內容在哪一分類。經過幾層判斷後,才能找到目標內容,這對於用戶的理解成本是比較高的。
此外,太多層級不利於用戶在不夠熟悉分類方式時快速瞭解某分類下的具體事物;如果用戶對分類的劃分方式理解錯誤,就需要返回繼續查找,效率低、使用門檻高。
當然也不能盲目追求儘可能短的分類層級。兩個層級可能無法滿足查找需求,因為內容量龐大,所以還需要更多的過濾,需要依據產品類型而定。
由於目前許多產品都發展到相對成熟的狀態,所以設計分類功能時,一般不需要對分類方式再進行劃分,主要原因是相同類型的產品,分類方式大同小異。
用戶的理解習慣上,對於某事物的分類也有基本的認知。現在設計分類功能,主要是對頁面交互及視覺層級進行重新設計和調整。
b、如何根據產品設計分類
我們會梳理常見的分類交互框架,從分類入口、頁面佈局等層面可以看到產品中分類功能的定位強弱。
這裡列舉的分類形式,會根據產品的主功能進行闡述;比如電商類就是商品分類、旅遊類就是地點分類等。
側邊導航型分類:
以京東 App 為例,京東把分類功能作為一個主要的頁面模塊;分類 tab 佔據了 App 的第 2 個底部 tab。
使用京東的用戶,購買的目的性相對較強,京東主打的就是自營正品和快遞速度,商品與淘寶相比會少很多,但依然很全,用戶習慣上,“逛”的屬性沒有淘寶那麼強;首頁以功能區+信息流為主,偏向於商品分發+逛信息流,而分類功能則主要滿足相對明確目的用戶需求。
京東分類頁左側為一級分類,右側為二、三級分類。側邊導航將分類豎排的最大優點是能夠充分利用屏幕空間,提升分類類型的展示效率;適用於分類類型多、分類層級多的場景;右側頁面信息靈活性較高,可以配置運營位,如放置運營 Banner ,且支持左右滑動 Banner ;下方一般放置二、三級分類。
右側頁面滑動時,頂部有輔助查找二、三級分類的導航分類標籤,便於用戶快速查找:
切換一級分類:這種框架切換分類的方式主要有兩種:
點擊左側導航欄進行切換;
向上滑動右側頁面進行切換。
用戶習慣上,第 1 種方式會更高效,而第 2 種切換方式會更自然,更符合手勢操作。
以【推薦分類】為例,右側【常用分類、專場推薦、熱門分類】都是歸屬於【推薦分類】的;為了便於用戶更好區分頁面分類層級,頁面向上滑動時,通常會設計繼續上拉切換的提示;目的是提醒用戶,該部分已經滑動到底了,繼續上滑會切換到下一部分,明確區分不同分類。
上滑的另外一種模式,以宜家為例,宜家聚焦於家居用品,分類類目沒有大型電商 App 那麼多。
左側是一級導航【燈具照明、裝飾品等】,右側分類標題與左側導航一一對應,並且分類之間無明確的頁面分隔區分,所以滑動時無需設計切換到下一部分的提示。
以上講的,右側頁面均是二、三級分類入口,並不是具體的;分類層級或類型少的情況下,右側可以嘗試放置具體內容,比如華為應用市場的處理形式。
需要注意:
左側導航佔據了屏幕縱向的固定位置,從而縮減了頁面寬度。
由於層級多,左右側均是分類入口,用戶無法在頁面直接看到具體商品/內容;在電商產品上,用戶容易區分不同分類類目下是什麼商品;但可能在某些 App 上,用戶未必清晰所要尋找的內容在哪一分類類目下,可能造成用戶流失。
如果沒有具體的內容呈現,對於內容、商品等分發效率也存在影響。
頂部 Tab 型分類:
頂部導航型的優點是將多級分類與具體內容結合在一個頁面,可通過點擊或者滑動切換不同分類,將觸達具體內容的路徑儘可能減少,提升具體內容的曝光。
以掌閱 App 為例:最高層為一級分類,可滑動;第二層是二級分類,更精準分類挑選;第三層導航偏向於篩選;第四層為具體內容,用戶無需通過頁面跳轉就能查看。
這種設計特點很明顯:內容曝光 > 分類效率。由於一級分類不多,可以通過左右滑動查看,避免浪費頁面空間;二級分類類型多,採用摺疊的形式將分類收起,點擊可以展開更多二級分類。
顯而易見的,多層分類在頂部排列,視覺效果並不佳;默認狀態下,佔用頁面頂部的空間;這種結構,在設計時為了能夠節省頁面空間,二、三級導航會伴隨用戶向上滑動的手勢摺疊,提升內容的曝光效率。
用戶在滑動場景下,會更聚焦於頁面具體內容而非導航,所以摺疊的設計比較巧妙。
這種設計由於具體內容曝光的效率高,受到許多產品的青睞,適合於資訊類、內容類等產品;比如微博首頁,微博側重於內容的主動推薦,所以將分類弱化為一行導航欄,頁面主體為具體內容推薦;用戶瀏覽的內容有相對固定的傾向,比如會喜歡看綜藝、社會、美妝等內容,並沒有很強的尋找不同分類的訴求。
若用戶想要設置常用的分類頻道,可點擊【+】展開,查看常用頻道。
轉載請超鏈接註明:頭條資訊 » 分類功能應該如何設計?
免責聲明 :非本網註明原創的信息,皆為程序自動獲取互聯網,目的在於傳遞更多信息,並不代表本網贊同其觀點和對其真實性負責;如此頁面有侵犯到您的權益,請給站長發送郵件,並提供相關證明(版權證明、身份證正反面、侵權鏈接),站長將在收到郵件24小時內刪除。