自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

談?wù)劶虞d(Loading)的那點事

開發(fā) 項目管理
對于加載(loading),想必大家都不陌生。每當(dāng)看到加載頁中那個不停轉(zhuǎn)啊轉(zhuǎn)的圈圈,或者是 “Loading…”后面不停閃動的三個點點,心里都會涌起各種焦躁反感。

對于加載(loading),想必大家都不陌生。每當(dāng)看到加載頁中那個不停轉(zhuǎn)啊轉(zhuǎn)的圈圈,或者是 “Loading…”后面不停閃動的三個點點,心里都會涌起各種焦躁反感。

cover6


根據(jù)一份調(diào)查得出,用戶能夠忍受加載的最長時間在:6到8秒。8秒是一個臨界值,如果加載時間在8秒以上,大部分訪問者最終會選擇放棄,除非他一定要打開那個頁面。

pic_11

以上三種是常見的loading方式,如果是我,我更希望看到第三種的進度條,因為我實在不知道***個圈圈要轉(zhuǎn)多久才能算加載成功,也不知道第二個點點要點到猴年馬月。

如果這個時候,界面除了看到“加載”以外的東西,是否就能轉(zhuǎn)移用戶的注意力呢?我們在看視屏前,視屏都會緩沖,在這時個候總是會放一段廣告。每次我 都會忍耐加載時的廣告,但是如果廣告做的很棒,很吸引人,就一點都不煩躁了,甚至還能在評論里看到求加載廣告的地址。網(wǎng)頁的loading就承擔(dān)了加載廣 告的作用。

pic_2

在頁面局部加載時常能看到***個圈圈的身影,不過每次看到這個圈圈都差不多,如果換一種轉(zhuǎn)圈的形式,也許會覺得“這個圈圈跟別的好像不太一樣”,通過好奇減少等待的焦躁。

pic_32

減少用戶的焦慮,可以給個允諾,示意他們還要加載多久,告訴現(xiàn)在的進度(有個進程百分比),算給一個定心丸。例如以下的方式:

pic_4

其中上圖最下面一種進度條又有不同的設(shè)計:

pic_5

上面兩種確定性進度條雖然都提示了現(xiàn)在的進程,但它們的差別是,***種的進度條內(nèi)容是純色,第二種進度條內(nèi)容有動畫效果,如果這個進度條再某點上突 然停住了,這時候會給用戶造成困擾,到底是卡死了還是這段的加載比較慢呢?如果是下一種進度條就一目了然,如果卡死,那動畫效果就沒了,如果依然有動畫效 果,那就說明只是這一段加載比較緩慢。

如果進度條再進行一些變形,不僅告訴了用戶現(xiàn)在的加載進程,還別有一種欣賞的意味:

pic_6

除了進度條變形外,還可以從文案或圖片下手,這種形式的加載非但沒給用戶帶來煩躁的感覺,反而覺得這個加載有一種特別的氣質(zhì),不僅加深了印象,更帶來了好感。

pic_73

用教學(xué)或小提示代替加載,在游戲加載頁面中經(jīng)??吹?。一般出現(xiàn)的內(nèi)容為游戲教學(xué)或一些技巧小提示,并且每次的內(nèi)容都不一樣。

pic_82

要減弱用戶的焦躁,“增強用戶的期待值”也不失為一種好方法,除了對本身網(wǎng)站的期待,還有對“進度條本身”的期待。如果在不同的百分點上都會有不一樣的顏色,那么用戶也許在等待的時候會想:下一秒會是什么顏色呢,從而,好像也不是那么急了。

pic_9

雖然加載在整個頁面來看是一件小事,但是因為加載在不經(jīng)意間導(dǎo)致的用戶流失卻是大事。在加載頁中顯示進度,給出承諾,增加信息量或者幽默內(nèi)容都能使 用戶潛移默化減少“覺察”正在加載的時間。但是真正可以減緩的辦法還是加載的速度增快;別致的設(shè)計雖可以治標,但加載速度的提高才是治本。

原文鏈接:http://ued.focus.cn/wordpress/?p=2622

責(zé)任編輯:陳四芳 來源: http://ued.focus.cn
相關(guān)推薦

2012-02-22 09:32:58

云計算微軟Azure

2018-03-15 15:12:00

潤乾報表集成

2011-04-14 14:23:06

軟件測試測試

2019-12-09 10:48:11

騰訊微信Exif信息

2018-04-02 15:10:17

ToastSnackbarAndroid

2015-09-01 15:12:45

JavaHashMap那點事

2023-12-21 20:53:15

2011-05-25 19:37:47

2021-07-30 07:28:15

Kafka消息引擎

2011-08-31 10:15:48

桌面管理軟件

2012-06-11 15:02:53

ASP.NET

2013-04-28 09:50:02

PHPMySQL

2011-02-22 09:47:58

WatchStor 征

2010-08-10 15:08:17

UPS電源評測

2009-07-03 14:16:30

JSP Servlet

2013-04-09 10:03:29

iOS6.0旋轉(zhuǎn)兼容

2010-07-22 10:07:01

SharePoint

2015-11-05 18:03:15

虛擬化云計算資源池

2019-07-01 14:55:44

應(yīng)用安全web安全滲透測試

2018-10-22 13:34:24

SD-WAN運維網(wǎng)絡(luò)
點贊
收藏

51CTO技術(shù)棧公眾號