加載進(jìn)程的指示動畫效果也有潛在危險(xiǎn)：用戶會把注意都集中在加載這件事上，等待導(dǎo)致的壓力與焦慮感倍增。用戶在大多數(shù)時(shí)間里不會意識到這種壓力與焦慮的存在，但在一些敏感情況下，壓力的防線很容易被突破。

南昌網(wǎng)站制作的設(shè)計(jì)者的目的在于避免讓用戶盯著“時(shí)鐘指針”看，枯等頁面加載。前文曾經(jīng)提到，弗萊斯與奧爾西尼說過等待“需要時(shí)刻準(zhǔn)備行動，但又不能實(shí)施行動，注意也不能轉(zhuǎn)移?！彼躁P(guān)鍵在于，既然用戶在等待，就不要讓他從目標(biāo)上分心。

為此，設(shè)計(jì)者可以采用動畫效果的指示圖，但同時(shí)一定要搭配其他元素。不論是最初的程序下載，還是運(yùn)行過程中間的頁面加載，等待畫面一旦是空白的，就失去了任何意義。用動畫效果指示加載進(jìn)程，無論如何也好過空白屏幕!動畫背景縮短了用戶感覺的等待時(shí)間，幫助用戶把注意停留在自己的任務(wù)上。

保持顯示功能開啟的環(huán)境，不要讓用戶把注意集中在頁面加載上，而是在自己等待的最終目的上。

提供詳細(xì)信息

在大多數(shù)情況下，說明文字僅限于“加載中”“請稍等”之類——無非是勸用戶耐心等待的話而已。但是，如果設(shè)計(jì)者肯用心設(shè)計(jì)一下說明文字，可能會徹底顛覆用戶的等待體驗(yàn)：原本只有漫長的忍耐，現(xiàn)在卻可以了解每一步進(jìn)展，更有安全感，清楚自己等待的原因。一切都取決于背景!說明文字通常會向用戶解釋等待的“技術(shù)”原因，但是，我們完全可以從用戶的角度思考：在等待期間，我能得到哪些好處?

當(dāng)用戶得知應(yīng)用程序?qū)⑾蜃约和扑]最優(yōu)惠的價(jià)格時(shí)，甚至?xí)檫@種等待感到高興!

如果事先料到用戶的等待時(shí)間可能比較長，則可以分段顯示信息，向用戶解釋每一階段在做什么。注意，信息內(nèi)容不要過于專業(yè)、過于細(xì)致：信息過多會適得其反。即使用戶沒有時(shí)間閱讀全部內(nèi)容，這些說明文字對他仍大有裨益。

登錄銀行賬戶的時(shí)刻至關(guān)重要。用戶可能面對風(fēng)險(xiǎn)——讓第三方趁機(jī)進(jìn)入賬戶。用戶肯定會有不安全感。各個步驟的說明文字能幫用戶保持鎮(zhèn)定。說明文字清晰易懂，似乎在告訴用戶：“不必?fù)?dān)心，一切都在我們的掌控之下。”在這種情況下，說明文字起到的作用不可忽視。當(dāng)然，這種方法對于其他情況未必適合。

應(yīng)用程序用菜單向用戶詳細(xì)說明在等待過程中發(fā)生了什么，賦予等待真實(shí)的意義。這點(diǎn)很重要，因?yàn)榈却龝r(shí)間可能很長。

所謂“詳細(xì)信息”，內(nèi)容其實(shí)可以很簡單：向用戶展示加載的實(shí)際進(jìn)程。這可以是一個無限旋轉(zhuǎn)的圖標(biāo)，也可以是顯示開始與結(jié)束的指示圖，讓用戶推算剩余時(shí)間。需要注意的是，不是所有情況都適合顯示詳細(xì)信息。在等待時(shí)間長、頻率高或性質(zhì)敏感的條件下，設(shè)計(jì)者可以優(yōu)先考慮采用這種辦法。

用戶剛寫完的信息還處于“正在發(fā)送”的狀態(tài)，頭像上的圖標(biāo)會顯示發(fā)送進(jìn)程。同時(shí)，正在發(fā)送的信息處在對話氣泡中：對方還沒有讀到這條信息，GOOGLE HANGOUTS 認(rèn)為它還在用戶的腦海中，不算是對話的一部分!

豐富多樣的等待顯示

僅使用一種刺激很快就會讓人覺得單調(diào)，尤其在等待時(shí)間很長的情況下。南昌網(wǎng)站制作的設(shè)計(jì)者應(yīng)該考慮各種各樣的方法，讓加載的進(jìn)程指示圖和占位符更加豐富多樣。

彩色方塊代替了正在加載的圖片。每個未顯示的圖片都用不同顏色的方塊代替。更妙的是，方塊的顏色根據(jù)加載圖片的色系決定。

用戶等待頁面加載時(shí)，依次出現(xiàn)的圖標(biāo)與品牌背景、應(yīng)用程序的用途相匹配。圖標(biāo)的變化與等待的時(shí)刻產(chǎn)生共鳴。兩種應(yīng)用程序?yàn)橛脩糁?，成功?chuàng)造了獨(dú)特的等待體驗(yàn)。

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對廣大技人員有所幫助。原創(chuàng)文章出自:南昌網(wǎng)站制作公司-百恒網(wǎng)絡(luò)http://m.51yjwy.com如轉(zhuǎn)載請注明出處!