DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 廣告交互設計:網站首頁大屏幕廣告交互設計
廣告交互設計:網站首頁大屏幕廣告交互設計
編輯:關於網頁技巧     

一、使用場景

用於大型活動推廣,頻率控制在一季度或一年度一次為宜。

二、設計目標

1、效果好!盡量讓每位用戶都注意到這個活動。
2、干擾小!把對活動不感興趣的用戶的干擾降到最小。

三、設計要點

1、是否要遮蓋網站內容?

不要遮蓋。從我們監測的歷次大屏廣告點擊數據來看,廣告的點擊在首頁總點擊的占比分布在2% – 20%之間。這意味著:有至少80%以上的用戶對活動並不感興趣,他們中大部分是帶著明確目的來網站使用特定產品的。如果廣告內容遮蓋了網站內容,將嚴重干擾這部分用戶的正常使用。他們所能做的是無奈地等待廣告收起或立即關閉(如果提供了關閉按鈕)。不排除有少量用戶會因為你的強制遮擋而被迫點擊廣告,但我們絕不應該為了這幾個少量的轉化而得罪大部分用戶。
2、如何加載?
比較好的一個方式是在頁頭上方鋪開,這樣不會破壞頁面整體性,可以大膽使用大尺寸的廣告,只要不把頁頭(LOGO和導航)擠出首屏,都是可接受的,用戶總是能快速掃描到網站的頁頭。廣告區域在前端樣式中聲明高度,特別要強調的是不要使用高度伸縮動畫展開方式,使得廣告下方的網頁正文部分能穩定在窗口的固定位置上,避免被廣告的加載過程干擾而變換在窗口的位置讓用戶無法在廣告加載完畢之前精確點擊正文部分的鏈接。總之,大一點沒關系,但不要亂晃。
3、是否要提供關閉功能?
必須的。還要在cookie中記錄下來,用戶再次來到這個頁面時不要再次出現。
4、是否需要在一段時間後自動關閉?
不需要。因為用戶閱讀廣告所需時間的個體差異很大,我們不能為用戶統一設置這個時間的長度。下圖是最近一次我們檢測用戶主動關閉廣告的時間,驗證了我們的設想。圖中x軸表示時間,y軸表示經過對應時間後關閉廣告的用戶數。

如果某些特殊情況下需要自動關閉,可以考慮在廣告上顯示倒計時,讓用戶預知還有幾秒會自動關閉廣告。
5、被關閉後,是否要提供重新展開功能?
常規交互原則:操作可撤銷,狀態可恢復。提供重新展開功能可以給部分用戶提供在完成主任務後再點回來看看的機會。關閉和重新展開都可以配合動畫,以增強頁面變動的平滑度。

四、線框圖,供參考

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved