交互界面響應速度為多少才算流暢?


首先對速度這個問題很難定義。其次UI的反應速度肯定不是越快越好。具體的用個例子說明好了。

小弟不才,以下內容搬運而來。

發現圖片不是動態的,各位看客請移位這裡揭秘Amazon反應速度超快的下拉菜單

下面是亞馬遜網站的下拉菜單反應速度

一下是其他網站的下拉菜單反應速度

為什麼人們不做成像亞馬遜下拉菜單響應快讀的樣子呢?因為會有這樣的情況發生

但是亞馬遜為什麼不擔心呢?

他們有一個探測滑鼠移動軌跡的機制

在這個範圍內的移動用戶很可能是要選擇下級菜單,下級菜單就不馬上更新,如果不在這個範圍內,便馬上更新下級菜單。

真正優秀的界面是速度和舒適兼顧。


大家說的都很好,我插兩句對「響應度」的理解。

包括《認知與設計》這本書里都在談高響應度,實際上高響應度未必就是高執行速度

舉個生活當中的例子吧,比如你去餐廳,叫服務員過來點餐,而服務員這時候正在給另外一桌人結賬,顯然她過不來。

此時服務員高響應度的做法只是簡單的回你一句「請稍等,結完賬我馬上就會過去」就可以了,你知道她聽到了喊話,並且你也知道她即將為你服務,你就不會那麼著急了,她也不需要真的丟下眼前事跑去為你點餐。

到人機對話這個層面上其實是一樣的,比如點擊知乎的【發布回答】按鈕之後,完全可以在按鈕旁邊給出「銷魂」的轉菊花,並且提示「正在提交答案,請稍候」,緩解你的焦急感,而不需要真的要求技術上把這個時間消減到「剎那間」(當然,也絕不可能做到)。

還有朋友提到了動畫,我認為這很好,動畫這個東西會讓一切變得自然,用戶都樂意接受。但說真的,動畫的關鍵也是在自然二字上,停頓的或者匪夷所思的動畫效果就會讓人感覺不自然,那反而會降低用戶體驗,加動畫時務必考慮自然二字。

當然,這麼說並不是說技術上可以不再考慮提高提執行速度了,還是得繼續對效率的追逐,畢竟實打實的提高執行效率才是對用戶體驗真正的提升~


頁面跳轉在瞬間之內解決,頁內操作在剎那間解決。

超過一彈指的耗時間的操作要有進度提示,並且可以隨時中止或取消。

根據 《摩訶僧祗律》 的記載

一剎那者為一念,二十念為一瞬,二十瞬為一彈指,二十彈指為一羅預,二十羅預為一須臾,一日一夜有三十須臾。

換算下來一"瞬間"為 0.36 秒,一"剎那"有 0.018 秒.

一"彈指"長達 7.2 秒。


轉載一下黃油計劃的簡潔,似乎能說明題主的問題。

黃油計劃(Project Butter):安卓系統Jelly Bean的另一項重要增強被稱為黃油計劃。就像它的名字一樣,黃油計劃通過新的效率更高的框架使操作系統運行的更快,支持高達60fps的動畫效果。Android 4.1也使應用的反應更加靈敏,可以在刷新屏幕時預判到你的手指將會觸摸到哪裡。

這種改進究竟是如何實現的呢?為了確保一致的幀數,Android 4.1系統通過系統框架進行的渲染和動畫都將採用垂直同步(vsync)的方式。一切都遵循16毫秒的循環周期,包括應用的渲染、觸摸動作、畫面構圖和現實刷新等等,因此不會有任何幀數提前或滯後。

Android 4.1還在圖形管線中加入了三重緩衝,讓滾動和翻頁等動作變的更一致更順滑。

Android 4.1不僅僅通過垂直同步來降低觸摸反應的延遲,還會在屏幕刷新的時候預判你的手指下一次觸摸的位置。這會使觸摸操作變得更加靈敏和一致。此外在閑置期間,Android系統會在下一次觸摸發生時讓CPU輸入升壓,以確保沒有延遲。


相應不是越快越好的,最好有那麼一點「遲鈍」的感覺。但不至於「遲鈍」到覺得討厭的程度。


不知道你所說的響應速度是說技術上還是交互上的

技術上當然越快越好,但是交互上並不是即時響應就好,有時一些流暢自然的動畫會有更好的代入感,反而能抵消立即呈現的突兀感,要貼合用戶的心理預期才能使用戶感覺到自然。人其實是會本能的排斥心理預期之外的感覺,尤其是突如其來的感覺,適當的動畫可以緩和這個過程並給用戶以預期。

試想下日常生活中,當你打開電風扇、打火機的火苗、發動汽車等等,都不是馬上到位,而是有一個短暫的過程,這種過程是被人類所預期、所熟知的,有時短暫幾百毫秒的甚至能給人帶來愉悅感。

再試想下,假設有顆種子,當你澆了水之後,它會在十幾秒逐漸破殼長出一個萌芽,你就能感嘆到它的生長的生命力。如果它立即變成一個萌芽,你就毫無這種感覺。

再試想下家中的電燈檯燈,你是否有過開燈後燈光刺眼不舒服的經歷。如果撥動開關後,他不是馬上達到那個亮度,而是有個1秒左右的由暗到亮的過程,人的瞳孔有個適應的過程,是不是會舒服很多。對於交互界面也是同樣的道理。

----------

1960年代的一系列研究說明響應時間分為以下幾類

接近0.1秒,用戶認為系統的響應是同步的。

接近1秒的情況,用戶仍然認為系統有相應,注意到延遲,仍然認為任務過程沒有被打斷

接近10秒的情況,用戶很清楚的意識到系統變慢了,用戶會開始走神,不過仍然能夠保持注意力,這個時候提供一個進度條很重要

超過10秒之後,用戶的注意力不再集中於程序,會走神,也許會去喝杯水,或者調到其他程序。這種延遲在理想情況下應該是進行後台執行或者線下執行,以及一個重要的可以取消的機制


用戶操作後立即給反應,別的再怎麼慢都行。


界面流暢度應保持50fps(幀率)以上,這也是android的要求


100毫秒以內


推薦閱讀:

何為沉浸模式,沉浸式頂欄,變色龍狀態欄?
有什麼讓人看不厭的界面設計?
如何在2017獲得追波邀請碼?dribbble?
如何評價 Adobe Photoshop CC 2015 ?
怎樣評價 Infobar A02 手機 iida UI 2.0 的 UI 設計?

TAG:圖形用戶界面 | 用戶界面設計 | 米柚MIUI | AndroidUI |