close

tab式廣告模塊如何設計? - 網頁設計

http://webdesign.zoapcon.com

  當有多個窗格的內容且每次只能顯示一個窗格,同時各個窗格之間的內容不需要相互參照的時候,可以考慮使用tab式標簽來展示。自從亞馬遜開了標簽的使用先河后各類網站風起使用之,因為它的使用既優化了大量信息的展現同時也很符合日常生活的使用習慣(tab其實就是一個現實生活的隱射)。
  于是,在寸土必爭的網站首頁首屏的位置的大量圖片廣告的展示形式就非tab式莫屬了。搜集了一些tab式廣告模塊的設計,來探究一下tab式的廣告究竟如何展示更好:

  1、最常見的形式之一:標簽位于圖片之上,以數字1,2,3標明,當標簽被選中后該標簽高亮顯示

 

  2、常見形式之二:標簽頁在右側,通常為縮略圖的形式或者文字鏈的形式。

 

  3、標簽+完整標題的形式

 

  這張來自我朝的政府門戶網站,標簽頁的標題在整個模塊的下方,當標簽被選中后以閃亮的形式提示,標題以藍色文字鏈的形式展示,提示比較清晰。(PS,為嘛我朝的政府門戶站木有favicon呢?)

 

  這張應該屬于2的一個變種?把右側的標簽挪到了下面,標簽與圖片分離,完整的標題+標簽的形式 。標題黑色顯示,我以為是不可點的,但是實際上人家是可以點的


  下面是幾個常見形式的拓展:
  4、帶播放按鈕的tab式廣告,你可以點擊左右2側的三角切換下一個

 

  5、標簽位于右側,大縮略圖+完整標題形式。這張采自沈總的1912.cn,當時我就震驚了,這個tab太強大了,和左側的MM一樣大,哇咔咔。

 



  說一些我個人的感受:
  1)第一種最常見的形式把標簽直接放在圖片的上方,可以很充分的利用那個寶貴的模塊,AD圖片的面積被擴大,視覺沖擊有可能提升。
  2)第二種形式便于展示其他3個tab的內容,不至于讓其他3個AD在第一眼的時候被忽略掉,畢竟有很多用戶是連那1.5秒的自動切換時間都不愿意去等的。
  3)標簽+標題的形式特別是第三種的第2個那樣的,那個標題時常會被用戶忽略掉,相對圖片而言下面那個看著不像文字鏈的文字鏈確實不能引起用戶的注意
  4)第四種形式看似是加了酷功能,出發點是想給AD翻頁帶來習慣,但是那個2個三角恰恰有轉移用戶注意力的嫌疑,從用戶體驗上看我覺得并不是很好

  不過,話說回來,廣告最終是以點擊率來論成敗的而點擊率的絕大半來源是廣告的內容。我敢說,上面這些AD中肯定是最后一個的點擊率最高,因為那個MM實在太大了太誘人了,嗯,還有那個標題也很誘人…

 

arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜
    創作者介紹
    創作者 apsc 的頭像
    apsc

    apsc的部落格

    apsc 發表在 痞客邦 留言(0) 人氣()