国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

本文從產(chǎn)品設(shè)計(jì)角度列舉了以及相應(yīng)注意事項(xiàng)。

作為日常交通工具，地鐵站內(nèi)每天人來(lái)人往，人們總是被站內(nèi)各種各樣的廣告給吸引，絢麗的色彩，突出的文案，無(wú)論行路多么匆忙，總是會(huì)注意到。

這類廣告常稱為“橫幅廣告”，即“ Banner 圖”。

什么是 Banner 輪播圖？

Banner：橫幅，展示廣告，由一張或多張圖片拼接；開(kāi)頭提到的廣告就是單張 Banner 圖；多張圖片循環(huán)輪播即是我們所講到的 Banner 輪播圖。

互聯(lián)網(wǎng)歷史發(fā)展時(shí)間不長(zhǎng)，因此很多應(yīng)用思想來(lái)源于傳統(tǒng)商業(yè)社會(huì)，并加以適配、改良、優(yōu)化。

例如將Banner 圖應(yīng)用到互聯(lián)網(wǎng)后，一般不再是單張 Banner 圖，而通常是多張圖片輪播，因此習(xí)慣稱作Banner 輪播圖或廣告輪播圖。

現(xiàn)實(shí)中多是單張 Banner 圖，而互聯(lián)網(wǎng)中多是多張 Banner 圖的原因是：

1）成本角度：

在街上或地鐵站內(nèi)可利用面積較大，將每張廣告全部展示出來(lái)是可以做到的。

而使用多張輪播對(duì)承載廣告頁(yè)的硬件成本較高，而在移動(dòng)端或 PC 端，可展示的區(qū)域大小有限，多張圖片可提高空間的利用率。

2）行為角度：

現(xiàn)實(shí)中我們路過(guò)廣告位的時(shí)間只有 1-2 秒，幾乎沒(méi)人會(huì)站在原地等下一個(gè)廣告，而在移動(dòng)端或PC端，用戶只要沒(méi)有退出應(yīng)用，就存在看到其他 Banner 圖的可能性 ，廣告得到曝光的幾率更大。

3）目的角度：

一張固定廣告頁(yè)不能立即獲得顯著收益，而是為了吸引用戶，加深用戶的印象，在“將來(lái)”產(chǎn)生消費(fèi)行為。

而輪播圖的目的不僅僅是吸引用戶注意，還希望用戶立刻產(chǎn)生探索欲望，去點(diǎn)擊查看詳情或者查看下一張，產(chǎn)生收益時(shí)間更短。

功能概述

Banner 輪播圖常見(jiàn)于電商類或資訊類應(yīng)用或功能首頁(yè)或功能模塊主頁(yè)面，電商類 APP，例如淘寶、京東；資訊類App，例如 36 氪、人人都是產(chǎn)品經(jīng)理；還有其他比如網(wǎng)易云音樂(lè) App 的發(fā)現(xiàn)模塊主頁(yè)等。

Banner 輪播圖通常位于首頁(yè)頂部，有時(shí)也會(huì)在頁(yè)面中間位置。以動(dòng)態(tài)的形式為用戶呈現(xiàn)多張圖片，自動(dòng)輪播的效果可以讓每張圖片得到較好的曝光。

位于首頁(yè)頂部的作用可提高廣告商品、優(yōu)質(zhì)內(nèi)容的曝光度，提高瀏覽到購(gòu)買的轉(zhuǎn)化率和衡量?jī)?nèi)容價(jià)值。

中間部位 Banner 輪播圖的作用是在可利用固定且較小的廣告位展示更多的廣告數(shù)量和內(nèi)容。

每張圖片都支持點(diǎn)擊跳轉(zhuǎn)到新落地頁(yè)，可以是外部網(wǎng)站、應(yīng)用程序內(nèi)頁(yè)或富文本。

前端展示

在移動(dòng)端應(yīng)用的 Banner 圖片上一般展示的輪播圖控件，通常以多個(gè)小圓點(diǎn)或其他樣式顯示，作用是告訴用戶一共有多少?gòu)垐D片，讓用戶有探索的欲望，并且提示用戶當(dāng)前展示的是第幾張。

在 PC 端還會(huì)有左右點(diǎn)擊按鈕，點(diǎn)擊切換到上一張或下一張。

但是如果圖片色彩過(guò)于豐富，控件不易看到，所以較好的方法是放在輪播圖下方。并且可以選擇其他的樣式，提升用戶體驗(yàn)。

輪播規(guī)則

