分類就是將諸多的內容進行歸類，提高用戶的查找效率。特別是內容較多的時候，分門別類就顯得格外重要。這篇文章我是從分類的入口、分類的形式來分析分類的設計。

一、分類入口

分類入口一般情況會放在比較顯眼的位置，這樣用戶在沒找到自己所需類別時，能夠快速進入分類頁繼續(xù)查找，降低焦慮。具體可以分為以下五種：

1、金剛區(qū)的尾部；

2、頂部導航上；

3、tab欄上設單獨入口；

4、搜索進入；

5、直接展示分類詳情。 

1、金剛區(qū)尾部

很多app會把分類的入口放在金剛區(qū)的尾部，做為核心功能分類的一個補充。這種分類一般多于十個，把重要類別在首頁展示，當不能滿足用戶需求時可點入分類頁繼續(xù)查看所需類目。

 

網頁APP分類設計

2、頂部導航右側

放在頂部導航和金剛區(qū)尾部的有點類似，也是做為類別的延伸補充。導航分類可以滑動查看，也可跳轉分類頁面繼續(xù)查看。由于頂部的區(qū)域較小，容易被忽視，有些產品會把分類圖標做成是動效形式。

 

網頁APP分類設計

3、tab

在分類功能比較重要的時候，會在tab欄單獨設立入口。這樣比較方便用戶快捷查找。

 

網頁APP分類設計

4、搜索進入

這種入口形式是，頁面上并無分類按鈕，在點擊搜索之后直接跳轉到分類頁。這樣做的話通常在搜索框內文字提示，避免用戶找不到分類而焦慮。

 

網頁APP分類設計

5、直接展示

除了以上那些分類入口形式，有些二級頁面或者是功能性的分類，是直接顯示分類詳情的。比如美圖類app中濾鏡的分類。

二、分類形式

除了合理的分類，形式也是至關重要的，好的分類形式式讓用戶一目了然，相反會讓用戶摸不著頭腦，反倒更找不到需要的入口。分類的形式分為有導航形式，和無導航形式。通常內容類別較多、分類層級在兩級以上需要導航。具體形式分為以下四種：

1、左側導航形式

2、頂部導航形式

3、九宮格形式

4、平鋪形式

1、左側導航形式

左側導航形式是成左右布局形式，一級導航欄在左側展示，右側展示相應分類下的子內容。通常分類下的子內容較多，用戶可以直接通過左側導航快速切換不同的分類，也可以滑動查看所有內容。

這種形式有一個問題就是，有時候單個分類的子內容較少時，會同時展示下一個分類的內容在右側，會影響用戶的認知.因此切換分類的時要做的明確一些。

 

網頁APP分類設計

2、頂部導航形式

頂部導航形式是分類在頂部展示，切換分類即切換頁面。這樣的分類導航占用的面積較小，能有更多的空間展示內容。在做的時候如果一級分類較多，在頁面上展示不下，那么就需要讓用戶知道頁面外還有內容，或者在導航右側設置分類入口，以便查看更多。

 

 網頁APP分類設計

3、九宮格形式

九宮格形式適合一級分類不是很多的情況，甚至在一頁展示所有的分類，一目了然。

 

網頁APP分類設計

4、平鋪形式

平鋪型的分類頁是分類與子內容由上到下平鋪展示，能夠大化的暴露內容。但是在內容過多時，用戶也只能由上往下線性查找，效率較低，甚至失去耐心也未找到所需內容。因此這種適合一級分類較少的產品。

 

網頁APP分類設計

三、劃重點

1、分類的入口一般設置在頂部或底部導航，以及金剛區(qū)尾部這樣比較明顯的位置，便于用戶查找。

2、分類的樣式有多種，分為左側導航形式、頂部導航形式、九宮格型、平鋪型。這些類型各有特點，設計時要根據自己的內容來確定形式。

（鄭重聲明：本文版權歸原作者海鹽社山竹屁所有，轉載文章僅為傳播更多信息之目的，如有侵權，請聯系我們刪除；如作者信息標記有誤，請聯系我們修改。）

文章名稱：網頁APP分類如何設計
地址分享：http://aaarwkj.com/news14/113214.html

成都網站建設公司_創(chuàng)新互聯，為您提供關鍵詞優(yōu)化、ChatGPT、云服務器、微信小程序、App設計、網站營銷

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