早在移動(dòng)設(shè)備產(chǎn)生之前，就已經(jīng)有輪播圖這樣的交互設(shè)計(jì)存在了，一群人在會(huì)議室里爭(zhēng)論著誰(shuí)要當(dāng)“頭條”的時(shí)候，輪播圖這一交互設(shè)計(jì)概念，貌似能夠輕松的解決爭(zhēng)論。誰(shuí)的內(nèi)容都能搶到顯眼的位置，但是，輪播圖真的好用嗎？

其實(shí)很多事情都不如人們想象中那么美好，輪播圖讓人們點(diǎn)擊的幾率很低，轉(zhuǎn)化的效果也不好，但是卻占了十分顯眼的一個(gè)位置，是很得不償失的。

在輪播圖的經(jīng)驗(yàn)上，交互時(shí)代碰到過(guò)這么一個(gè)情況，在我瀏覽某網(wǎng)站時(shí)，發(fā)現(xiàn)輪播圖的一個(gè)信息讓我很感興趣，在我想要詳細(xì)看看的時(shí)候，它突然又換到了下一張，我不得不再點(diǎn)回來(lái)，然而我還沒(méi)看完，它又一次換了一張，這樣就會(huì)讓人很討厭，而大部分的輪播圖都會(huì)如此。

首先你的確需要輪播圖功能

現(xiàn)在的大趨勢(shì)是各種輪播圖都做的十分的像是……廣告，或者說(shuō)就是廣告，而這就很容易被用戶(hù)無(wú)疑為這不是他們所需要的東西。早已熟悉各種網(wǎng)頁(yè)的用戶(hù)會(huì)用他們認(rèn)為最快速的方式找到他們所需要的信息。而觀看輪播圖的內(nèi)容則是低效的，因?yàn)橛脩?hù)無(wú)法確定輪播圖里有他們所需要的內(nèi)容，這樣輪播圖一開(kāi)始就直接進(jìn)入了用戶(hù)的盲區(qū)。

下面是交互時(shí)代所搜集的用戶(hù)焦點(diǎn)觀察圖，能夠直觀的看出用戶(hù)們的瀏覽方式：首先用戶(hù)會(huì)快速看一遍感覺(jué)會(huì)有自己需要的區(qū)域，然后進(jìn)行有序的沉浸式閱讀，當(dāng)然，他們都很少看到輪播圖的部分，因?yàn)榭雌饋?lái)很像是廣告。

（以上熱力圖源自JamesRoyal-Lawson）

（以上熱力圖源自NielsenNormanGroup）

而在2013年的時(shí)候，就已經(jīng)有關(guān)于輪播圖的研究調(diào)查了，可以看出輪播圖在交互設(shè)計(jì)中的效果并不如預(yù)想中的好，只有1%的用戶(hù)點(diǎn)擊了輪播圖中的切換按鈕，而84%的用戶(hù)則只是在首頁(yè)點(diǎn)擊了1次。

（以上圖片源自ErikRunyon的研究結(jié)果）

在國(guó)外還有學(xué)者對(duì)多個(gè)B2B網(wǎng)站進(jìn)行了研究調(diào)查，他們將輪播圖分成了三個(gè)種類(lèi)，分別是品牌宣傳類(lèi)（Branding）、在線研究類(lèi)（ThoughtLeadership）以及服務(wù)推廣類(lèi)（ServicePromtion），然而不管是哪種內(nèi)容，都很少用戶(hù)點(diǎn)擊它們。

所以從上面的各種數(shù)據(jù)來(lái)看，UI設(shè)計(jì)中使用輪播圖的話，點(diǎn)擊會(huì)很不理想，所以我們不應(yīng)該不經(jīng)過(guò)思考就隨意的使用輪播圖，這是對(duì)UI設(shè)計(jì)的不負(fù)責(zé)，也是對(duì)用戶(hù)的不負(fù)責(zé)。

以上就是交互時(shí)代今天給大家?guī)?lái)的UI設(shè)計(jì)中關(guān)于輪播圖的知識(shí)，如果大家想要了解更多關(guān)于UI設(shè)計(jì)方面的內(nèi)容就多多關(guān)注交互時(shí)代官網(wǎng)吧，或者掃描下方二維碼關(guān)注交互時(shí)代微信公眾平臺(tái)也可以哦。

請(qǐng)聯(lián)系網(wǎng)站客服，了解詳細(xì)的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心