怎么讓進(jìn)度條看起來“快”一點(diǎn)

原作者:anthony

譯者:勵(lì)定洲


在如今這個(gè)什么都講究快的年代里,讓用戶等待太長(zhǎng)時(shí)間對(duì)于你的應(yīng)用加載來說絕對(duì)是一個(gè)用戶體驗(yàn)問題。如果用戶感到你的應(yīng)用加載太慢,他們就會(huì)失去耐心,然后把時(shí)間用在其它地方(競(jìng)爭(zhēng)應(yīng)用上)?,F(xiàn)在有些技術(shù)手段可以加快加載時(shí)間,一些功能豐富的應(yīng)用因?yàn)轶w量的關(guān)系要想以理想狀態(tài)運(yùn)作不得不讓用戶等待一會(huì)。當(dāng)你費(fèi)盡心思優(yōu)化你的應(yīng)用卻發(fā)現(xiàn)它仍然不夠快時(shí),有一個(gè)辦法可以加速用戶對(duì)時(shí)間的感知,然后讓他們感覺你的應(yīng)用比它實(shí)際加載的速度要快。

當(dāng)一個(gè)應(yīng)用正在加載時(shí),用戶通常會(huì)看到一個(gè)進(jìn)度條。這能給他們以直觀的視覺提醒——什么時(shí)候能加載完。進(jìn)度條的動(dòng)畫效果會(huì)影響到用戶對(duì)加載時(shí)間的感知。

使用反向的填充

http://www.youtube.com/watch?v=2jsqNFx0U_w (翻墻再看,或者看下面文字也能理解)

經(jīng)調(diào)研顯示,反向(與進(jìn)度條行進(jìn)方向相反的)填充的進(jìn)度條看起來比那些正向的進(jìn)度條要快不少。這個(gè)結(jié)果說明“表現(xiàn)動(dòng)作知覺的誘導(dǎo)性動(dòng)畫效果并非絕對(duì)的,而會(huì)隨當(dāng)前的視覺情境產(chǎn)生變化”,同時(shí)它也創(chuàng)造了一個(gè)速率被增加了的假象,能影響到我們對(duì)于進(jìn)度時(shí)間的感知。

藍(lán)色那部分就是我說的填充,在加載時(shí)讓它往左邊行進(jìn)會(huì)給人感覺整個(gè)加載速度更快


刷新頻率加快

另一個(gè)讓進(jìn)度看起來更快的方法是增加刷新頻率(譯者注:如果你真的看到過進(jìn)度條的話,希望你能明白我在說什么)。經(jīng)過同樣的調(diào)研后發(fā)現(xiàn)那些頻率較快的進(jìn)度條更容易被人感覺時(shí)間較短。這里說的頻率就像一首歌里的節(jié)拍。節(jié)拍越多,音樂的播放速度就越快。當(dāng)一個(gè)進(jìn)度條的填充不斷循環(huán)刷新時(shí),就好像正在計(jì)算著進(jìn)度的拍子。

快點(diǎn)轉(zhuǎn)

這個(gè)發(fā)現(xiàn)同時(shí)對(duì)那些較含蓄的活動(dòng)指示器(就上面這種加載的圖標(biāo))有所啟示。不確定的活動(dòng)指示器和進(jìn)度條很像,除了他們是徑向的而非線性的。它們也不能說明進(jìn)程何時(shí)能結(jié)束,其更多的是被用來告訴用戶進(jìn)程已經(jīng)開始,但并不會(huì)進(jìn)一步描述其程度。如果你的應(yīng)用使用了活動(dòng)指示器,你可以通過增加它轉(zhuǎn)動(dòng)的速度(譯者注:還是刷新頻率,一個(gè)意思)來讓用戶覺得加載時(shí)間更快。在同等時(shí)間內(nèi)你的活動(dòng)指示器旋轉(zhuǎn)的圈數(shù)越多,對(duì)于用戶來說你的應(yīng)用看起來就更快。


加速進(jìn)程,避免最后關(guān)頭停止

有另一份調(diào)研發(fā)現(xiàn)加速的進(jìn)度條遠(yuǎn)比減速的進(jìn)度條受歡迎。這意味著在進(jìn)程結(jié)尾速度加快的進(jìn)度條會(huì)比那些在最后關(guān)頭莫名其妙減速或僵住的進(jìn)度條感知起來要快得多。如果你的進(jìn)度條可能會(huì)出現(xiàn)中間某一段停住的問題,那你可以讓它在一開始的時(shí)候慢一點(diǎn),然后在最后加速,給用戶一個(gè)快速收尾的感覺。用戶對(duì)進(jìn)度開始的時(shí)候停止/緩速的容忍度要遠(yuǎn)高于在結(jié)尾的時(shí)候停止/緩速。

寧愿在開頭慢點(diǎn),也不愿在結(jié)尾的時(shí)候卡住。迅雷99.9%停止笑而不語


進(jìn)度條的時(shí)間是相對(duì)的

聰明的小伎倆可以讓你的進(jìn)度條看起來比它實(shí)際要更快。這在你耗盡了所有可能可以優(yōu)化應(yīng)用的方式后可以嘗試下,會(huì)是個(gè)不錯(cuò)的解決方案。很多需要長(zhǎng)時(shí)間加載的功能豐富的應(yīng)用可以從這些技術(shù)中獲益。對(duì)于用戶體驗(yàn)來說,感知?jiǎng)t意味著一切。如果你的應(yīng)用看起來、感覺起來對(duì)用戶更快,或許它確實(shí)就是如此。


參考資料:

[1]http://www.chrisharrison.net/projects/progressbars2/ProgressBarsHarrison.pdf

[2]http://www.scribd.com/lmjabreu/d/2226848-Rethinking-The-Progress-Bar

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,023評(píng)論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,271評(píng)論 4 61
  • 心理學(xué)與生活第五章第一節(jié) 意識(shí),用于表示一般的心理狀態(tài)或其特殊的內(nèi)容。清醒時(shí)的意識(shí)通常包括那個(gè)時(shí)刻的知覺、思維、情...
    逍遙的小魚閱讀 142評(píng)論 1 1
  • 突然間沒了方向,沒了往日的氣場(chǎng), 春遠(yuǎn)夏將至,風(fēng)起殘花落, 悲傷的人獨(dú)自淚成河 一首一首感傷的歌道出了無限的哀傷與...
    玉蓮花開閱讀 225評(píng)論 0 0
  • “少年不識(shí)愁滋味,愛上層樓。愛上層樓,為賦新詞強(qiáng)說愁。 而今識(shí)盡愁滋味,欲說還休。欲說還休,卻道...
    尚兒522閱讀 335評(píng)論 0 1

友情鏈接更多精彩內(nèi)容