建站策劃

Website development

如何在網(wǎng)頁設(shè)計(jì)中實(shí)現(xiàn)廣告與用戶體驗(yàn)的平衡

發(fā)布時(shí)間：2014-04-30 12:19:00

TAGS：

理解廣告

這必然是設(shè)計(jì)的第一步，首先要理解廣告，盡量選擇那些設(shè)計(jì)誘人的廣告，而不要選擇那種低俗、很 Low 的廣告。

廣告商之所以會(huì)購買你的廣告位，其實(shí)主要是為了提高自身的曝光率。你的站點(diǎn)訪問量越高，廣告的曝光率自然也越高，賺的錢也越多。所以首頁的廣告肯定比子頁面的貴，頁頂?shù)膹V告也要比頁底的貴。

The New York Times 網(wǎng)站的 Banner 式廣告

使廣告的曝光率變?yōu)檗D(zhuǎn)化率，有的時(shí)候不單取決于多少人看到，還取決于有多少人點(diǎn)擊。如果你將要設(shè)計(jì)的網(wǎng)站是為廣告而生，利益導(dǎo)向，那么設(shè)計(jì)的時(shí)候心中就要有個(gè)小九九了：如何設(shè)計(jì)，如何布局，才能實(shí)現(xiàn)更好的展現(xiàn)效果。

對(duì)于那些賴以廣告謀生的網(wǎng)站來說，廣告至關(guān)重要，用戶就是他們牟利的根本，過度飽和的廣告會(huì)讓用戶離開，廣告過少，又難以維持。所以設(shè)計(jì)要有技巧，爭(zhēng)取既能讓廣告商高興，又能讓用戶滿意。

廣告的尺寸

廣告的尺寸不盡相同，沒有嚴(yán)格的規(guī)定說你應(yīng)該用多大的尺寸，但是你應(yīng)該了解一些比較通用的尺寸，這樣在進(jìn)行廣告投放時(shí)，你省心，廣告商也省心——不用重新修改尺寸了。

極力推薦上面這套尺寸標(biāo)準(zhǔn)，從公告牌，到排行榜，到下拉條，均有明確的尺寸。

當(dāng)然，還有其它元素也需要考慮。

廣告不宜太大，從而干擾或影響到網(wǎng)站的正常使用，更不要遮擋住用戶需要瀏覽的網(wǎng)站內(nèi)容。

而且廣告的尺寸要適度，和網(wǎng)頁元素之間的對(duì)比關(guān)系相協(xié)調(diào)，以免有突兀感和侵入感。

比如各大門戶網(wǎng)站中的 Banner

的設(shè)計(jì)均很到位，用戶也能夠習(xí)慣，各位不妨學(xué)習(xí)一下。個(gè)人特別喜歡背景式的廣告位。優(yōu)雅得體的廣告，也不妨礙網(wǎng)站信息的汲取，甚至一定程度上點(diǎn)綴了網(wǎng)站，更有觀賞性了。

廣告的位置

方向比速度更重要，位置比尺寸更重要。有的時(shí)候，頁首一小塊地方就要比頁底一大片區(qū)域貴。同樣的，用戶一般也就看看頁首的內(nèi)容，頁底的內(nèi)容不會(huì)太關(guān)心。

如何讓廣告和內(nèi)容同樣具有高辨識(shí)度，又不打擾用戶閱讀呢?

Twitter 前幾年推出的廣告(Promoted Tweets)就很不錯(cuò)，以小的閱讀干擾展現(xiàn)廣告。

同樣的，谷歌會(huì)在搜索結(jié)果頁面的右端展示廣告，盡量做到不打擾用戶。至于如何分配廣告的位置，建議多研究研究版式理論，比如下面提到的F式布局以及Z式布局，就是根據(jù)用戶一版會(huì)沿著Z線或者F線瀏覽內(nèi)容的習(xí)慣而總結(jié)出來的。

Z式布局：廣告盡量避開Z線，避免干擾用戶閱讀。

F式布局：注意廣告的位置

如果你的網(wǎng)站被投放了好幾家廣告商的廣告，可以嘗試選擇在頁面的某一區(qū)域集中展現(xiàn)，當(dāng)然，這樣廣告的效果就不是那么好了，廣告之間也很難彼此區(qū)分，所以怎么做，看你的談判手腕以及設(shè)計(jì)技巧了。個(gè)人還是推薦以用戶為主的。

至于谷歌廣告，不屬于設(shè)計(jì)范疇，請(qǐng)自行查閱相關(guān)內(nèi)容。

廣告的頻率

什么地方廣告要少，什么地方廣告要多，也是有技巧的。

在主頁或者搜索列表頁，廣告要少，因?yàn)橛脩艏鼻械南胍阉餍畔?，閱覽內(nèi)容。當(dāng)用戶找到了確切的內(nèi)容后，可以在子頁面稍微多放一點(diǎn)廣告，但是同樣不要干擾閱讀。a

bit more advertising.

Times 的主頁，基本無廣告，信息查找很方便。

盡管主頁的廣告更有沖擊力，但是用戶體驗(yàn)會(huì)變差，用戶會(huì)感到不大舒服。

Time 網(wǎng)站的主頁只有一個(gè)廣告，剩下的要么是信息內(nèi)容，要么是導(dǎo)航。但是在內(nèi)容頁面，廣告卻很多。

優(yōu)酷：”追英趕美劇好看”這里的折疊蠻有創(chuàng)意，拓展了頁面空間。

同樣的，像優(yōu)酷這樣的視頻大站，主頁廣告也很少，但是視頻內(nèi)容的廣告卻很長(zhǎng)，(額，小編我要帶個(gè)人立場(chǎng)吐糟視頻中內(nèi)嵌的廣告 15s 已經(jīng)變成 60s

了。)再看看 Youtube 的主頁也沒什么廣告，廣告也是在視頻頁面。

總結(jié)

我們又面臨了平衡問題，一邊是給你發(fā)錢的廣告商，一邊是幫你賺錢的用戶。談判手腕、人情味和對(duì)用戶的重視這幾個(gè)先決條件全都不能丟。因此，做決定一定要審慎，深思熟慮，合理考慮廣告的尺寸、位置、出現(xiàn)頻率等，優(yōu)化廣告和內(nèi)容的關(guān)系，千萬不要做那種廣告肆虐的網(wǎng)站，那樣不長(zhǎng)久，這就是”跪著，把錢掙了。”所以我們即要合理的設(shè)計(jì)，也要為用戶著想，爭(zhēng)取”站著，還把錢掙了。”

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/web/plan/2014-04-30/974.html

上一篇：網(wǎng)站優(yōu)化屬性“水”和用戶體驗(yàn)屬性“火”如何相容

下一篇：感性網(wǎng)站建設(shè):內(nèi)頁與首頁排名有多的差別

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時(shí)。

張經(jīng)理