Banner 輪播圖為動(dòng)態(tài)呈現(xiàn)，每張圖片停留時(shí)間，輪播方向均是在前端代碼中設(shè)置的定時(shí)任務(wù)。

而需要注意的是，圖片停留時(shí)間盡量不要少于 3 秒，避免用戶還沒(méi)有閱讀到圖片上全部信息，頁(yè)面就已經(jīng)切換了，造成不好的用戶體驗(yàn)。

如果圖片上的內(nèi)容過(guò)多，那么停留時(shí)間可延長(zhǎng)，但不要超過(guò) 5 秒，因?yàn)橛脩艨吹降谝粡垐D片后，就很快會(huì)被其他內(nèi)容吸引而離開(kāi)，以至于后面的圖片得不到曝光。

具體每張圖片應(yīng)該停留多長(zhǎng)時(shí)間，應(yīng)該根據(jù)圖片內(nèi)容而定，還可通過(guò)內(nèi)部測(cè)試，或其他實(shí)驗(yàn)方式多次測(cè)試確定最佳停留時(shí)間。

Banner 輪播圖通常自動(dòng)向左滑動(dòng)，并且在移動(dòng)端可以手動(dòng)向左或向右劃動(dòng)查看后一張或前一張圖片。

更新規(guī)則

Banner 輪播圖內(nèi)容具有跟蹤實(shí)時(shí)熱點(diǎn)和熱度推薦的作用，因此需要更新的頻率較高。

更換輪播圖內(nèi)容有兩種方式，一種是在前端代碼中設(shè)置輪播圖和跳轉(zhuǎn)鏈接，更換時(shí)需要同時(shí)修改代碼。

另一種方法是在運(yùn)營(yíng)后臺(tái)管理系統(tǒng)中進(jìn)行配置，輪播圖的名稱、定向投放、定時(shí)投放、順序、圖片、跳轉(zhuǎn)鏈接等，這樣的方式比較靈活，方便運(yùn)營(yíng)人員操作。

權(quán)重排序

我們知道，通常動(dòng)態(tài)內(nèi)容比靜態(tài)內(nèi)容更吸引用戶，圖片比文字更吸引用戶。因此在一個(gè)頁(yè)面上，注意力權(quán)重比較，視頻>輪播圖>圖片>文字。

盡管輪播圖更吸引用戶注意，增加廣告的曝光度，但是其實(shí)用戶并沒(méi)有耐心等所有圖片自動(dòng)輪播完，就已經(jīng)去到其他頁(yè)面或者手指已經(jīng)劃走了。

所以應(yīng)該把最重要，最想呈現(xiàn)給用戶的頁(yè)面放在第一張，保證得到最大可能的點(diǎn)擊率。越往后的圖片得到曝光機(jī)會(huì)越小，因此圖片應(yīng)該根據(jù)重要程度排序。

注意事項(xiàng)

• 視覺(jué)疲勞：長(zhǎng)時(shí)間顯示固定 Banner 圖會(huì)加重用戶對(duì)該區(qū)域的麻木，并且用戶可能已經(jīng)不感興趣了。所以需要有頻率地對(duì)圖片進(jìn)行更新，并且每次更新都應(yīng)能吸引眼球。
• 跳轉(zhuǎn)參數(shù)：每個(gè) Banner 圖都需要支持可點(diǎn)擊訪問(wèn)，跳轉(zhuǎn)到新的落地頁(yè)面，因此需判斷落地頁(yè)地址是否參數(shù)化。如果沒(méi)有的話，需要單獨(dú)進(jìn)行開(kāi)發(fā)。
• 容錯(cuò)機(jī)制：Banner 圖的訪問(wèn)，加載，緩存的異常都需要考慮周全，產(chǎn)品需定義當(dāng)訪問(wèn)異?；騼?nèi)容未加載出來(lái)異常頁(yè)面的呈現(xiàn)。

根據(jù)產(chǎn)品體量和 Banner 更新頻率決定是否緩存，如果是個(gè)大流量應(yīng)用并且 Banner 圖不常更新，那么最好在首次訪問(wèn)時(shí)調(diào)用緩存。

總結(jié)

以上，均是從產(chǎn)品角度設(shè)計(jì)一個(gè) Banner 輪播圖的注意要點(diǎn)，但是能夠吸引用戶的還是圖片的內(nèi)容，比如圖片的版面設(shè)計(jì)，包含信息，色彩組合等等，需要產(chǎn)品與運(yùn)營(yíng)和設(shè)計(jì)師共同完成。

作者：晴天；微信公眾號(hào)：impm6666

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

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