由于可用的屏幕頁(yè)面有限，需要予以移動(dòng)頁(yè)面的排版（包括廣告）設(shè)計(jì)更多的關(guān)注。廣告的展示位置不能制造錯(cuò)誤空間，也不能導(dǎo)致用戶無法接收到相關(guān)內(nèi)容。

廣告：我們每天都會(huì)不可避免的碰到一些廣告，我們也相信自己可以免疫。用戶是完全無視廣告還是被廣告的外觀惹怒，都與廣告的篇幅和位置密切相關(guān)。在移動(dòng)手機(jī)中，屏幕版面的費(fèi)用很高，而廣告的位置對(duì)用戶的體驗(yàn)也有很大的影響。

以下是兩個(gè)主要的廣告相關(guān)的實(shí)用性問題；

1. 廣告讓用戶覺得很煩
2. 他們制造錯(cuò)誤空間導(dǎo)致用戶錯(cuò)失有用的信息。

大廣告影響可視內(nèi)容

毫無疑問的是，更大的廣告，更破壞性。在小型設(shè)備上，一個(gè)垂直的大廣告消耗了太多寶貴的空間，取代了主要的內(nèi)容。更糟糕的是，有時(shí)兩家廣告被堆放在移動(dòng)網(wǎng)頁(yè)的頂部，因?yàn)榫W(wǎng)站覺得不得不在他們的移動(dòng)程序上做廣告。

其結(jié)果是，頁(yè)面上的可見內(nèi)容變少了，這違背了移動(dòng)可用性的原則之一：優(yōu)先考慮的內(nèi)容。在如下例子finegardening.com中，只有文章標(biāo)題和簡(jiǎn)短的總結(jié)可以看出，過大的網(wǎng)站標(biāo)題和頁(yè)面頂部的雙份廣告是用戶不想瀏覽的主要原因。

finegardening.com：很小的文章內(nèi)容可以看出，在頁(yè)面加載因?yàn)锳PP廣告，橫幅廣告，和大型網(wǎng)站標(biāo)題消耗的屏幕空間占多數(shù)與頁(yè)面頂部的多個(gè)廣告元素不同的是，在一個(gè)粘容器底部的廣告屏幕上的廣告對(duì)用戶來說更舒服。

這個(gè)建議可能似乎違反直覺，因?yàn)閺V告現(xiàn)在仍然一直出現(xiàn)在屏幕上，但在過去的研究中我們已經(jīng)發(fā)現(xiàn)這種對(duì)策對(duì)用戶來說是最好忍耐的，它好在廣告不突兀。

記住，用戶往往會(huì)開始掃描從頁(yè)面的頂部，并對(duì)要滾動(dòng)過去很多頁(yè)以得到他們真正想讀的信息。因此，我們需要不僅要考慮內(nèi)容和頁(yè)數(shù)的比例，又能保證優(yōu)先靠近頁(yè)面的頂部為吸引人們的興趣并供應(yīng)他們與他們的任務(wù)相關(guān)的盡快，有用的信息。

一個(gè)額外的好處，以sticky-container處理的廣告仍然可以獲得用戶，一旦用戶完成了他們的任務(wù)。當(dāng)用戶在完成某項(xiàng)活動(dòng)或研究某個(gè)主題時(shí)，廣告將被忽略，因?yàn)樗鼈儾皇悄繕?biāo)的一部分。假設(shè)廣告實(shí)際上是相關(guān)的用戶，它可以提供一次的主要任務(wù)是完成增加的可能性，用戶將關(guān)注廣告，并可能與它互動(dòng)。（一個(gè)廣告是有關(guān)當(dāng)它匹配用戶的當(dāng)前目標(biāo)：更強(qiáng)大的顯示一些用戶廣告立即想要而不是只符合他們的概況。）

華盛頓郵報(bào)移動(dòng)網(wǎng)站在一個(gè)固定在屏幕底部的容器中顯示廣告（左）。廣告是適當(dāng)?shù)耐巾?yè)面的當(dāng)前的滾動(dòng)位置，完全崩潰，當(dāng)用戶到達(dá)一個(gè)顯示廣告嵌入在網(wǎng)頁(yè)內(nèi)容（右）。

避免產(chǎn)生錯(cuò)誤空間

另一個(gè)移動(dòng)廣告投放的主要弊端是移動(dòng)廣告投放者企圖在頁(yè)面上創(chuàng)造完整的假象或錯(cuò)誤層。

廣告可以簡(jiǎn)潔地告訴用戶他們已經(jīng)瀏覽完了頁(yè)面上的相關(guān)信息。

這種情況正在惡化。當(dāng)廣告大得讓用戶難以繼續(xù)路游覽底部的內(nèi)容，當(dāng)廣告被嵌套在內(nèi)容的底部，這看起來，似乎頁(yè)面上的確沒有其它相關(guān)信息了。

以WebMD’s移動(dòng)端上的頁(yè)面為例，廣告后還跟著幾段文字，底部鏈接著相關(guān)話題。

經(jīng)過設(shè)計(jì)的水平線和版權(quán)信息（這是通常與頁(yè)腳內(nèi)容）進(jìn)一步提示用戶，這是網(wǎng)頁(yè)的底部，但這事實(shí)并不是這樣的：頁(yè)面相關(guān)信息（更多的信息和一個(gè)附加相關(guān)鏈接）遠(yuǎn)遠(yuǎn)低于廣告。

WebMD’s移動(dòng)端網(wǎng)頁(yè)的廣告防止存在錯(cuò)誤，因?yàn)閺V告出現(xiàn)在相關(guān)內(nèi)容的結(jié)尾處（用戶推測(cè)出的），大得可以讓用戶難以繼續(xù)瀏覽完頁(yè)面。（黑色虛線顯示，折疊發(fā)生在一個(gè)蘋果6Plus上，和紅色虛線代表的領(lǐng)域，在廣告很可能阻止用戶繼續(xù)瀏覽。）

如果可以，只把廣告放在內(nèi)容的結(jié)尾處而不是段與段之間。一個(gè)用戶在實(shí)用性調(diào)查中這樣說道：我不喜歡內(nèi)容間有廣告。

它會(huì)讓我分心，讓我感覺這是文章的結(jié)束?！碑?dāng)然，我們通常也不會(huì)忽略廣告，所以如果幾個(gè)廣告必須被包含在一個(gè)頁(yè)面，把它們放置在接近下面的標(biāo)題開始的內(nèi)容或簡(jiǎn)介中，這樣做可以避免忽略內(nèi)容。此外，較短的橫幅式廣告比更長(zhǎng)的方型廣告更有利于避免阻擋內(nèi)容。

今日美國(guó)的移動(dòng)網(wǎng)頁(yè)在文章的開始出放置了一個(gè)窄的廣告投放處，所以它是不太可能被認(rèn)為是文章的結(jié)尾處。窄的矩形尺寸讓下面的內(nèi)容不被阻擋，鼓勵(lì)用戶繼續(xù)閱讀，避免打斷。

如果要將廣告是放在內(nèi)容之后，需要額外考慮添加其他提示圖標(biāo)鼓勵(lì)用戶的滑動(dòng)。這個(gè)建議是特別重要的， 如果廣告是大或其他消耗很多頁(yè)的面積（包括額外的空格以上和下面的廣告，或是一個(gè)小廣告填充到一個(gè)占位符，意味著一個(gè)較大的廣告），這種廣告會(huì)阻止用戶繼續(xù)瀏覽。

如果用戶不知道更多的內(nèi)容存在于廣告的下方，他們可能不愿意支付的互動(dòng)成本以換取可能得到的信息。簡(jiǎn)單地說，清晰的文字如“繼續(xù)閱讀”或“繼續(xù)閱讀下面”隨著一個(gè)箭頭指向下或其他方向指示上面放置的廣告可以讓用戶了解更多內(nèi)容。

為了鼓勵(lì)用戶滾動(dòng)瀏覽一個(gè)大的廣告，如繼續(xù)閱讀下面的提示，應(yīng)該放在廣告的上方，如在波士頓環(huán)球移動(dòng)網(wǎng)站。

記住，這樣做可以讓廣告投放出更易忍受，還有一個(gè)問題需要考慮，當(dāng)多個(gè)廣告要顯示在一個(gè)頁(yè)面的情況?？偟膩碚f，投放廣告一定要克制。過多的廣告會(huì)減少網(wǎng)站的可信度：由用戶在最近的一項(xiàng)研究指出，“我已經(jīng)刪除應(yīng)用程序，因?yàn)樗鼈兊膹V告我不想使用一個(gè)有很多廣告的app；我認(rèn)為信息是不可靠的?！?/p>

正如預(yù)期的那樣，移動(dòng)設(shè)備也和其他設(shè)備一樣，會(huì)因廣告而令人嚴(yán)武；可悲的是，最嚴(yán)重的二手，如“覆蓋你想看的內(nèi)容”和“占有大多數(shù)頁(yè)面”更容易無意忽略屏幕大小是有限的。因?yàn)檫@一點(diǎn)，必須額外的注意，決定在哪里和如何放置廣告在移動(dòng)應(yīng)用程序和網(wǎng)站。

結(jié)論

廣告代表了企業(yè)需求和用戶需求之間的沖突點(diǎn)。為了讓沖突點(diǎn)對(duì)用戶體驗(yàn)的影響降到最低，他們只需要利用只有一小部分的頁(yè)面并將他們有策略地放置，以防止產(chǎn)生誤會(huì)區(qū)域，影響用戶瀏覽到額外的內(nèi)容。

原文：AURORA BEDFORD

本文由 @用戶體驗(yàn)咨詢機(jī)構(gòu)-BESD設(shè)計(jì)實(shí)驗(yàn)室 星星?翻譯投稿發(fā)布，并經(jīng)人人都是產(chǎn)品經(jīng)理編輯。未經(jīng)許可，禁止轉(zhuǎn)載。