互動設計案例:網頁進度條提升等待體驗的設計方法

來源:互聯網
上載者:User

文章描述:從排隊等待談進度條設計.

  排隊等待是一種日常中常見的現象,例如新年領開工利是、去排隊購買首發的蘋果產品、每天中午去食堂排隊購買午餐。排隊等待在我們的生活中無處不在且看似是一個簡單的現象。即使是種簡單的存在,但也有其複雜的一面,當存在著很多條隊列時,確定每條隊列是做什麼的就變得困難了;在排入佇列後,人們會產生:大概要等多久?為什麼隊伍很久沒有往前移動?等諸多疑問。無法解釋的等待是令人煩躁的,不公平的等待則可能引發人們的怒火。

  經曆過領開工利是的同學應該對於當天排隊等待的回憶不會很糟,甚至覺得還不錯,是一個值得回憶的經曆,明年應該還會去參加。但經曆過去火車站購買車票的同學多半會不願意再去第二次了。不管痛苦還是愉快也好,排隊等待有時是不可避免的,那有沒有辦法可以降低其中的痛苦程度呢?有心理學家曾對如何提升排隊等待過程的愉悅感做過研究並提出了一些解決方案。近期正好也做了關於提升管家中進度條體驗的最佳化設計,下面就結合進度條的設計來逐一介紹提升等待體驗的設計方法。

提供清晰的體驗概念性模型

  概念性模型可以使令人迷惑的產品或者設計轉變為條理清晰和可以理解的。周圍環境的語義符號(新年後上班第一天、曾經領利是的記憶、大螢幕上的排隊指引等)可以讓我們明白排在騰大樓下長長的隊伍是去領新年開工利是的,而不是去食堂買早餐的。

  在使用軟體的經曆中,使用者已經非常熟悉點擊【掃描】按鈕,出現進度條指示,然後等待掃描的結束這一整個過程。所以如下圖所示,使用者點擊【快速掃描】,接著出現等待進度條,這樣的操作概念文件是符合使用者記憶,容易理解的,使用者不會產生疑惑。

等待的過程應有足夠的反饋

  忙碌的維護秩序的工作人員、時而往前移動的隊伍以及後面不斷增多的等待同學等資訊都給了我們足夠的反饋,說明距離領到利是的目標越來越近了且排隊等待是合理的。

  想象一下,如果當進度條出現後,所有資訊都是靜止的:進度條沒有移動、沒有當前掃描進度的指示、沒有變化的數字,這種等待讓使用者瞬間產生焦慮和不安,他們會疑惑“到底什麼時候才會掃描完成?”、“到底電腦是否在正常工作呢?”。在做進度條最佳化設計時,就大量的提供了變化的資訊,給出足夠的反饋,讓使用者明白電腦是正常的,他們的等待是合理的。

 

符合或者超越期待

  我們在開始排隊等待時常抱以消極的期望值,認為等待會是個漫長的過程。在設計時可以利用這點來作出符合或者超越使用者期待的假象,這樣可以對提升使用者體驗有所協助。

  如果從技術上暫時無法提高掃描的效率,我們可以在掃描開始之前讓使用者有所心理準備,降低他們的期待。例如在掃描前可以通過彈框的方式提醒使用者:掃描過程較為漫長,請您耐心等待。這樣到最終掃描結束,使用者可能會發覺其實掃描並不是那麼的漫長,這也就變相的超越了使用者的期待。

 

分散使用者的注意力

  一個有很多事情發生的時間段會顯得比在一個相同時間但沒有任何事發生的時間段快得多。“度日如年”就是這個道理。經典的在電梯口放置鏡子的故事就是利用分散使用者注意力的方法來提升使用者等待的體驗。

  很多遊戲的載入都採用了這種方法來提高使用者等待的體驗,比如七雄爭霸在載入的過程中會出現“打地鼠”小遊戲,將使用者的注意力吸引到小遊戲上,從而不會關注載入等待的事情。某款安全軟體也採用了這種方法,當使用者進入較長的掃描等待時,介面上會彈出氣泡提示使用者可以進入皮膚中心換換介面的皮膚玩一玩。從這點出發,管家也可以善以利用,如果管家有什麼新的功能推出,可以採用這種形式向使用者推介,即提高了等待的體驗也起到了功能宣傳的作用。

公平

  我們反感插隊的人,對不公平的現象會產生憤怒。有心理學實驗表明即使所有的隊列都以平均速度來移動,不管人們在哪個隊伍裡,他們都感覺自己那隊是移動得最慢的。這也是為什麼最好的隊列設計是只採用一條隊列,這樣人們會認為自己得到了公平的對待。

  回到進度條的設計,我們即使用再多的設計方法,其實也只是稍微減緩了使用者在等待感覺上的慢。我們從根本上還是要提高產品自身的掃描效率和效能,讓使用我們產品的使用者受到的待遇是與使用其他類似產品使用者所受待遇是同等的,最好是超越的。使用者沒有道理去忍受一款效能低下的產品帶給他們的等待痛苦,這也就是讓使用者感受到公平是最基本的。

積極的開始,美好的結尾

  一個漫長的活動過程,在記憶中的感受重要程度排序為:結尾,開始,中間過程。其中結尾的感受對整個活動過程體驗的影響是最大的,如果能在結尾時增加稍許愉快的成分,即使整體過程是不愉快的,使用者仍然會對整個過程產生愉快的感受。

  進度條設計上也同樣在開始與結尾處做了最佳化。在掃描剛開始,我們對進度條做了假移動的處理,進度條一開始會比較快的移動起來,其實移動的這段距離與實際的掃描比率是沒有關係的。比如,有100個檔案需要掃描,進度條每移動1%的距離代表掃描了一個檔案。假移動就是讓進度條一開始快速的移動10%的距離,其實在後台並沒有掃描10個檔案,可能只是掃描了1個檔案。這樣的做法會給使用者一個積極的起步感,使用者看到已經開始掃描了可能就會去做其他事情。

  美好的結尾通常在人的記憶中會佔有很重要的影響力。在管家中,當掃描結束後會跳轉到結果頁面,在這個頁面上會展現此次掃描的詳細結果並且給予很強的成就感,比如沒有發現病毒會用顯眼的綠色對號,肯定的文本讓使用者確信自己的電腦是安全的。如果掃描出病毒或電腦問題,介面上會給使用者明確的清除按鈕和其他特殊情況處理途徑,讓使用者能很方便的解決問題並使電腦恢複正常。當使用者解決完所有問題後,會給出解決成功的成就感提示。

  生活中需求大於資源是常態,我們必須面對各種的排隊等待。電腦的效能瓶頸也是暫時無法解決的,希望本文能對大家的設計工作有所協助,讓等待不再那麼無奈。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。