APP開(kāi)屏廣告設(shè)計(jì)之路

22 評(píng)論 21178 瀏覽 122 收藏 7 分鐘

設(shè)計(jì)APP開(kāi)屏廣告的初衷很簡(jiǎn)單,為了帶來(lái)收入。當(dāng)然同樣還有宣傳和推廣的作用,那本文就來(lái)談?wù)勛髡逜PP開(kāi)屏廣告的設(shè)計(jì)之路。

為什么要做?

其實(shí)很簡(jiǎn)單,為了錢(qián)!

當(dāng)一個(gè)APP積累了一定的用戶(hù)量時(shí),除了APP自身內(nèi)容產(chǎn)生商業(yè)價(jià)值外,老板就會(huì)要求尋求更多能帶來(lái)收入的功能。廣告是目前大多數(shù)產(chǎn)品的主要盈利手段,在APP中,啟動(dòng)廣告的報(bào)價(jià)一般都是最高和爭(zhēng)搶的。

當(dāng)然,啟動(dòng)廣告除了可以投放商業(yè)廣告外,還可以宣傳和推廣公司的新產(chǎn)品、新活動(dòng)等內(nèi)容。

怎么做?

初次接到需求時(shí),簡(jiǎn)單看了一些競(jìng)品,覺(jué)得十分簡(jiǎn)單(主要是當(dāng)時(shí)自己經(jīng)驗(yàn)不足,初入行半年左右),簡(jiǎn)單設(shè)計(jì)了一個(gè)方案就進(jìn)入開(kāi)發(fā)階段,之后上線(xiàn)。上線(xiàn)之后遇到各類(lèi)情況以及新的需求,讓我發(fā)現(xiàn)看似簡(jiǎn)單的開(kāi)屏廣告,卻不簡(jiǎn)單。

初次上手

最初,接到需求后,設(shè)計(jì)的方案如下:

在廣告系統(tǒng)建立“APP開(kāi)屏廣告”廣告位,廣告位中可以添加多個(gè)廣告,用戶(hù)每次啟動(dòng)APP時(shí),隨機(jī)獲取該廣告位中的一個(gè)廣告。

開(kāi)發(fā),測(cè)試,上線(xiàn),完美!

二次改進(jìn)

剛開(kāi)始一切完美,廣告正常展現(xiàn)、跳轉(zhuǎn)正常??刹欢嗑茫桶l(fā)現(xiàn)了問(wèn)題:

  • 網(wǎng)絡(luò)不佳時(shí),廣告圖片加載慢,造成倒計(jì)時(shí)結(jié)束圖片還沒(méi)加載出來(lái),屏幕白屏情況;
  • 用戶(hù)如果通過(guò)home鍵(尤其是iPhone)切出APP后,由于APP進(jìn)程未殺死,用戶(hù)再次進(jìn)入APP時(shí)就不會(huì)再出現(xiàn)廣告,可能造成用戶(hù)長(zhǎng)時(shí)間段內(nèi)不會(huì)看到廣告,這與商業(yè)初衷相背離。

基于以上原因,開(kāi)始了第二次迭代,方案如下:

  1. 針對(duì)網(wǎng)絡(luò)慢等造成圖片無(wú)法加載的問(wèn)題:APP每次啟動(dòng)時(shí),都將所有的后臺(tái)廣告緩存到本地,用戶(hù)再次啟動(dòng)APP時(shí),從緩存中隨機(jī)獲取一個(gè)廣告并展示,同時(shí)程序更新緩存的廣告。
  2. 針對(duì)用戶(hù)home鍵切出APP的問(wèn)題:用戶(hù)每次進(jìn)入APP時(shí)(即使是通過(guò)home鍵切出后再切回),都展示廣告。(真不知道自己當(dāng)時(shí)是怎么想的,這么影響用戶(hù)體驗(yàn)的需求竟然也能提)

開(kāi)發(fā),測(cè)試,上線(xiàn),完美!

三次迭代

本以為一切完美,這個(gè)需求算是解決了,但使用過(guò)程中又遇到了問(wèn)題:

  1. 廣告是有時(shí)效性的:如果一個(gè)活動(dòng)到1月31號(hào)結(jié)束,廣告推廣時(shí)間是1月20號(hào)-1月31號(hào),一個(gè)用戶(hù)在1月20號(hào)打開(kāi)了APP,這時(shí)由于廣告緩存的原因,這個(gè)用戶(hù)沒(méi)有看到這個(gè)廣告,但這個(gè)廣告已經(jīng)緩存到了本地;假設(shè)該用戶(hù)下一次啟動(dòng)APP的時(shí)間是2月1號(hào),由于緩存,該用戶(hù)看到了這個(gè)廣告,點(diǎn)擊了鏈接,結(jié)果卻發(fā)現(xiàn)活動(dòng)已經(jīng)結(jié)束,這在用戶(hù)體驗(yàn)上是有問(wèn)題的。
  2. 每次切出APP再切回APP都展示廣告,很明顯,這個(gè)做法太影響體驗(yàn),造成用戶(hù)抱怨太多。

老板發(fā)火,不好惹,加班改!

APP緩存廣告圖片時(shí),同時(shí)將APP的起止日期數(shù)據(jù)緩存下來(lái),下次展示廣告時(shí),先判斷緩存的廣告是否在有效期內(nèi),不在的都不展示。

通過(guò)home鍵切出切回的情況:AM6:00 – PM2:00:如果當(dāng)前時(shí)間內(nèi)沒(méi)有顯示過(guò)廣告,則顯示一次,顯示過(guò)則不再顯示;PM2:00 – 第二天AM6:00:如果當(dāng)前時(shí)間內(nèi)沒(méi)有顯示過(guò)廣告,則顯示一次,顯示過(guò)則不再顯示。(這個(gè)時(shí)間設(shè)置的原因主要是我們APP日啟動(dòng)次數(shù)不算太高,在4-5次左右)

開(kāi)發(fā),測(cè)試,上線(xiàn),完美!

完整方案總結(jié):

  1. APP每次啟動(dòng)時(shí)都從緩存中獲取廣告并展示,同時(shí)要對(duì)本地的緩存進(jìn)行更新;
  2. 展示緩存廣告時(shí),需判斷廣告是否在有效期內(nèi);
  3. 針對(duì)home鍵切出切回問(wèn)題,以及考慮用戶(hù)體驗(yàn)的情況下,需對(duì)廣告展示的時(shí)機(jī)和次數(shù)做限制。

小結(jié)

(1)APP啟動(dòng)廣告要有跳過(guò)的功能,給予用戶(hù)一定的選擇權(quán)利。

(2)常規(guī)看到APP啟動(dòng)時(shí),其啟動(dòng)圖片底部與廣告底部一樣,這種做法有兩種:

  • 一是廣告圖片在設(shè)計(jì)時(shí),其底部保持與啟動(dòng)圖片底部一致(樣式、大小尺寸);
  • 二是可以在APP啟動(dòng)廣告上層添加一張只有底部而上部分透明的圖片(這種也需要設(shè)計(jì)廣告圖片時(shí)底部不能設(shè)計(jì)有效內(nèi)容)。

雖然我們采用的是第二種,但現(xiàn)在我更傾向于第一種,因?yàn)閳D片設(shè)計(jì)可以更多樣;第二種限制了所有的圖片都有固定的底部。

(3)現(xiàn)在的方案未能考慮到緊急下架的情況,當(dāng)前方案下,即使廣告緊急下架,如果緩存中存在,廣告仍會(huì)展示(因?yàn)榫o急下架未改廣告有效期,在有效期內(nèi)就會(huì)展示)。

漫漫產(chǎn)品路,需不斷上下而探索!

 

本文由 @ 桃花仙塢 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 如果我們按照次數(shù)顯示,短時(shí)間內(nèi)沒(méi)有更新過(guò)廣告,A廣告顯示了1w次 B廣告100次,此次更新了C0次展示的廣告進(jìn)來(lái),那是不是要等到C廣告到100次時(shí)候BC才會(huì)循環(huán)展示,到了1w次ABC才會(huì)循環(huán)顯示

    來(lái)自北京 回復(fù)
    1. 為什么要按次數(shù)顯示呢?

      來(lái)自浙江 回復(fù)
  2. 咨詢(xún)一下樓主,最近要做廣告方面的需求,有介紹廣告方面的書(shū)籍嗎?

    來(lái)自云南 回復(fù)
  3. 每次啟動(dòng)不是要查更新嘛

    回復(fù)
  4. 那個(gè)每次啟動(dòng)時(shí)候都將后臺(tái)廣告緩存的話(huà),第一次啟動(dòng)有沒(méi)有可能加載不出來(lái)???

    回復(fù)
    1. 第一次啟動(dòng)的時(shí)候預(yù)緩存后再顯示,不知道這個(gè)思路對(duì)不對(duì)

      來(lái)自浙江 回復(fù)
  5. 樓主你好,我想請(qǐng)教一下,為什么開(kāi)屏廣告的跳過(guò)功能有些在右上角,有些在右下角呢?

    回復(fù)
    1. 右上角跳過(guò)不太方便,是為了讓用戶(hù)多看一會(huì)廣告,增加點(diǎn)擊的概率;右下角是為了考慮用戶(hù)體驗(yàn),提升友好度,一定程度上犧牲點(diǎn)擊率??串a(chǎn)品對(duì)廣告的定位,自行取舍。

      來(lái)自廣東 回復(fù)
  6. 開(kāi)始日期還有切出去再切回顯示廣告這個(gè)邏輯硬傷就不談了,都是成長(zhǎng)的過(guò)程。但看下來(lái)感覺(jué)還缺點(diǎn)技術(shù)知識(shí),什么叫“一張只有底部而上部分透明的圖片”,其實(shí)只需要添加一條圖片banner在屏幕底部,覆蓋在廣告圖片上即可,不存在上部分透明圖片一說(shuō)。

    來(lái)自廣東 回復(fù)
  7. 我想請(qǐng)教一下樓主,不同分辨率的手機(jī),開(kāi)屏廣告的圖片怎么自適應(yīng)?

    來(lái)自天津 回復(fù)
    1. 我們用了一個(gè)常規(guī)尺寸的:1920 X 1080;手機(jī)市場(chǎng)的目前常規(guī)是16:9;該尺寸已經(jīng)滿(mǎn)足大部分手機(jī)屏幕圖片清晰且能完全展示(該尺寸在目前的2K屏中也能保障圖片清晰質(zhì)量)。
      另外,雖然全面屏手機(jī)越來(lái)越多,非16:9的手機(jī)屏比越來(lái)越多,只要技術(shù)針對(duì)不同比例的屏幕做些適配就行,比如圖片等比例縮放填充滿(mǎn)屏幕(保障圖片不變形,此外圖片設(shè)計(jì)時(shí),盡量周邊不要有主要信息,以免在縮放填充屏幕時(shí)被擋?。?/p>

      來(lái)自上海 回復(fù)
  8. 邏輯清晰嚴(yán)密,謝謝樓主的精彩分享

    來(lái)自重慶 回復(fù)
  9. 謝謝您的評(píng)價(jià)!

    來(lái)自上海 回復(fù)
  10. 廣告帶有一定的時(shí)效性,其實(shí)可以在每天第一次啟動(dòng)APP的時(shí)候判斷廣告是否更新,若已更新則重新加載廣告圖片,未更新展示本地內(nèi)容。

    來(lái)自北京 回復(fù)
    1. 這樣的話(huà),是不是又遇到文章中說(shuō)的那個(gè)問(wèn)題,重新加載新的廣告圖片,如果遇到網(wǎng)絡(luò)等問(wèn)題,還是會(huì)造成圖片加載緩慢/無(wú)法加載的問(wèn)題?

      來(lái)自上海 回復(fù)
    2. 不會(huì)的。第一次打開(kāi)后。判斷是否有新的數(shù)據(jù)更新,已經(jīng)寫(xiě)入緩存了。這一天里面,都不會(huì)去請(qǐng)求網(wǎng)絡(luò)的數(shù)據(jù)。而是直接讀取你本地緩存的。

      來(lái)自四川 回復(fù)
    3. 廣告是有時(shí)效的。什么是時(shí)效?即開(kāi)始時(shí)間和結(jié)束時(shí)間。結(jié)束時(shí)間到期后,后臺(tái)沒(méi)有新的廣告更新,到期的廣告難道就不下架了么?作者的解決方案沒(méi)毛病。

      來(lái)自北京 回復(fù)
    4. 空空_PM的意思我理解認(rèn)為應(yīng)該是我尾末說(shuō)的情況,即廣告在結(jié)束日期前,在后臺(tái)被緊急下架或調(diào)整了,這種情況目前我負(fù)責(zé)的APP中還沒(méi)考慮進(jìn)去

      來(lái)自上海 回復(fù)
    5. 如果是緊急下架,技術(shù)可以寫(xiě)接口監(jiān)聽(tīng)的。定時(shí)去檢測(cè)數(shù)據(jù)庫(kù)中數(shù)據(jù)狀態(tài)。當(dāng)然這種設(shè)置,會(huì)增大開(kāi)銷(xiāo)。得看這種緊急下架的情況,發(fā)生的頻率。是否值得去監(jiān)聽(tīng)。

      來(lái)自四川 回復(fù)
    6. 緊急下架或調(diào)整是否屬于單方違約?這種情況發(fā)生的幾率有多大?偽需求好么。

      來(lái)自北京 回復(fù)
    7. 開(kāi)始和結(jié)束時(shí)間。大部分都是按自然日來(lái)計(jì)算的。廣告的時(shí)效,難道要精確到秒么?今天第一次打開(kāi),就可以判斷這廣告是否過(guò)期了。

      來(lái)自四川 回復(fù)
    8. 像文中所說(shuō),加載的廣告是根據(jù)日起來(lái)判定是否有效本身就存在很大的不確定性,廣告本身具有一定時(shí)效性,所以最好的還是在一定的時(shí)間請(qǐng)求服務(wù)器來(lái)判定廣告是否更新,至于說(shuō)可能出現(xiàn)的問(wèn)題則可以制定應(yīng)對(duì)策略進(jìn)行規(guī)避。

      來(lái)自北京 回復(fù)