正確的文章分類選單設計

20190319

之前有和大家分享過文章分類在不同的地方有不同的設計跟排列方法,目的並不是為了要增加 SEO,而是要讓廠商在最短時間認識你或讓讀者在最快的速度找到他所需要的資料;但大部分的部落客設計文章分類的時候都是盡量把資料塞得滿滿,讓讀者產生選擇障礙,不知道該從何找資料,或是得花太多時間搜尋他們所要的資訊。

影片教學

文章分類的正確觀念

給大家一個最簡單的觀念:文章分類的目的是將文章分類的井井有條便於尋找相同類型的資料,但選單的目的是要讓對方看到你希望他看到的資訊,這兩個目的是截然不同的。

不要有著什麼資料都一定要可以被看到的想法,那會把你的選單做得非常混亂,也不要擔心讀者會漏看什麼資訊,因為讀者想要看的資料遠比你想要給他的資料少得許多,讓讀者看到你所想要呈現的文章並讓他把你定義為這個領域的大師就可以了。

延伸閱讀:文章分類的設計和排版

下拉選單的文章分類的設計

下拉選單的設計非常簡單:不要超過兩個以上不同的類別,例如前面介紹是日本旅遊後面介紹是韓國旅遊再來又是台灣旅遊,除非你是跨界領域大師不然一次讓讀者看到一個身份就可以了。

下拉選單是整個網站最重要的資訊連結入口,他有一半的目的是給廠商看另一半的目的是給讀者看,請讓他達成「商業展示」、「精選摘要」和「搜尋效果」即可。

側邊欄文章分類選單的設計

大部分的作者會把所有的文章分類都放在側邊欄,這是最普遍見到的排版方式,文章分類選單放在側邊欄最大的挑戰就是「側邊欄的資訊太多了」,多到很多的資訊都很容易被讀者忽略,並不是把資料放在側邊欄讀者就一定會看到,側邊欄擺放哪些資訊才是最重要的呢?作者簡介、最新文章、熱門文章、訂房資訊、Google 廣告、懶人包的精選或是你的 Facebook 和 Instagram?

在上百個網頁的讀者習慣分析數據中我發現:大部分的讀者根本不會利用側邊欄的分類選單找資料,下拉選單才是大部分讀者找資料的唯一選擇,當下拉選單找不到資料的時候大部分的讀者就會放棄在這個網站搜尋資料了,所以側邊欄還要放分類選單嗎?

除非你可以把側邊欄簡化到只有最重要的資料,就像下拉選單一樣沒有其他的資訊干擾,你也許會問側邊欄放哪些資料才是最剛好的,我建議「個人簡介」、「搜尋框框」、「懶人包的圖示」、「分類選單」頂多再一個「Google 廣告」就好了。

那 Facebook 和 Instagram 這些資訊要放在哪呢?我覺得可以放在內文的最下方就好了,因為讀者喜歡你的文章才會去加入你的 Facebook 或 Instagram,不可能都還沒觀賞任何資料就先加入,而且已經加入過的人對於一直出現的資訊根本沒太大興趣,社群的目的是培養鐵粉,搜尋的目的是滿足過路人的需求,再看看能否把路人變成熟客,所以先搞清楚讀者的習慣和動線才能決定把哪些好的資訊放在正確的位置。

側邊欄懶人包的排列設計

不管是懶人包和攻略對於作者和讀者都是非常重視的資訊連結入口,將它們放在側邊欄絕對是非常適合,但絕大多數的部落客並不太會設計懶人包的圖示,總覺得我有放漂亮的圖片在側邊欄讀者就會願意點擊或觀看,但大部分漂亮的圖片在側邊欄出現的時候讀者的第一個反應就是他是廣告,很容易下意識地忽略掉。

什麼樣的懶人包圖示才是好的圖示呢?我覺得是資訊清楚並直接告訴讀者你可以在這個懶人包得到什麼樣的回饋,把它做得像廣告沒什麼關係,怕的只是一張美麗的圖片而文字不夠清楚,當廣告的誘因夠明顯讀者還是會願意點擊的,不要覺得他不是廣告所以就把它做得很美很美,漂亮的東西永遠不會比有誘因的東西來得更吸睛,除非你的職業是攝影師。

手機板文章分類選單的設計

手機版的文章分類選單到底該怎麼設計?如果你用的是自適應的版型自然會去抓取你電腦版的下拉選單,如果你是手機板和桌機版分開製作方式,手機版的下拉選單可以把它更加簡化,手機的讀者絕大部分都是透過搜尋或社群的文章分享找到你的單一文章,不太可能是從首頁慢慢點擊你的分類選單,所以這裡的分類選單盡量留下吸睛的資訊就好了,他要比電腦版下拉選單的製作來得更加精簡更加方便。

凡事都有例外和如果,如果讀者想要看完整的資訊,但上述的說法都教大家只呈現最精簡的資訊不就會錯失了一些鐵粉嗎?我會建議在電腦版的下拉選單和手機版的分類選單一定要塞上「網站地圖」的頁面,在這一頁將你說的分類做最完的整理即可,不要總覺得文章分類就一定是要完整的放在下拉選單或側邊欄,我們也可以把文章分類完整的呈現在一個頁面裡面給重度使用者慢慢的旅行。

部落格文章排版的觀念相關文章

  1. 5 個部落格文章排版的細節
  2. 正確的文章分類選單設計
  3. 文章分類的設計和排版
  4. 部落格排版外掛使用,先從正確的 WordPress 後台操作習慣養成