小程式開發(fā)教學(xué)專欄為大家介紹App載入頁面的等待體驗(yàn)設(shè)計(jì)技巧

免費(fèi)推薦：小程式開發(fā)教學(xué)

設(shè)計(jì)師無法減少使用者的等待時(shí)間，但能讓等待時(shí)間變得有趣~

##在體驗(yàn)經(jīng)濟(jì)時(shí)代，使用者對於等待過程的印象直接影響使用者對於產(chǎn)品服務(wù)品質(zhì)的認(rèn)知與判斷，進(jìn)而影響使用者的滿意度與忠誠度。本文主要從使用者實(shí)際等待時(shí)間和感覺等待時(shí)間兩條主線進(jìn)行探討，分析提升行動(dòng)App載入頁的使用者體驗(yàn)設(shè)計(jì)原則和方法，從而讓使用者感受到

「優(yōu)雅而不令人煩躁的等待」。

　　行動(dòng)App載入頁是指應(yīng)用程式資料載入的一個(gè)流程頁面，主要分為啟動(dòng)載入頁、內(nèi)容載入頁、下載應(yīng)用程式載入頁三大類。

　

　「別讓我等」被網(wǎng)路公司總結(jié)為網(wǎng)路產(chǎn)品的使用者體驗(yàn)三要素之首。可以說優(yōu)秀的App載入頁不僅可以縮短實(shí)際的等待時(shí)間，彌補(bǔ)技術(shù)、網(wǎng)路等基礎(chǔ)因素的缺陷，同時(shí)也承擔(dān)著產(chǎn)品追求極致體驗(yàn)的重任。

　　使用者在App載入頁上的等待體驗(yàn)其實(shí)是受到兩個(gè)主要因素的影響－實(shí)際等待時(shí)間和感覺等待時(shí)間。實(shí)際等待時(shí)間是客觀存在的負(fù)荷消耗時(shí)間，受技術(shù)、網(wǎng)路等基礎(chǔ)因素限制;感覺等待時(shí)間是使用者主觀感知上的心理印象。兩者都會(huì)對使用者的決策行為產(chǎn)生影響。減少實(shí)際等待時(shí)間是減少使用者不愉快的基礎(chǔ)，同時(shí)應(yīng)用心理認(rèn)知以及設(shè)計(jì)新模式和方法來縮短使用者感覺時(shí)長是關(guān)鍵。

　　

減少實(shí)際等待時(shí)間是基礎(chǔ)

　　從實(shí)際等待時(shí)間的角度分析，移動(dòng)App的系統(tǒng)是由若干個(gè)相互聯(lián)繫，具有相互邏輯關(guān)係的多功能的整體。使用者、伺服器以及發(fā)生作用的資料環(huán)境構(gòu)成了有機(jī)系統(tǒng)，具有獨(dú)特的服務(wù)方式和排隊(duì)序列規(guī)則。當(dāng)使用者向系統(tǒng)發(fā)出指令，若係統(tǒng)沒有一條最有效的路徑給予使用者回饋，則會(huì)出現(xiàn)實(shí)際等待，且可能長時(shí)間等待。這就是伺服器處理資料能力以及容量不足導(dǎo)致的使用者請求不能被滿足的實(shí)際等待。

　　首要明確使用者對於實(shí)際等待時(shí)間的容忍度。因?yàn)椴煌漠a(chǎn)品滿足不同的使用者需求，使得使用者的容忍度存在差異性。所以需要透過仔細(xì)的測試和嚴(yán)謹(jǐn)?shù)姆治鰜淼贸鏊韬馁M(fèi)的實(shí)際等待時(shí)間，以及使用者的容忍度閥值。進(jìn)而有針對性的進(jìn)行設(shè)計(jì)調(diào)整最佳化。

　

　1.最佳化互動(dòng)框架

　　在確保滿足使用者目標(biāo)的情況下，最佳化互動(dòng)邏輯，簡化框架結(jié)構(gòu)，進(jìn)而降低伺服器資料處理量，彌補(bǔ)技術(shù)缺陷。

　　互動(dòng)框架不僅定義了高層次的螢?zāi)粊丫?，也定義了產(chǎn)品的工作流程、行為和組織。

　　(1)明確功能目標(biāo)優(yōu)先級，滿足使用者需求。這個(gè)過程中必須回到互動(dòng)設(shè)計(jì)流程中的情境場景劇本中，也就是人物角色目標(biāo)和心理模型，從中找到最有效的解決方法，並根據(jù)產(chǎn)品功能決定優(yōu)先順序。切勿出現(xiàn)功能模組的重複累贅，以及任務(wù)流程走不通或流程過於複雜。

　　(2)檢驗(yàn)交互框架。根據(jù)關(guān)鍵路線情境劇本以及常用的故事板，進(jìn)行任務(wù)走查，確保每條任務(wù)線都是走得通並且是最有效的途徑。

　　2.根據(jù)不同的需求場景，明確對應(yīng)的資料載入模式

　　目前App設(shè)計(jì)中，合理的資料載入模式主要分為6種。

　　(1)全螢?zāi)患虞d，優(yōu)點(diǎn)是能保證內(nèi)容的整體性。缺點(diǎn)比較明顯，有非常強(qiáng)烈的等待感，3s以上會(huì)產(chǎn)生焦躁情緒。

　　(2)優(yōu)先加載，一個(gè)頁面有圖片也有文字，在加載圖片比較慢的情況下，可以先把文字都加載出來，保證用戶可以順暢閱讀，然後再加載比較費(fèi)流量的圖片。

　　(3)整頁加載，當(dāng)前頁與下一頁是整頁切換的時(shí)候，可以考慮採用整頁加載的形式。優(yōu)點(diǎn)是能確保每個(gè)頁面的完整性，體驗(yàn)比較整體。缺點(diǎn)是不能保證整頁的載入效率。

　　(4)自動(dòng)加載，用這種手法可以營造一種無極限瀏覽的錯(cuò)覺，很容易把用戶吸引住。優(yōu)點(diǎn)是把用戶帶入無盡瀏覽模式。缺點(diǎn)是沒有盡頭，容易迷失，不方便快速索引定位到某個(gè)內(nèi)容。

　　(5)智慧型加載，優(yōu)點(diǎn)是根據(jù)特定場景來控制流量和加載速度。缺點(diǎn)是不一定真實(shí)有效的命中用戶需求。

　　(6)離線加載，App離線情況下，考慮預(yù)先加載 離線快取的設(shè)計(jì)。優(yōu)點(diǎn)是解決沒網(wǎng)路取得資料的問題，且節(jié)省流量，又保證流暢。缺點(diǎn)是佔(zhàn)用本地儲(chǔ)存空??間。

　　縮短使用者感覺時(shí)間是關(guān)鍵

　　等待時(shí)間感覺是使用者在等待的過程中對等待時(shí)長的主觀感受，它對人們的決策行為產(chǎn)生影響。根據(jù)使用者的心理特徵從載入概念模型、非模態(tài)載入、情趣化，使用者預(yù)期等方面設(shè)計(jì)載入頁面，讓使用者輕鬆、優(yōu)雅的等待。

　　提供一個(gè)概念載入模型。一個(gè)優(yōu)秀的概念模型能夠幫助使用者不困惑，以及輔助使用者理解正在發(fā)生的事。告知加載進(jìn)度，讓使用者有了更明確的知情權(quán)，使用願(yuàn)意接受等待並且能更好的預(yù)期到加載完成的時(shí)間。如果缺少告知，使用者會(huì)猜測一個(gè)概念模型，而這個(gè)過程是令人不安、焦躁的。

　　情趣化載入。心理上的持續(xù)時(shí)間很大程度地被心理活動(dòng)影響著。讓等待過程中充滿可以看的有趣東西或是可以做的有趣事情，以分散人們的注意力或讓人們保持忙碌都會(huì)有所幫助。透過創(chuàng)意文案、色彩、動(dòng)效、聲音等趣味化的元素來滿足使用者上層需求的愉悅性。

　　非模態(tài)的載入方式。用非模態(tài)的載入方式，使用者可以利用做別的事情，打發(fā)等待的時(shí)間，而不用傻傻等待資料載入完成，大大降低了等待的焦躁感。令人焦慮的等待時(shí)間被使用者的持續(xù)瀏覽消解。

　　滿足或超越預(yù)期。當(dāng)我們需要為等待設(shè)立時(shí)間時(shí)，最好適當(dāng)?shù)卦O(shè)定超過真實(shí)需要等待的時(shí)間，提前加載完成會(huì)讓用戶收穫意外的驚喜。

　　隱藏等待。即使用者一執(zhí)行指令則會(huì)受到伺服器的視覺回饋，而係統(tǒng)處理過程並未執(zhí)行只是被隱藏了。例如，微信和Path分享圖片，點(diǎn)擊發(fā)送，圖片立

　　即出現(xiàn)在時(shí)間線上。涉及狀態(tài)切換的按鈕，例如“喜愛”、“收藏”，一般會(huì)先給用戶一個(gè)操作成功的視覺反饋，無需等待伺服器返回“操作成功”的實(shí)際結(jié)果。這樣的好處是，大多數(shù)情況下使用者不需要焦慮等待內(nèi)容上傳完畢。

　　結(jié)語：App載入頁作為整個(gè)使用者體驗(yàn)的一部分，直接影響使用者對產(chǎn)品服務(wù)的忠誠度和滿意度。針對使用者實(shí)際等待時(shí)間和感覺等待時(shí)間兩條主線分析在載入頁面設(shè)計(jì)中，互動(dòng)邏輯框架、載入模式和滿足使用者上層需求是重要思考的方向。

相關(guān)學(xué)習(xí)推薦：網(wǎng)站建立教學(xué)

以上是App載入頁面的等待體驗(yàn)設(shè)計(jì)技巧的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！