不要在UI設(shè)計中隨便使用輪播圖
194 2017-06-01
早在移動設(shè)備產(chǎn)生之前,就已經(jīng)有輪播圖這樣的交互設(shè)計存在了,一群人在會議室里爭論著誰要當(dāng)“頭條”的時候,輪播圖這一交互設(shè)計概念,貌似能夠輕松的解決爭論。誰的內(nèi)容都能搶到顯眼的位置,但是,輪播圖真的好用嗎?
其實很多事情都不如人們想象中那么美好,輪播圖讓人們點擊的幾率很低,轉(zhuǎn)化的效果也不好,但是卻占了十分顯眼的一個位置,是很得不償失的。
在輪播圖的經(jīng)驗上,交互時代碰到過這么一個情況,在我瀏覽某網(wǎng)站時,發(fā)現(xiàn)輪播圖的一個信息讓我很感興趣,在我想要詳細(xì)看看的時候,它突然又換到了下一張,我不得不再點回來,然而我還沒看完,它又一次換了一張,這樣就會讓人很討厭,而大部分的輪播圖都會如此。
首先你的確需要輪播圖功能
現(xiàn)在的大趨勢是各種輪播圖都做的十分的像是……廣告,或者說就是廣告,而這就很容易被用戶無疑為這不是他們所需要的東西。早已熟悉各種網(wǎng)頁的用戶會用他們認(rèn)為最快速的方式找到他們所需要的信息。而觀看輪播圖的內(nèi)容則是低效的,因為用戶無法確定輪播圖里有他們所需要的內(nèi)容,這樣輪播圖一開始就直接進入了用戶的盲區(qū)。
下面是交互時代所搜集的用戶焦點觀察圖,能夠直觀的看出用戶們的瀏覽方式:首先用戶會快速看一遍感覺會有自己需要的區(qū)域,然后進行有序的沉浸式閱讀,當(dāng)然,他們都很少看到輪播圖的部分,因為看起來很像是廣告。
(以上熱力圖源自JamesRoyal-Lawson)
(以上熱力圖源自NielsenNormanGroup)
而在2013年的時候,就已經(jīng)有關(guān)于輪播圖的研究調(diào)查了,可以看出輪播圖在交互設(shè)計中的效果并不如預(yù)想中的好,只有1%的用戶點擊了輪播圖中的切換按鈕,而84%的用戶則只是在首頁點擊了1次。
(以上圖片源自ErikRunyon的研究結(jié)果)
在國外還有學(xué)者對多個B2B網(wǎng)站進行了研究調(diào)查,他們將輪播圖分成了三個種類,分別是品牌宣傳類(Branding)、在線研究類(ThoughtLeadership)以及服務(wù)推廣類(ServicePromtion),然而不管是哪種內(nèi)容,都很少用戶點擊它們。
所以從上面的各種數(shù)據(jù)來看,UI設(shè)計中使用輪播圖的話,點擊會很不理想,所以我們不應(yīng)該不經(jīng)過思考就隨意的使用輪播圖,這是對UI設(shè)計的不負(fù)責(zé),也是對用戶的不負(fù)責(zé)。
以上就是交互時代今天給大家?guī)淼腢I設(shè)計中關(guān)于輪播圖的知識,如果大家想要了解更多關(guān)于UI設(shè)計方面的內(nèi)容就多多關(guān)注交互時代官網(wǎng)吧,或者掃描下方二維碼關(guān)注交互時代微信公眾平臺也可以哦。
請聯(lián)系網(wǎng)站客服,了解詳細(xì)的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號
獵學(xué)網(wǎng)服務(wù)號