張校君+張宇紅

摘要：交互設(shè)計(jì)中的信息交換就是反饋機(jī)制運(yùn)作的過(guò)程，而loadlng頁(yè)面反饋是界面反饋的最佳體現(xiàn)。本文從反饋機(jī)制中的視覺(jué)反饋、聽(tīng)覺(jué)反饋、觸覺(jué)反饋等反饋種類(lèi)中探討loading頁(yè)面反饋的意義，通過(guò)對(duì)loading頁(yè)面設(shè)計(jì)中的反饋機(jī)制進(jìn)行具體分析，提出從反饋機(jī)制的角度來(lái)看，loadlng頁(yè)面設(shè)計(jì)的規(guī)則，即loadlng頁(yè)面必須即時(shí)反饋并且提供信息，適度反饋，反饋時(shí)避免過(guò)度節(jié)省成本造成反作用，反饋需要精心策劃。

關(guān)鍵詞：交互設(shè)計(jì) loading頁(yè)面設(shè)計(jì) 反饋機(jī)制

引言

交互設(shè)計(jì)的概念自1984年由lDEO的創(chuàng)始人比爾.莫格里奇提出以來(lái)被運(yùn)用到各個(gè)領(lǐng)域，現(xiàn)在我們普遍認(rèn)為的交互設(shè)計(jì)是：通過(guò)產(chǎn)品的媒介來(lái)設(shè)計(jì)人與人、人與物、人與環(huán)境的相互關(guān)系，以支持、滿足、創(chuàng)造人們之間的各種互動(dòng)行為。

交互設(shè)計(jì)最終的目標(biāo)是在探索用戶需求的基礎(chǔ)上開(kāi)發(fā)出具有可用性的產(chǎn)品，以實(shí)現(xiàn)用戶體驗(yàn)的最終目標(biāo)。產(chǎn)品交互也就是產(chǎn)品與用戶之間的交互，包含信息傳遞和信息反饋，信息反饋就是計(jì)算機(jī)對(duì)用戶作出的操作行為的回應(yīng)，進(jìn)而指示用戶下一步的操作行為，這個(gè)過(guò)程是一個(gè)相互交互的過(guò)程，它體現(xiàn)了產(chǎn)品交互的本質(zhì)。也就是說(shuō)：產(chǎn)品概念中信息交換是雙向的，而不僅僅是系統(tǒng)對(duì)人的反映，交互的過(guò)程因?yàn)橛辛藙?dòng)作和隨之而來(lái)的反饋才形成了一個(gè)交互的基本單元。

設(shè)計(jì)師對(duì)反饋的探索已經(jīng)歷時(shí)很久了，并且從用戶界面出現(xiàn)以來(lái)，反饋一直是研究者關(guān)注的重點(diǎn)。早在1900年，美國(guó)認(rèn)知心理學(xué)家Norman就意識(shí)到反饋的重要性，并將其列為用戶界面中六大設(shè)計(jì)準(zhǔn)則之一，同時(shí)他還指出：“沒(méi)有反饋的界面將是用戶難以忍受的?！笨梢砸?jiàn)得反饋在界面設(shè)計(jì)中的重要性。用戶在使用產(chǎn)品的過(guò)程中，如果只有信息傳遞，而沒(méi)有任何反饋，那么這個(gè)產(chǎn)品是失敗的，因?yàn)樗o用戶帶來(lái)了極大的挫敗和焦慮。

Loading頁(yè)面反饋是用戶界面反饋中非常重要的反饋之-，在頁(yè)面與頁(yè)面之間進(jìn)行切換時(shí)，系統(tǒng)需要時(shí)間加載新頁(yè)面或者新程序，這時(shí)就需要對(duì)用戶進(jìn)行提示，也就是Loading頁(yè)面反饋，這個(gè)階段也是非常容易打斷用戶注意力的時(shí)刻，人們熟知的Loading頁(yè)面反饋包括進(jìn)度條、旋轉(zhuǎn)小菊花和小動(dòng)畫(huà)等，使用這些反饋形式使用戶清楚地了解到產(chǎn)品的狀況和自己所處的位置，避免用戶等待太久后產(chǎn)生焦慮情緒或者誤以為頁(yè)面奔潰了而關(guān)閉頁(yè)面。

一、loading設(shè)計(jì)中反饋機(jī)制的意義

反饋是控制論、系統(tǒng)論的著名概念，指溝通行動(dòng)的結(jié)果。反饋是對(duì)已經(jīng)發(fā)生的操作行為的指示或者回應(yīng)，而產(chǎn)品中的反饋則是所有反饋的集合體。

反饋機(jī)制包含用戶對(duì)產(chǎn)品的反饋和產(chǎn)品對(duì)用戶的反饋。用戶對(duì)產(chǎn)品的反饋就是產(chǎn)品對(duì)人的神經(jīng)系統(tǒng)進(jìn)行刺激，進(jìn)而引發(fā)用戶心智模型后作出知覺(jué)化的反應(yīng)，人類(lèi)神經(jīng)系統(tǒng)包含了大量的反饋機(jī)制，包括視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、嗅覺(jué)、味覺(jué)傳感器，以及可以監(jiān)控身體姿勢(shì)和肌肉、肢體運(yùn)動(dòng)的前庭和本體感覺(jué)系統(tǒng)。產(chǎn)品對(duì)用戶的反饋是在用戶進(jìn)行操作后，產(chǎn)品給予用戶的信息反饋，目的在于讓用戶清楚自己在做什么，并且引導(dǎo)其下一步的操作，這個(gè)反饋過(guò)程必須滿足用戶的情感需求。用戶使用產(chǎn)品的直接目的和潛在目的是得到產(chǎn)品的反饋信息。

在用戶使用產(chǎn)品過(guò)程中，產(chǎn)品需要時(shí)時(shí)刻刻與服務(wù)器進(jìn)行數(shù)據(jù)的交換，首先服務(wù)器發(fā)出數(shù)據(jù)請(qǐng)求，接著服務(wù)器將接收到的相應(yīng)的數(shù)據(jù)請(qǐng)求傳輸給產(chǎn)品，最后產(chǎn)品將接收成功后的數(shù)據(jù)顯示出來(lái)，沒(méi)有接收成功則反饋數(shù)據(jù)接收失敗。產(chǎn)品與服務(wù)器進(jìn)行數(shù)據(jù)交換時(shí)的空白階段會(huì)導(dǎo)致信息攝入的中斷，迫使用戶等待，而這個(gè)數(shù)據(jù)交換是非常頻繁的，通常都會(huì)使用loading頁(yè)面反饋來(lái)給予用戶反饋，避免用戶出現(xiàn)等待的焦慮感，產(chǎn)品交互和反饋是密不可分的，而loading頁(yè)面更是反饋的最佳體現(xiàn)，因此，對(duì)于產(chǎn)品的交互反饋而言，loading的設(shè)計(jì)是非常重要和必要的。

二、loading頁(yè)面中的反饋機(jī)制及其分類(lèi)

一個(gè)具有優(yōu)秀反饋系統(tǒng)的產(chǎn)品將給用戶帶來(lái)極大的控制感和適從感，當(dāng)用戶在使用產(chǎn)品的每時(shí)每刻都知道自己在做什么，并且清晰地知道自己接下來(lái)該做什么，掌握著產(chǎn)品的工作進(jìn)度，而不是與產(chǎn)品分離開(kāi)來(lái)，各自工作，這就會(huì)讓用戶擁有優(yōu)越的用戶體驗(yàn)。產(chǎn)品對(duì)人的反饋無(wú)非是通過(guò)對(duì)人的五感進(jìn)行刺激，以達(dá)到喚起用戶注意力，同時(shí)將信息傳遞給用戶的目的。

就Loading頁(yè)面反饋來(lái)講，大致分為視覺(jué)反饋、聽(tīng)覺(jué)反饋、觸覺(jué)反饋、嗅覺(jué)反饋等。視覺(jué)反饋運(yùn)用十分普遍，聽(tīng)覺(jué)反饋次之，而觸覺(jué)反饋則比較少。

（一）視覺(jué)反饋

用戶界面中最多使用的是視覺(jué)界面與用戶進(jìn)行信息的交流，因此在loading頁(yè)面中，使用最多并且最重要的反饋形式也是視覺(jué)反饋。在loading頁(yè)面中如果給用戶僅僅呈現(xiàn)了一個(gè)空白的頁(yè)面讓用戶等待，那么會(huì)造成用戶不能對(duì)頁(yè)面有定位和期待，從而造成心理上的焦慮。

Loading如果僅僅顯示了一個(gè)空白的頁(yè)面讓用戶等待，用戶不能在心理上對(duì)頁(yè)面有定位和預(yù)期，就會(huì)造成用戶心理上的焦慮，進(jìn)度條是最常被使用的反饋元素（圖1）。

Loading頁(yè)面中最基本的視覺(jué)反饋就是視覺(jué)進(jìn)度條，也是最簡(jiǎn)單有效的反饋形式，從時(shí)間心理學(xué)角度來(lái)講，它能夠有效地延長(zhǎng)用戶的心理等待時(shí)間。和進(jìn)度條類(lèi)似的展現(xiàn)方式還是百分比的方式，而旋轉(zhuǎn)小菊花也是經(jīng)常使用的加載形式，相比而言，進(jìn)度條和百分比的設(shè)計(jì)更加能夠提示用戶時(shí)間的量度，幫助用戶進(jìn)行時(shí)間的估量，具有更高的可控性，能夠減少用戶焦慮感（圖2）。

加載小動(dòng)畫(huà)也是使用較多的loading頁(yè)面反饋，也是用戶更加喜愛(ài)的反饋形式。其原理是運(yùn)用動(dòng)畫(huà)來(lái)刺激用戶，以獲得更多的注意資源，利用趣味圖形減弱用戶對(duì)時(shí)間的感知。

（二）聽(tīng)覺(jué)反饋

在系統(tǒng)進(jìn)行加載過(guò)程中亦可使用聲音進(jìn)行信息反饋，雖然使用聽(tīng)覺(jué)反饋沒(méi)有非常頻繁，但也是非常重要的反饋類(lèi)型，特別是在視覺(jué)反饋不方便使用的情境下，比如強(qiáng)烈的太陽(yáng)光下，或嘈雜的環(huán)境中，聽(tīng)覺(jué)反饋更能發(fā)揮其作用。endprint

進(jìn)度條不但有視覺(jué)進(jìn)度條，還有聽(tīng)覺(jué)進(jìn)度條。聽(tīng)覺(jué)進(jìn)度條能夠通過(guò)聲音刺激人的聽(tīng)覺(jué)系統(tǒng)進(jìn)而傳遞時(shí)間信息，通過(guò)使用各種形式的聲音來(lái)影響用戶對(duì)時(shí)間的感知。一般情況下，聽(tīng)覺(jué)進(jìn)度條是作為視覺(jué)進(jìn)度條的補(bǔ)充使用，這樣的話用戶可以在等待過(guò)程中將視覺(jué)注意力短暫轉(zhuǎn)移，緩解用戶在操作過(guò)程中的疲勞，并且不至于讓用戶注意力離開(kāi)產(chǎn)品。而聽(tīng)覺(jué)loading頁(yè)面反饋更加能夠幫助視障人士走向信息化。因此對(duì)于聽(tīng)覺(jué)反饋的探索還需要更加提高關(guān)注，聽(tīng)覺(jué)反饋是非常有價(jià)值的。

（三）觸覺(jué)反饋

說(shuō)起觸覺(jué)反饋，可能會(huì)比較陌生，但是從移動(dòng)手機(jī)開(kāi)始使用時(shí)就開(kāi)始使用觸覺(jué)反饋了，譬如來(lái)電震動(dòng)等形式。觸覺(jué)反饋能夠使用戶獲得更好的服務(wù)，使用戶更加沉浸于產(chǎn)品的使用中，使產(chǎn)品和用戶更加親密。同樣，在loading頁(yè)面中使用觸覺(jué)反饋能夠抓住用戶的注意力，不讓用戶轉(zhuǎn)移注意力，進(jìn)而減少用戶在等待時(shí)產(chǎn)生焦慮而關(guān)閉頁(yè)面的情況。觸覺(jué)反饋的優(yōu)點(diǎn)是只有當(dāng)前使用產(chǎn)品的用戶才能感受到提示，因此觸覺(jué)反饋更加具有私密性。

