我很努力 請不要著急
這是要瘋兄之前的一篇論文,把部分難以理解的辭彙和段落進行修改了之後還是可以讀的(哈哈),原文題目《移動產品等待體驗優化設計策略研究》。
近年來,隨著智能手機與觸摸技術及硬體交互的發展,人機操作關係發生了巨大的變革。移動產品相對於網頁類產品而言,其便攜性,移動性等都成為了其顯著的優勢,互聯網也給了移動產品無限的可能性,但大量的信息湧現使得用戶在尋找感興趣內容的過程會耗費更長的時間。
同時,因為移動網路狀況的不確定,移動硬體配置參差不齊,後台演算法不統一等原因,頁面信息載入等待成為了移動產品必須面對的一個問題。等待時長如果超過了用戶的等待的極限閾值,用戶會出現無聊,焦慮,暴躁等負面情緒,對於產品滿意度的打分會大大降低。
在web時代,設計師很早就意識到在用戶等待信息載入的過程中給予用戶相應的產品運行狀況反饋會有效的提升用戶體驗,如載入進度條提示等。但移動產品的信息載入方式和載入量都與web端產品有很大的差異,傳統的載入方式已經不適用移動產品的信息載入,通過設計策略有層次的降低用戶在移動產品的操作過程中的等待時間感知對優化移動產品的用戶體驗具有十分重要的意義。
移動產品等待體驗的影響因素
用戶在移動產品的使用過程中需要等待的原因主要是緣於後台數據的運算載入,其載入形式主要包括啟動載入,內容載入,下載應用載入等。在用戶的使用過程中,心理層面影響其等待體驗的兩個因素是用戶實際等待時間和用戶等待的「感知時間」。
1、實際等待時間實際等待時間是指產品在載入過程中客觀的實際消耗時間,實際等待時間除了會因為移動終端所處的網路環境、自身的硬體配置而有所變化,產品的數據載入方式、後台運算方式、信息架構方法等都會對產品的實際載入時間產生影響,但由於移動產品使用環境的不確定性以及技術的限制等,實際等待時長往往難以改變。
2、等待「感知時間」
用戶的等待「感知時間」在心理認知上稱為等待「時間知覺」,是指人們在等待過程中對等待時長的主觀感受和心理體驗。影響等待時間知覺的客觀因素包括等待過程的填充物,等待時間的確定性,接受服務的階段和等待的物理環境等。
內容豐富有趣的時間填充物會讓用戶分散注意力,縮短其感知到的等待時間;內容乏味無聊的時間填充物會讓用戶感知到的等待時間增長;當給予用戶等待時間的相關信息,用戶的等待時間知覺會縮短,反之,如果用戶對於等待時間的信息一無所知,時間知覺就會增長;等待出現的階段以及等待發生的外部環境也會影響等待時間知覺的長度。
等待時間知覺是指用戶對於等待時長的主觀感受和心理體驗,除此之外,主觀因素對於時間知覺影響更大。除了人格因素以及自我調控能力這種具有差異性的不可控因素外,時間知覺常常被情緒所影響,人們在歡樂的時候感覺時間飛逝,在煩悶時度日如年,消極情緒會導致很多不利的結果,如壓力增大,效率惡化,以及對計算機的信任度降低等,用戶的等待時間知覺會增長。
基於心理學認知的等待體驗優化設計策略
由於移動端相比於pc端而言最顯著的特點是使用場景的多樣化,外界條件的多變性導致移動產品的實際載入時長可控程度較低。優化用戶在移動產品過程中的等待體驗的有效方式就是縮短用戶在等待過程中的時間知覺感知時長,緩解用戶在頁面載入過程中因為等待而產生的焦慮感,並在一定程度上影響用戶產生積極情緒。
1、基礎層優化載入反饋
大量的實驗證明,能否快速響應並給用戶反饋直接影響用戶的滿意度。用戶在產品頁面載入的過程中對於產品的後台運行以及數據載入的過程是無法感知的,當用戶面對空無一物的卻又沒有給出任何反饋提示的界面,等待過程平淡又毫無刺激,對於載入狀態以及載入時間預估都是處於未知的狀態,直接導致用戶時距估計出現錯覺,等待時間知覺被延長。
解決方案主要是一般產品可以通過系統自帶的載入圖標來提示用戶使用的產品的運行狀態,並給出用戶等待時間的長度,給用戶提供等待時長的心理預期。
▲Apple APPStore載入界面 ▲Path載入界面 ▲ 微博圖片載入界面蘋果的APP Store在用戶等待過程中是使用了系統自帶的緩衝圖標,在保證整體系統視覺一致性的同時給予用戶「數據正在載入」的正面反饋;
Path的頁面載入在系統載入圖標的基礎增加了文字描述,告知了用戶可能等待時間,給予了用戶心理預期等待長度;
微博圖片載入是以餅狀圖倒計時的方式告知用戶的載入過程和預計時長。
2、中間層緩解用戶焦慮
用戶在等待的過程中,除了要給予用戶及時的產品後台運行反饋外,用戶在等待的過程中也會出現較多的負面情緒,如焦慮,疲勞,厭倦等。
設計師一般通過預載入部分內容的方式來滿足用戶對下一頁內容窺視的心理需求,減少用戶在等待過程所造成的負面情緒,縮短用戶的時間知覺。
▲Airbub內容載入界面 ▲Facebook內容載入界面 ▲Recipes圖片載入界面 ▲Path圖片載入界面Airbnb會通過優先載入文字的方式讓用戶快速尋找到個人需要信息並進行下一步的相關操作,有效地減少了等待的時長;
Facebook先行載入佔位符,讓用戶了解新打開頁面的內容框架。除此之外,通過降低圖片或視頻的質量的方式加快載入速度,並在後續的瀏覽過程中逐漸完成數據載入,保證用戶的無縫使用體驗;
Recipes在內容載入的過程中會優先載入低像素的圖片;
Path的圖片載入方式為先行載入黑白圖片,並在不影響用戶接下來操作的狀態下完成後續的載入。
3、上層設計產生積極情緒
我們運用情感設計的設計方法增加移動產品信息載入過程中的動效展示,採用一些有趣的,符合場景的動效形式,增加用戶在等待過程中的趣味性,使用戶在等待的過程中產生積極的正面情緒,縮短用戶的等待時間知覺,優化等待體驗。
▲ 「好奇心日報」內容刷新界面 ▲ Twitter啟動頁開啟界面(1)通過動效的方式展現頁面之間的跳轉,削弱用戶對於頁面載入的感知。動效的運用不宜過於突兀,讓用戶在等待的過程中得到一些樂趣、驚喜。給用戶產生無縫操作的錯覺;iPhone系統圖標打開過程和豌豆莢的內容打開方式都是利用動效細化頁面之間的跳轉過程,弱化用戶對於頁面的載入感知。
(2)基於情景的載入icon設計,給用戶講故事,讓用戶融入到情境之中(好奇心日報)
(3)基於通感理論加入聲音,觸覺反饋等,增加用戶的交互快感(微博的下拉刷新)
(4)融入品牌形象等與產品相關的潛層信息(twitter,1688)
整篇文章可以概括成下圖:
希望這篇文章的畫風不會讓你有點吃不消,有什麼想法可以後台反饋給要瘋兄,希望能幫助到你 。
作者簡介:前阿里巴巴交互設計師,現任職騰訊音樂娛樂集團。個人公眾號:@符要瘋。
推薦閱讀
交互設計師如何有效思考用戶行為
設計師具備哪些能力才能快速適應職場
」年尾活動,和要瘋兄一起讀書吧!(附騰訊內部書單)「
2018實習生校招開始了!
推薦閱讀: