UI&UE實(shí)用方法論 | 做交互體驗(yàn),你必須得知道的「多爾蒂閾值」
編輯導(dǎo)讀:如今用戶的注意力資源有多稀缺?當(dāng)按下回車鍵之后,反饋時(shí)間稍微長(zhǎng)一點(diǎn),用戶的注意力就會(huì)被別的東西吸引。所以說(shuō)400毫秒以下的反饋速度,是最佳節(jié)點(diǎn),這就是多爾蒂閾值。作為交互設(shè)計(jì)師,多爾蒂閾值是必須了解的知識(shí)點(diǎn)。
美劇《奔騰年代》(Halt and Catch Fire)里有一段臺(tái)詞:“當(dāng)你使用計(jì)算機(jī)執(zhí)行一系列操作,每當(dāng)你按下回車鍵,它都能在400毫秒內(nèi)給予你反饋,反饋時(shí)間還不到半秒,那么就可以讓你一直保持專注,效率也會(huì)飆升,你會(huì)完全沉迷進(jìn)去。但反饋時(shí)間哪怕只是偏差到半秒鐘,你的注意力都容易被分散,你甚至?xí)肫鹕硐磦€(gè)碗、拿個(gè)遙控板、看場(chǎng)比賽……所以說(shuō)400毫秒以下的反饋速度,是最佳節(jié)點(diǎn)?!?/p>
當(dāng)然翻譯中帶了點(diǎn)我個(gè)人的語(yǔ)言色彩,但意思還是這么個(gè)意思,也就是說(shuō)當(dāng)交互反饋時(shí)間小于400毫秒,那么將大大提升用戶的專注程度與效率,用戶也不易急躁。而大于400毫秒,即使僅僅是偏差到半秒鐘(500毫秒),也容易被用戶感知到,從而影響用戶心流。
而劇中引用到的這個(gè)臨界值“400毫秒”,就是我們今天要聊到的——多爾蒂閾值(Doherty Threshold)。
一、為什么是400毫秒
1982年,IBM公司的WJ·多爾蒂(WJ·Doherty)及其團(tuán)隊(duì)就“系統(tǒng)響應(yīng)時(shí)間對(duì)經(jīng)濟(jì)價(jià)值影響”的課題展開(kāi)了研究。研究過(guò)程主要以用戶操作系統(tǒng)后,系統(tǒng)的響應(yīng)時(shí)間作為變量,觀察其對(duì)多個(gè)維度的結(jié)果產(chǎn)生的影響。
最終從其中的一組研究實(shí)驗(yàn)結(jié)果中觀測(cè)到了一個(gè)現(xiàn)象:一旦當(dāng)系統(tǒng)響應(yīng)時(shí)間超過(guò)400毫秒左右時(shí),各項(xiàng)指標(biāo)數(shù)據(jù)就會(huì)開(kāi)始產(chǎn)生較大數(shù)值的波動(dòng)。
于是IBM公司就此提出了研究結(jié)果:系統(tǒng)響應(yīng)時(shí)間應(yīng)該低于400毫秒,這將顯著提升用戶的關(guān)注度,從而影響到用戶的操作、工作效率。并將“400毫秒響應(yīng)時(shí)間”這個(gè)節(jié)點(diǎn)值以WJ·多爾蒂的名字命名為「多爾蒂閾值」。
雖然如今我們?cè)缫颜J(rèn)為系統(tǒng)擁有快速響應(yīng)時(shí)間是一件理所應(yīng)當(dāng)?shù)氖虑?,但「多爾蒂閾值」的提出,在?dāng)時(shí)那個(gè)年代卻是開(kāi)辟先河性的。因?yàn)?0年代左右,計(jì)算機(jī)研究界還普遍以“系統(tǒng)的響應(yīng)時(shí)間可以為2000毫秒(2秒)”作為業(yè)界標(biāo)準(zhǔn)。
雖然我現(xiàn)在已經(jīng)查詢不到這個(gè)“2秒”舊知識(shí)的科研文獻(xiàn)了,但是在 IBM 2018年的一場(chǎng)歐洲線上演講會(huì)的PPT中我們還可以看到:
所以「多爾蒂閾值」可以說(shuō)是重新定義了現(xiàn)代人機(jī)交互領(lǐng)域響應(yīng)體驗(yàn)的指標(biāo),影響著一個(gè)標(biāo)準(zhǔn)規(guī)范產(chǎn)品的視覺(jué)側(cè)、交互側(cè)、體驗(yàn)側(cè)、開(kāi)發(fā)側(cè)等多個(gè)方面。
二、多爾蒂閾值的運(yùn)用
我們要清楚的是,「多爾蒂閾值」是IBM公司給到的一個(gè)系統(tǒng)響應(yīng)時(shí)間的最大參考值,并不是說(shuō)所有的機(jī)器響應(yīng)時(shí)間都必須卡在400毫秒這個(gè)節(jié)點(diǎn)上,而是說(shuō)響應(yīng)時(shí)間應(yīng)保持在400毫秒以內(nèi),盡量不要大于400毫秒。
那么知道了“400毫秒以內(nèi)”這個(gè)范圍值,我們作為設(shè)計(jì)師,要怎么將其運(yùn)用到設(shè)計(jì)工作中,或者說(shuō)「多爾蒂閾值」會(huì)影響到我們哪些設(shè)計(jì)標(biāo)準(zhǔn)呢?——來(lái)看看 Google 旗下 Material Design 的系統(tǒng)動(dòng)作規(guī)范,應(yīng)該能讓你找到一些方向。
要點(diǎn)一:并不是越快越好
作為設(shè)計(jì)者、開(kāi)發(fā)者,我們都希望系統(tǒng)能夠盡量快地響應(yīng)用戶的操作。但也并不是一味地追求極速就一定是好的。
Material Design 在系統(tǒng)響應(yīng)動(dòng)作規(guī)范中強(qiáng)調(diào)了“過(guò)渡時(shí)間”的概念,雖然大家都希望系統(tǒng)的響應(yīng)速度越快越好,但同時(shí)用戶也需要一些時(shí)間去理解系統(tǒng)響應(yīng)的結(jié)果。
如果響應(yīng)即結(jié)果,而不給用戶一個(gè)視覺(jué)過(guò)渡的反應(yīng)時(shí)間,則會(huì)讓用戶無(wú)法跟隨UI變化,同樣也是會(huì)給用戶造成困擾的。
Material Design 規(guī)范建議到:不要給用戶過(guò)慢的響應(yīng)速度,干擾用戶操作進(jìn)程,讓用戶急躁;但也不要給用戶過(guò)快的響應(yīng)速度,用戶無(wú)法跟隨UI變化,對(duì)用戶理解會(huì)造成困擾。
我們將響應(yīng)速度結(jié)合「多爾蒂閾值」范圍內(nèi)的視覺(jué)過(guò)渡效果,可以幫助用戶理解操作反饋的結(jié)果,有時(shí)間思考類似于“我剛才點(diǎn)擊了什么”、“結(jié)果和我的操作之間是什么關(guān)系”、“結(jié)果是否滿足我的預(yù)期”等問(wèn)題,并做出下一步的反應(yīng)。
要點(diǎn)二:響應(yīng)時(shí)間不是一成不變
為了讓響應(yīng)視覺(jué)過(guò)渡更加符合現(xiàn)實(shí)規(guī)律,Material Design 根據(jù)響應(yīng)結(jié)果區(qū)域的大小設(shè)置了3種響應(yīng)過(guò)渡時(shí)間規(guī)范,其中又以用戶的操作場(chǎng)景進(jìn)行了更進(jìn)一步的規(guī)范細(xì)分。
先來(lái)說(shuō)說(shuō)根據(jù)響應(yīng)結(jié)果區(qū)域的大小設(shè)置的響應(yīng)過(guò)渡規(guī)范:Material Design 將操作響應(yīng)結(jié)果區(qū)域分為小、中、大3種場(chǎng)景,當(dāng)操作影響的結(jié)果區(qū)域越小,那么響應(yīng)過(guò)渡時(shí)間就應(yīng)該越短。反之,操作影響的結(jié)果區(qū)域越大,響應(yīng)過(guò)渡時(shí)間就會(huì)越長(zhǎng)。這一點(diǎn)是符合人類意識(shí)對(duì)運(yùn)動(dòng)的理解的。
其次 Material Design 還認(rèn)為,用戶做“關(guān)閉”、“退出”類操作時(shí),預(yù)示著他們那要進(jìn)入下一個(gè)任務(wù)流,而此時(shí)上一個(gè)任務(wù)流的內(nèi)容,用戶就不再關(guān)注了。操作與結(jié)果的關(guān)系、層級(jí)的關(guān)系、內(nèi)容的位置關(guān)系,在“打開(kāi)”、“進(jìn)入”類的過(guò)渡中就已經(jīng)闡明給用戶了,所以他們離開(kāi)的時(shí)候,可以更快。這就是在響應(yīng)結(jié)果區(qū)域大小的基礎(chǔ)上,又以用戶的操作場(chǎng)景進(jìn)行的更進(jìn)一步的規(guī)范。
小型區(qū)域:響應(yīng)過(guò)渡統(tǒng)一為100毫秒;
中型區(qū)域:打開(kāi)的響應(yīng)過(guò)渡為250毫秒,關(guān)閉的響應(yīng)過(guò)渡為200毫秒;
大型區(qū)域:打開(kāi)響應(yīng)過(guò)渡為300毫秒;關(guān)閉響應(yīng)過(guò)渡為250毫秒。
結(jié)合兩個(gè)要點(diǎn)總結(jié)一下:系統(tǒng)響應(yīng)應(yīng)該結(jié)合視覺(jué)過(guò)渡給用戶操作與結(jié)果的關(guān)系進(jìn)行指引,所以也并不是越極速越好。響應(yīng)過(guò)渡應(yīng)該在「多爾蒂閾值」以內(nèi),并且可以結(jié)合響應(yīng)區(qū)域大小、用戶操作場(chǎng)景,使響應(yīng)更符合現(xiàn)實(shí)規(guī)律,更加人性化。
三、面對(duì)不可避免的延時(shí)響應(yīng)
雖然把系統(tǒng)響應(yīng)控制在「多爾蒂閾值」內(nèi)是我們追求的目標(biāo),但是響應(yīng)速度往往和請(qǐng)求的數(shù)據(jù)量、網(wǎng)絡(luò)環(huán)境等諸多因素有關(guān)。對(duì)于結(jié)果返回?cái)?shù)據(jù)量小的場(chǎng)景,我們利用視覺(jué)或代碼層面的解決方案,可以讓響應(yīng)時(shí)間是可控的。
但當(dāng)用戶遇到結(jié)果請(qǐng)求數(shù)據(jù)量大、網(wǎng)絡(luò)環(huán)境較差等場(chǎng)景,響應(yīng)時(shí)間以“秒”起步那也是司空見(jiàn)慣的事情。此時(shí)面對(duì)無(wú)法保證響應(yīng)時(shí)間在“400毫秒”以內(nèi)的情況,我們應(yīng)該怎么辦呢?
其實(shí)這已經(jīng)超過(guò)「多爾蒂閾值」的討論范圍,對(duì)于不可避免的延時(shí)響應(yīng)場(chǎng)景,已經(jīng)是屬于“如何解決用戶等待焦慮”的話題了。
但恰好我之前在《進(jìn)度指示器:搞定加載的等待問(wèn)題》中聊到過(guò)這個(gè)話題。想系統(tǒng)了解的朋友,可以移步查看。(知識(shí)就這么串聯(lián)起來(lái)了!神不神奇~)
對(duì)于想走捷徑的同學(xué),我在這里把當(dāng)時(shí)的調(diào)研結(jié)果貼出來(lái),希望能夠幫助到你們。
我結(jié)合了“用戶等待4秒原則”和UX研究咨詢公司 Nielsen Norman Group(NN/g 尼爾森諾曼集團(tuán))的一篇文獻(xiàn)中提出的用戶等待心理模型,得出了以下參考結(jié)論:
用戶是一個(gè)復(fù)雜的群體,他們其實(shí)并不關(guān)心所謂的量化時(shí)間,他們只希望:加載盡量快,快到不要中斷我的操作流,如果實(shí)在快不起來(lái),那就告訴我還要等多久。所以由上表得出的結(jié)論是:
- 加載時(shí)長(zhǎng)在0到1秒之間時(shí):用戶不易感知,不需要給予用戶 loading 提示,在任何加載情境下頻繁給出 loading 提示其實(shí)反而會(huì)干擾用戶心流;
- 加載時(shí)長(zhǎng)在1秒到4秒之間時(shí):此時(shí)不需要明確給予用戶量化時(shí)間提示,用戶也不易產(chǎn)生焦慮情緒;
- 加載時(shí)長(zhǎng)大于4秒時(shí):超過(guò)這個(gè)時(shí)間你就需要明確地告訴用戶當(dāng)前的進(jìn)度狀況了,加載百分比或剩余時(shí)間都可以讓用戶心里有個(gè)底;
- 加載時(shí)長(zhǎng)大于x秒時(shí):設(shè)計(jì)者應(yīng)該根據(jù)具體加載場(chǎng)景設(shè)置加載時(shí)間臨界點(diǎn)機(jī)制,在加載超過(guò)這個(gè)時(shí)間之后默認(rèn)為加載失敗,讓用戶進(jìn)行再次操作,而不是無(wú)意義地苦苦等待。
四、總結(jié)
「多爾蒂閾值」不僅僅是設(shè)計(jì)師完成交互動(dòng)效、反饋體驗(yàn)時(shí)的一個(gè)知識(shí)點(diǎn),它是IBM對(duì)整個(gè)計(jì)算機(jī)反饋機(jī)制進(jìn)行研究之后得到的結(jié)論,影響體驗(yàn)、效率、經(jīng)濟(jì)等多個(gè)方面。所以我認(rèn)為這是互聯(lián)網(wǎng)人都應(yīng)該熟知的一條交互理論。
只是我在這里僅結(jié)合了 Material Design 的系統(tǒng)動(dòng)作規(guī)范,分析了設(shè)計(jì)層面對(duì)「多爾蒂閾值」的應(yīng)用,還是稍顯片面。但感興趣的朋友,還可以去搜索了解更多關(guān)于「多爾蒂閾值」的實(shí)驗(yàn)、故事與實(shí)踐方案。
#專欄作家#
UCD耍家,公眾號(hào):UCD耍家(ID:ucdplayer),人人都是產(chǎn)品經(jīng)理專欄作家。
本文由 @UCD耍家 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
- 目前還沒(méi)評(píng)論,等你發(fā)揮!