雖然觸覺(jué)反饋的形式還比較單一，基本都是以震動(dòng)的形式反饋給用戶，但是觸感反饋、壓力觸控等觸感領(lǐng)域的技術(shù)越來(lái)越發(fā)達(dá)，相信很快就會(huì)為“人機(jī)觸覺(jué)互動(dòng)”打開(kāi)大門(mén)，加速“觸覺(jué)互動(dòng)”的時(shí)代進(jìn)程。而該技術(shù)在loading頁(yè)面中的應(yīng)用還比較少，需要設(shè)計(jì)師更加注意。

（四）嗅覺(jué)反饋

或許人們覺(jué)得嗅覺(jué)的反饋還很遙遠(yuǎn)，目前嗅覺(jué)反饋在loading頁(yè)面中乃至互聯(lián)網(wǎng)產(chǎn)品中的應(yīng)用還很少。但是很多年前，MIT就開(kāi)發(fā)了嗅覺(jué)裝置，也意味著將來(lái)用戶必然能享受到全感官的產(chǎn)品反饋和用戶體驗(yàn)。

loading頁(yè)面在產(chǎn)品中出現(xiàn)頻繁，好的loading設(shè)計(jì)能夠大大改善產(chǎn)品的用戶體驗(yàn)，而不好的loading則會(huì)降低用戶體驗(yàn)。從反饋的角度來(lái)說(shuō)，其實(shí)就是產(chǎn)品后臺(tái)在進(jìn)行數(shù)據(jù)交換工作時(shí)讓用戶如何等得開(kāi)心，等得心甘情愿。在用戶使用產(chǎn)品過(guò)程中，開(kāi)發(fā)者最希望用戶不被打斷，沉浸于產(chǎn)品的使用，而在這個(gè)過(guò)程中，loading頁(yè)面是最容易打斷用戶的一個(gè)節(jié)點(diǎn)，如果用戶過(guò)多地被打斷勢(shì)必造成產(chǎn)品用戶體驗(yàn)的劣質(zhì)，更有可能造成產(chǎn)品的劣勢(shì)。

三、loading頁(yè)面反饋設(shè)計(jì)的原則

loding頁(yè)面反饋在產(chǎn)品中無(wú)處不在，在設(shè)計(jì)時(shí)設(shè)計(jì)師要考慮用戶需求和自身?xiàng)l件，以達(dá)到對(duì)用戶反饋的目的，即保證用戶愉悅心情的情況下傳達(dá)信息并且指引操作。Loading頁(yè)面反饋設(shè)計(jì)可以遵循以下原則：

（一）即時(shí)反饋并且提供信息

loading頁(yè)面反饋必須是即時(shí)的，即使延遲1/10秒就會(huì)令人不安。如果拖延太久就會(huì)導(dǎo)致用戶放棄等待而選擇其他的活動(dòng)。當(dāng)用戶花費(fèi)了大量的時(shí)間和精力等待系統(tǒng)響應(yīng)后頁(yè)面顯示40項(xiàng)面，就會(huì)引起用戶極大的不滿，用戶可能就會(huì)棄用產(chǎn)品，也會(huì)造成系統(tǒng)資源的浪費(fèi)。同時(shí)loading頁(yè)面反饋必須提供信息。在系統(tǒng)加載過(guò)程中，會(huì)有很多干擾因素，如網(wǎng)絡(luò)狀況、網(wǎng)站服務(wù)器情況、后臺(tái)情況，系統(tǒng)必須即時(shí)提供當(dāng)下的情況給用戶才不至于讓用戶等得焦慮（圖3）。

很多產(chǎn)品會(huì)使用后臺(tái)加載的形式，譬如微信或微博里面的點(diǎn)贊。但因?yàn)楹笈_(tái)操作，可能有時(shí)候明明顯示成功，但其實(shí)卻是失敗，所以一些比較重要的操作不太適合用這種方式來(lái)呈現(xiàn)。這就是為了給用戶更加即時(shí)的信息反饋，使用戶更加流暢地使用產(chǎn)品，而不至于一個(gè)簡(jiǎn)單的操作讓用戶等待很久。

