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

一、分類(lèi)入口

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

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

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

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

4、搜索進(jìn)入；

5、直接展示分類(lèi)詳情。 

1、金剛區(qū)尾部

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

 

網(wǎng)頁(yè)APP分類(lèi)設(shè)計(jì)

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

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

 

網(wǎng)頁(yè)APP分類(lèi)設(shè)計(jì)

3、tab

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

 

網(wǎng)頁(yè)APP分類(lèi)設(shè)計(jì)

4、搜索進(jìn)入

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

 

網(wǎng)頁(yè)APP分類(lèi)設(shè)計(jì)

5、直接展示

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

二、分類(lèi)形式

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

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

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

3、九宮格形式

4、平鋪形式

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

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

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

 

網(wǎng)頁(yè)APP分類(lèi)設(shè)計(jì)

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

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

 

 網(wǎng)頁(yè)APP分類(lèi)設(shè)計(jì)

3、九宮格形式

九宮格形式適合一級(jí)分類(lèi)不是很多的情況，甚至在一頁(yè)展示所有的分類(lèi)，一目了然。

 

網(wǎng)頁(yè)APP分類(lèi)設(shè)計(jì)

4、平鋪形式

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

 

網(wǎng)頁(yè)APP分類(lèi)設(shè)計(jì)

三、劃重點(diǎn)

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

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

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

分享題目：網(wǎng)頁(yè)APP分類(lèi)如何設(shè)計(jì)
當(dāng)前網(wǎng)址：http://jinyejixie.com/news/113214.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、微信公眾號(hào)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、網(wǎng)站改版、網(wǎng)站設(shè)計(jì)、企業(yè)網(wǎng)站制作

廣告

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