App載入頁面的等待體驗設計技巧

小程式開發教學專欄為大家介紹App載入頁面的等待體驗設計技巧

免費推薦：小程式開發教學

設計師無法減少使用者的等待時間，但能讓等待時間變得有趣~

##在體驗經濟時代，使用者對於等待過程的印象直接影響使用者對於產品服務品質的認知與判斷，進而影響使用者的滿意度與忠誠度。本文主要從使用者實際等待時間和感覺等待時間兩條主線進行探討，分析提升行動App載入頁的使用者體驗設計原則和方法，從而讓使用者感受到

「優雅而不令人煩躁的等待」。

　　行動App載入頁是指應用程式資料載入的一個流程頁面，主要分為啟動載入頁、內容載入頁、下載應用程式載入頁三大類。

　

　「別讓我等」被網路公司總結為網路產品的使用者體驗三要素之首。可以說優秀的App載入頁不僅可以縮短實際的等待時間，彌補技術、網路等基礎因素的缺陷，同時也承擔著產品追求極致體驗的重任。

　　使用者在App載入頁上的等待體驗其實是受到兩個主要因素的影響－實際等待時間和感覺等待時間。實際等待時間是客觀存在的負荷消耗時間，受技術、網路等基礎因素限制;感覺等待時間是使用者主觀感知上的心理印象。兩者都會對使用者的決策行為產生影響。減少實際等待時間是減少使用者不愉快的基礎，同時應用心理認知以及設計新模式和方法來縮短使用者感覺時長是關鍵。

　　

減少實際等待時間是基礎

　　從實際等待時間的角度分析，移動App的系統是由若干個相互聯繫，具有相互邏輯關係的多功能的整體。使用者、伺服器以及發生作用的資料環境構成了有機系統，具有獨特的服務方式和排隊序列規則。當使用者向系統發出指令，若係統沒有一條最有效的路徑給予使用者回饋，則會出現實際等待，且可能長時間等待。這就是伺服器處理資料能力以及容量不足導致的使用者請求不能被滿足的實際等待。

　　首要明確使用者對於實際等待時間的容忍度。因為不同的產品滿足不同的使用者需求，使得使用者的容忍度存在差異性。所以需要透過仔細的測試和嚴謹的分析來得出所需耗費的實際等待時間，以及使用者的容忍度閥值。進而有針對性的進行設計調整最佳化。

　

　1.最佳化互動框架

　　在確保滿足使用者目標的情況下，最佳化互動邏輯，簡化框架結構，進而降低伺服器資料處理量，彌補技術缺陷。

　　互動框架不僅定義了高層次的螢幕佈局，也定義了產品的工作流程、行為和組織。

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

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

　　2.根據不同的需求場景，明確對應的資料載入模式

　　目前App設計中，合理的資料載入模式主要分為6種。

　　(1)全螢幕加載，優點是能保證內容的整體性。缺點比較明顯，有非常強烈的等待感，3s以上會產生焦躁情緒。

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

　　(3)整頁加載，當前頁與下一頁是整頁切換的時候，可以考慮採用整頁加載的形式。優點是能確保每個頁面的完整性，體驗比較整體。缺點是不能保證整頁的載入效率。

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

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

　　(6)離線加載，App離線情況下，考慮預先加載 離線快取的設計。優點是解決沒網路取得資料的問題，且節省流量，又保證流暢。缺點是佔用本地儲存空​​間。

　　縮短使用者感覺時間是關鍵

　　等待時間感覺是使用者在等待的過程中對等待時長的主觀感受，它對人們的決策行為產生影響。根據使用者的心理特徵從載入概念模型、非模態載入、情趣化，使用者預期等方面設計載入頁面，讓使用者輕鬆、優雅的等待。

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

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

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

　　滿足或超越預期。當我們需要為等待設立時間時，最好適當地設定超過真實需要等待的時間，提前加載完成會讓用戶收穫意外的驚喜。

　　隱藏等待。即使用者一執行指令則會受到伺服器的視覺回饋，而係統處理過程並未執行只是被隱藏了。例如，微信和Path分享圖片，點擊發送，圖片立

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

　　結語：App載入頁作為整個使用者體驗的一部分，直接影響使用者對產品服務的忠誠度和滿意度。針對使用者實際等待時間和感覺等待時間兩條主線分析在載入頁面設計中，互動邏輯框架、載入模式和滿足使用者上層需求是重要思考的方向。

相關學習推薦：網站建立教學

以上是App載入頁面的等待體驗設計技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章！