網(wǎng)頁APP分類如何設(shè)計

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

一、分類入口

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

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

2、頂部導(dǎo)航上；

3、tab欄上設(shè)單獨入口；

4、搜索進入；

5、直接展示分類詳情。 

1、金剛區(qū)尾部

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

 

網(wǎng)頁APP分類設(shè)計

2、頂部導(dǎo)航右側(cè)

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

 

網(wǎng)頁APP分類設(shè)計

3、tab

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

 

網(wǎng)頁APP分類設(shè)計

4、搜索進入

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

 

網(wǎng)頁APP分類設(shè)計

5、直接展示

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

二、分類形式

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

1、左側(cè)導(dǎo)航形式

2、頂部導(dǎo)航形式

3、九宮格形式

4、平鋪形式

1、左側(cè)導(dǎo)航形式

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

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

 

網(wǎng)頁APP分類設(shè)計

2、頂部導(dǎo)航形式

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

 

 網(wǎng)頁APP分類設(shè)計

3、九宮格形式

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

 

網(wǎng)頁APP分類設(shè)計

4、平鋪形式

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

 

網(wǎng)頁APP分類設(shè)計

三、劃重點

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

2、分類的樣式有多種，分為左側(cè)導(dǎo)航形式、頂部導(dǎo)航形式、九宮格型、平鋪型。這些類型各有特點，設(shè)計時要根據(jù)自己的內(nèi)容來確定形式。

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

文章名稱：網(wǎng)頁APP分類如何設(shè)計
地址分享：http://muchs.cn/news14/113214.html

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

廣告

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