（二）適度反饋（圖4）

過(guò)多的反饋可能比過(guò)少的反饋更加惱人。在Safari瀏覽器打開(kāi)鳳凰新聞的頁(yè)面的loading頁(yè)面中，首先頁(yè)面上方用藍(lán)色進(jìn)度條進(jìn)行顯示，加載了一部分頁(yè)面后，頁(yè)面中心出現(xiàn)了一個(gè)小動(dòng)畫(huà)廣告，最后加載完成，頁(yè)面中心的廣告消失。在這個(gè)加載過(guò)程中，用戶急于瀏覽頁(yè)面加載出來(lái)的內(nèi)容，而頁(yè)面中心的小動(dòng)畫(huà)廣告嚴(yán)重地干擾了用戶的注意力，造成用戶煩躁的情緒，太多的反饋會(huì)干擾必要信息。反饋必不可少，但是并不包含有礙于其他事物的時(shí)候，包括一個(gè)平靜和放松的環(huán)境。

（三）避免過(guò)度節(jié)省成本的反饋

設(shè)計(jì)拙劣的loading反饋可能是旨在降低成本的結(jié)果，即沒(méi)有給用戶帶來(lái)正面情緒反而帶來(lái)了負(fù)面情緒（圖5）。

一些產(chǎn)品為了節(jié)約成本，簡(jiǎn)單地下載一個(gè)gif圖片就作為產(chǎn)品的loading頁(yè)面，使用最多的當(dāng)屬旋轉(zhuǎn)小菊花的使用，而旋轉(zhuǎn)小菊花的使用情景是加載內(nèi)容比較少，能夠快速加載出接下來(lái)的內(nèi)容，過(guò)分的降低成本導(dǎo)致使用單一的loading頁(yè)面?zhèn)鬟_(dá)加載過(guò)程中多種類(lèi)型的信息，而不是使用多種loadinq加載信息來(lái)進(jìn)行顯示，loading頁(yè)面包括頁(yè)面內(nèi)加載、控件自身加載、層級(jí)內(nèi)切換、層級(jí)間跳轉(zhuǎn)等類(lèi)型。

（四）反饋需要精心策劃

loading頁(yè)面反饋需要精心策劃，需要以一種不顯著的方式確認(rèn)所有的操作。Loading頁(yè)面反饋也必須考慮優(yōu)先權(quán)，以不經(jīng)意的方式表現(xiàn)不重要的信息，使用引人注目的方式呈現(xiàn)重要的信號(hào)。

新安裝的APP或者剛更新的APP需要重新加載軟件，所以加載內(nèi)容多，加載非常緩慢，這就出現(xiàn)了引導(dǎo)頁(yè)，開(kāi)屏loading頁(yè)面的設(shè)計(jì)中包含更多的信息，一般包括產(chǎn)品宣傳廣告，產(chǎn)品最新活動(dòng)，或者有些軟件會(huì)把登錄頁(yè)和引導(dǎo)頁(yè)結(jié)合起來(lái)，減少用戶操作步驟，這些信息的添加都需要精心策劃，避免用戶在剛開(kāi)始使用該產(chǎn)品時(shí)就產(chǎn)生負(fù)面情緒導(dǎo)致用戶的流失。

Loading頁(yè)面反饋十分必要，但必須正確地、合理地使用。

結(jié)語(yǔ)

對(duì)于產(chǎn)品反饋而言，loading頁(yè)面的設(shè)計(jì)不可忽視，而且在交互設(shè)計(jì)越來(lái)越注重用戶體驗(yàn)的今天，設(shè)計(jì)師需要進(jìn)一步切身考慮用戶情緒和情感，在適當(dāng)?shù)臅r(shí)候合理地使用loading頁(yè)面反饋中視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)乃至嗅覺(jué)反饋，提升產(chǎn)品和用戶的融入感，用戶對(duì)產(chǎn)品的控制性，良好的loading頁(yè)面反饋在互聯(lián)網(wǎng)產(chǎn)品中是非常重要的，是不可忽略的，因此，需要設(shè)計(jì)師更加注重loading頁(yè)面反饋的設(shè)計(jì)。endprint