首頁大屏廣告交互設計探討

　　一、使用場景

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

　　二、設計目標

　　1、效果好!盡量讓每位用戶都注意到這個活動。

　　2、干擾小!把對活動不感興趣的用戶的干擾降到最小。

　　三、設計要點

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

　　不要遮蓋。從我們監測的歷次大屏廣告點擊數據來看，廣告的點擊在首頁總點擊的占比分布在2% – 20%之間。這意味著：有至少80%以上的用戶對活動并不感興趣，他們中大部分是帶著明確目的來網站使用特定產品的。如果廣告內容遮蓋了網站內容，將嚴重干擾這部分用戶的正常使用。他們所能做的是無奈地等待廣告收起或立即關閉(如果提供了關閉按鈕)。不排除有少量用戶會因為你的強制遮擋而被迫點擊廣告，但我們絕不應該為了這幾個少量的轉化而得罪大部分用戶。

　　2、如何加載？

　　比較好的一個方式是在頁頭上方鋪開，這樣不會破壞頁面整體性，可以大膽使用大尺寸的廣告，只要不把頁頭(LOGO和導航)擠出首屏，都是可接受的，用戶總是能快速掃描到網站的頁頭。廣告區域在前端樣式中聲明高度，特別要強調的是不要使用高度伸縮動畫展開方式，使得廣告下方的網頁正文部分能穩定在窗口的固定位置上，避免被廣告的加載過程干擾而變換在窗口的位置讓用戶無法在廣告加載完畢之前精確點擊正文部分的鏈接。總之，大一點沒關系，但不要亂晃。

　　3、是否要提供關閉功能？

　　必須的。還要在cookie中記錄下來，用戶再次來到這個頁面時不要再次出現。

　　4、是否需要在一段時間后自動關閉？

　　不需要。因為用戶閱讀廣告所需時間的個體差異很大，我們不能為用戶統一設置這個時間的長度。下圖是最近一次我們檢測用戶主動關閉廣告的時間，驗證了我們的設想。圖中x軸表示時間，y軸表示經過對應時間后關閉廣告的用戶數。

　　如果某些特殊情況下需要自動關閉，可以考慮在廣告上顯示倒計時，讓用戶預知還有幾秒會自動關閉廣告。

　　5、被關閉后，是否要提供重新展開功能？

　　常規交互原則：操作可撤銷，狀態可恢復。提供重新展開功能可以給部分用戶提供在完成主任務后再點回來看看的機會。關閉和重新展開都可以配合動畫，以增強頁面變動的平滑度。

　　四、線框圖，供參考

　　原文：http://ued.koubei.com/?p=1400

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