當有多個窗格的內容且每次只能顯示一個窗格,同時各個窗格之間的內容不須要相互參照的時候,能夠考慮使用tab式標籤來展現。自從亞馬遜開了標籤的使用先河後各種網站風起使用之,由於它的使用既優化了大量信息的展示同時也很符合平常生活的使用習慣(tab其實就是一個現實生活的隱射)。
因而,在寸土必爭的網站首頁首屏的位置的大量圖片廣告的展現形式就非tab式莫屬了。蒐集了一些tab式廣告模塊的設計,來探究一下tab式的廣告究竟如何展現更好:
一、最多見的形式之一:標籤位於圖片之上,以數字1,2,3標明,當標籤被選中後該標籤高亮顯示
二、常見形式之二:標籤頁在右側,一般爲縮略圖的形式或者文字鏈的形式。

三、標籤+完整標題的形式

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

這張應該屬於2的一個變種?把右側的標籤挪到了下面,標籤與圖片分離,完整的標題+標籤的形式 。標題黑色顯示,我覺得是不可點的,可是實際上人家是能夠點的
下面是幾個常見形式的拓展:
四、帶播放按鈕的tab式廣告,你能夠點擊左右2側的三角切換下一個
五、標籤位於右側,大縮略圖+完整標題形式。這張採自沈總的1912.cn,當時我就震驚了
,這個tab太強大了,和左側的MM同樣大,哇咔咔。
說一些我我的的感覺:
1)第一種最多見的形式把標籤直接放在圖片的上方,能夠很充分的利用那個寶貴的模塊,AD圖片的面積被擴大,視覺衝擊有可能提高。
2)第二種形式便於展現其餘3個tab的內容,不至於讓其餘3個AD在第一眼的時候被忽略掉,畢竟有不少用戶是連那1.5秒的自動切換時間都不肯意去等的。
3)標籤+標題的形式特別是第三種的第2個那樣的,那個標題時常會被用戶忽略掉,相對圖片而言下面那個看着不像文字鏈的文字鏈確實不能引發用戶的注意
4)第四種形式看似是加了酷功能,出發點是想給AD翻頁帶來習慣,可是那個2個三角偏偏有轉移用戶注意力的嫌疑,從用戶體驗上看我以爲並非很好
不過,話說回來,廣告最終是以點擊率來論成敗的而點擊率的絕大半來源是廣告的內容。我敢說,上面這些AD中確定是最後一個的點擊率最高,由於那個MM實在太大了太誘人了,嗯,還有那個標題也很誘人…..