網(wǎng)站Banner輪播圖有哪些設(shè)計(jì)要點(diǎn)?

2023-01-31    分類: 網(wǎng)站建設(shè)

Banner輪播圖是什么?
banner:橫幅,顯示廣告,由一個(gè)或多個(gè)圖片拼接而成;多張圖片循環(huán)輪播,即我們所說的Banner輪播圖。
互聯(lián)網(wǎng)歷史很短,所以許多的應(yīng)用思想都來自于傳統(tǒng)的商業(yè)社會(huì),并且都是對其進(jìn)行匹配,改進(jìn),優(yōu)化。
舉例來說,當(dāng)Banner圖被應(yīng)用到互聯(lián)網(wǎng)上時(shí),它就不再是單一的Banner圖,而是多個(gè)圖片輪播,所以習(xí)慣上被稱為Banner輪播圖或廣告輪播圖。
事實(shí)上,多是單張Banner圖,而互聯(lián)網(wǎng)上多是這樣的,原因如下:
1)費(fèi)用方面:
街道上或地鐵站內(nèi)有較大的可用區(qū)域,把每個(gè)廣告都展示出來是可以做到的。
而且采用多張輪播對承載廣告頁面的硬件成本較高,而在移動(dòng)端或PC端,可以展示區(qū)域大小有限,多張圖片可以提高空間利用率。
2)行為方面:
現(xiàn)實(shí)中,我們只有1-2秒的時(shí)間走過廣告位,很少有人會(huì)站在原地等下一個(gè)廣告,而在手機(jī)或PC端,用戶只要不退出應(yīng)用程序,就有可能看到其他Banner圖,而且廣告曝光的幾率更高。
3)用途角度:
固定廣告頁面并不能立刻帶來顯著的效益,它只是吸引用戶,加深他們的印象,并在“未來”產(chǎn)生消費(fèi)行為。
而輪播的目的不只是吸引用戶的注意力,還想讓用戶立即產(chǎn)生探索的欲望,去點(diǎn)擊查看詳細(xì)信息或查看下一個(gè),從而縮短了獲取收益的時(shí)間。前置
展示
在移動(dòng)端應(yīng)用的Banner圖片上通常顯示的輪播圖控件,通常以多個(gè)小圓點(diǎn)或其他樣式顯示,其作用是告訴用戶總共有多少張圖片,讓用戶有探索的欲望,并提示用戶當(dāng)前顯示的是第幾張。
在pc端還有左右鍵的點(diǎn)擊,按鍵切換到上一個(gè)或下一個(gè)。
但如果圖片顏色太豐富,控制不容易看到,那么更好的辦法就是放在輪播圖的下面。并可選擇其他風(fēng)格,以提高用戶體驗(yàn)。
輪播規(guī)則
輪播圖是動(dòng)態(tài)呈現(xiàn)的,每幅圖片停留時(shí)間、輪播方向都是在前端代碼中設(shè)置的定時(shí)任務(wù)。
而且要注意的是,圖片的停留時(shí)間盡量不要少于3秒,避免用戶在沒有讀完圖片上的所有信息之前就已經(jīng)切換頁面,造成用戶體驗(yàn)不好的情況。
若圖片內(nèi)容過多,則可延長停留時(shí)間,但不得超過5秒,因?yàn)橛脩艨吹降谝粡垐D片后,很快就會(huì)被其他內(nèi)容所吸引,以致后面的圖片無法曝光。
特定的每幅圖片應(yīng)該停留多久,應(yīng)該根據(jù)圖片的內(nèi)容來決定,也可以通過內(nèi)部測試,或者用其他的實(shí)驗(yàn)方法,多次測試來確定好停留時(shí)間。
一般情況下,Banner輪播圖會(huì)自動(dòng)地向左滑動(dòng),并在移動(dòng)端手動(dòng)地向左或向右劃動(dòng),以查看后或前一張圖片。更新
規(guī)則
輪播圖具有跟蹤實(shí)時(shí)熱點(diǎn)和熱推薦的功能,因此需要更新的頻率比較高。
替換輪播圖的內(nèi)容有兩種方法,一種是在前端代碼中設(shè)置輪播圖和跳轉(zhuǎn)鏈接,同時(shí)進(jìn)行代碼的替換。
二是在后臺(tái)運(yùn)行管理系統(tǒng)中配置,如輪播地圖名稱,定向投放,定時(shí)投放,次序,圖片,跳轉(zhuǎn)鏈接等,這樣比較靈活,便于操作者操作。權(quán)重
排序
一般情況下,動(dòng)態(tài)內(nèi)容比靜態(tài)內(nèi)容更有吸引力,圖片比文字更有吸引力。所以在一個(gè)頁面上,注意力權(quán)重比較:視頻>輪播圖>圖片>文字。
雖然輪播圖更能吸引用戶的注意力,更能曝光廣告,但用戶卻沒有耐心等所有的圖片都自動(dòng)輪播后,再去瀏覽其他頁面或劃走。
因此,應(yīng)將最重要、最想呈現(xiàn)給用戶的頁面放在首位,確保獲得大可能的點(diǎn)擊。越往后的圖片得到的曝光機(jī)會(huì)越小,那么圖片就應(yīng)該按照重要性來排序。

分享文章:網(wǎng)站Banner輪播圖有哪些設(shè)計(jì)要點(diǎn)?
轉(zhuǎn)載注明:http://www.bm7419.com/news43/233593.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、虛擬主機(jī)、動(dòng)態(tài)網(wǎng)站、外貿(mào)建站、面包屑導(dǎo)航企業(yè)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)