除了設(shè)計(jì)法則,掌握這15個(gè)數(shù)字也能讓你的設(shè)計(jì)更專業(yè)!
作為設(shè)計(jì)師,在傳達(dá)我們的設(shè)計(jì)理念,呈現(xiàn)設(shè)計(jì)方案時(shí),經(jīng)常會(huì)援引一些設(shè)計(jì)原則和設(shè)計(jì)方法,以此來(lái)彰顯我們?cè)O(shè)計(jì)推導(dǎo)過(guò)程及方案的嚴(yán)謹(jǐn)性和合理性。那么除了這些設(shè)計(jì)原則之外,還有什么是可以輔助我們彰顯專業(yè)性的工具呢?
今天,我將給大家介紹另一類設(shè)計(jì)表達(dá)利器──時(shí)間常量+數(shù)字法則,來(lái)幫助各位設(shè)計(jì)師,更好地利用數(shù)字對(duì)人類潛意識(shí)的影響,來(lái)彰顯設(shè)計(jì)的專業(yè)性。
在此之前,我想讓大家思考一下,為什么數(shù)字會(huì)有如此神奇和普適的力量?
相信大家都有同感,我們對(duì)數(shù)字的記憶,其實(shí)是很難的。想想中學(xué)時(shí)候背歷史時(shí)間的經(jīng)歷?是不是現(xiàn)在想起來(lái)還頭大。那是因?yàn)槲覀兊拇竽X發(fā)育,在 200 萬(wàn)年以前已經(jīng)完成,而數(shù)字的誕生是公元 300 年后的事情。所以我們的大腦對(duì)于記憶數(shù)字來(lái)說(shuō),真的是不擅長(zhǎng)。
既然如此,數(shù)字的普適認(rèn)知力量又是從何而來(lái)的?答案是后天學(xué)習(xí)。
既然沒(méi)有先天優(yōu)勢(shì),當(dāng)時(shí)只能是后天習(xí)得。想想小時(shí)候,或者看看周圍的小朋友,除了圖片繪本外,最開(kāi)始學(xué)習(xí)的字符,就是數(shù)字。數(shù)字的啟蒙和識(shí)別往往比其他任何字母、漢字都要來(lái)得早一些。從教小朋友數(shù)數(shù),到認(rèn)數(shù),再到運(yùn)算。數(shù)字可以說(shuō)是貫穿了我們有意識(shí)的所有時(shí)間。眾所周知,讓一個(gè)事件,進(jìn)入無(wú)意識(shí)***的方式,就是訓(xùn)練。從這個(gè)角度來(lái)說(shuō),沒(méi)有什么符號(hào),能像數(shù)字這樣更早的進(jìn)入現(xiàn)代人的潛意識(shí)了。
正是由于這種經(jīng)年累月的潛意識(shí),使得人的大腦和視覺(jué)系統(tǒng)在處理數(shù)字的時(shí)候,要比其他字符優(yōu)先和快速得多。讓我們對(duì)數(shù)字產(chǎn)生了簡(jiǎn)單、熟悉的無(wú)意識(shí)認(rèn)知印象,這樣的印象,伴隨著我們對(duì)數(shù)學(xué)的逐年客觀、精確印象的累積,又逐漸催生了我們對(duì)數(shù)字準(zhǔn)確、專業(yè)、可信賴的心理印象。
說(shuō)到這里,大家應(yīng)該能理解數(shù)字普適而神奇的力量了吧,全是大家這么多年學(xué)習(xí)訓(xùn)練的結(jié)果。
下面,我們來(lái)一起看一下哪些是設(shè)計(jì)師必須掌握的數(shù)字吧。
時(shí)間常量
交互設(shè)計(jì),設(shè)計(jì)的是用戶與產(chǎn)品互動(dòng)的行為。在互動(dòng)的過(guò)程中,互動(dòng)的節(jié)奏是一個(gè)非常重要的因素。
事件發(fā)生需要時(shí)間,感知事件需要時(shí)間,對(duì)感知到的事件進(jìn)行反應(yīng)也需要時(shí)間。日常生活中,我們常常會(huì)被產(chǎn)品或者研發(fā)詢問(wèn):這個(gè)動(dòng)效應(yīng)該持續(xù)多長(zhǎng)時(shí)間?這個(gè) banner 應(yīng)該多少秒輪換?這個(gè)任務(wù)需不需要拆分?這個(gè)時(shí)候,如果作為專業(yè)的設(shè)計(jì)師,不知道該如何回答,往往會(huì)顯得有點(diǎn)尷尬。但如果我們能脫口而出一個(gè)合理的時(shí)間,那我們的專業(yè)性就體現(xiàn)出來(lái)了,所以說(shuō)時(shí)間節(jié)奏是設(shè)計(jì)師必須要掌握的。
言歸正傳,讓我們從***個(gè)問(wèn)題開(kāi)始。
- 問(wèn):如果你想讓用戶看見(jiàn)一個(gè)元素,它至少要展示多長(zhǎng)時(shí)間?
- 答:0.1s
解釋:我們的大腦感知分為有意識(shí)感知和無(wú)意識(shí)感知兩種。無(wú)意識(shí)感知是比較快的,但是用戶自己都不認(rèn)為自己感知到了,因?yàn)樗趥鬟f的過(guò)程中淹沒(méi)在了路上,沒(méi)來(lái)得及進(jìn)入到用戶的意識(shí)范疇。目前,***的研究表明,潛意識(shí)感知需要 0.01s 以上,意識(shí)感知需要 0.05s 以上。而我們對(duì)單一元素的完整感知至少需要 0.1s。站在 UI設(shè) 計(jì)師的角度來(lái)說(shuō),每一個(gè)元素(包括出現(xiàn)在動(dòng)態(tài)效果中的顯示元素)都至少要顯示 0.1 秒以上,否則用戶根本就不會(huì)注意到。值得一提的是 0.1s 是感知的必要非充分條件,因?yàn)橛泻芏嗟脑蚨紩?huì)導(dǎo)致用戶能看見(jiàn)卻沒(méi)看見(jiàn)。
- 問(wèn):給一個(gè)動(dòng)畫(huà)配置音效,聲畫(huà)同步的最小延遲時(shí)間是多少?
- 答:0.1s
解釋:0.1s內(nèi),大腦會(huì)自動(dòng)將聲音和視覺(jué)信號(hào)進(jìn)行「鎖定」,超過(guò) 0.1s 大腦就能明顯區(qū)分,從而產(chǎn)生聲畫(huà)不同步的感覺(jué)。
- 問(wèn):Gif 動(dòng)畫(huà)的幀率最小是多少秒/幀才能讓視覺(jué)上感覺(jué)是流暢的?
- 答:0.1s
解釋:流暢的動(dòng)畫(huà)幀率要求每秒 20 幀以上,比如電影一般是 24 幀/秒,電視一般是 25 或 30 幀/秒(中國(guó)和歐洲制式不同,所以幀率不同)。但影視對(duì)于流暢度要求是比較高的,我們?cè)谠O(shè)計(jì)Gif動(dòng)畫(huà)的時(shí)候,很有可能只是為了做個(gè)新功能引導(dǎo)吸引注意力,如果再加上對(duì)素材大小的限制要求,需要犧牲一定的流暢度,那 10 幀/秒也是可以的。設(shè)計(jì)師可以根據(jù) Gif 的內(nèi)容及想要達(dá)到的目的來(lái)取值。
- 問(wèn):點(diǎn)擊一個(gè)元素,它至少應(yīng)該在多長(zhǎng)時(shí)間內(nèi)顯示視覺(jué)反饋?
- 答:0.1s
解釋:心理學(xué)上嚴(yán)格的定義是 0.14s,不過(guò)這個(gè)時(shí)間比較難記,所以我們可以簡(jiǎn)單的要求在 0.1s 內(nèi),畢竟響應(yīng)度越高,用戶體驗(yàn)越好。0.14s 的時(shí)間間隔是用戶感知因果關(guān)系的最長(zhǎng)時(shí)限,超過(guò)這個(gè)間隔,用戶就不會(huì)覺(jué)得后面的反饋是他剛剛的操作引發(fā)的。
- 問(wèn):移動(dòng)端頁(yè)面內(nèi)元素入場(chǎng)退場(chǎng)應(yīng)控制在多長(zhǎng)時(shí)間內(nèi)?
- 答:0.2s
解釋:根據(jù) material design 的設(shè)計(jì)規(guī)范,對(duì)象入場(chǎng)一般需要 225ms 的持續(xù)時(shí)間,對(duì)象退場(chǎng)至少要 195ms 的持續(xù)時(shí)間。
- 問(wèn):移動(dòng)端頁(yè)面轉(zhuǎn)場(chǎng)時(shí)間應(yīng)控制在多長(zhǎng)時(shí)間內(nèi)?
- 答:0.3s
解釋:根據(jù) material design 的設(shè)計(jì)規(guī)范,移動(dòng)端的頁(yè)面轉(zhuǎn)場(chǎng)時(shí)間一般是 0.3s,動(dòng)畫(huà)幅度大,運(yùn)動(dòng)組織復(fù)雜,可以略長(zhǎng),但不能超過(guò) 0.4s,否則就會(huì)讓人感覺(jué)緩慢。
- 問(wèn):紅包雨中的紅包至少要顯示多長(zhǎng)時(shí)間,用戶才可能領(lǐng)取到?
- 答:0.7s
解釋:人對(duì)非預(yù)期事件的有目的的反應(yīng)時(shí)間是 0.7s(視覺(jué)系統(tǒng)注意到→發(fā)起一個(gè)有意識(shí)的身體動(dòng)作→運(yùn)動(dòng)系統(tǒng)執(zhí)行此操作)如果一個(gè)非規(guī)律的元素出現(xiàn),用戶至少需要 0.7 秒的時(shí)間才能夠?qū)λM(jìn)行操作。如果考慮到操作對(duì)象的大小和操作距離,根據(jù)費(fèi)茨定律,這個(gè)時(shí)間還有可能會(huì)更長(zhǎng)。
- 問(wèn):等待超過(guò)多長(zhǎng)時(shí)間時(shí),建議顯示進(jìn)度指示?
- 答:1s
解釋:理想情況下,只要進(jìn)程超過(guò) 1s,就建議顯示進(jìn)度條。但是目前網(wǎng)絡(luò)上也有一個(gè) 3s 原則,認(rèn)為超過(guò) 3s 一定要顯示進(jìn)度指示。因?yàn)?3 秒鐘沒(méi)有結(jié)果,會(huì)導(dǎo)致 57% 的人放棄等待。所以在實(shí)際設(shè)計(jì)中,我們可以根據(jù)操作頻度和進(jìn)度表現(xiàn)形式來(lái)具體權(quán)衡,如果操作頻度高,即使平均等待時(shí)間只有 1s,也建議給出進(jìn)度指示。如果操作頻度低,則根據(jù)進(jìn)度指示的實(shí)現(xiàn)代價(jià),可以考慮 3 秒以上才給進(jìn)度指示,3 秒內(nèi)只給忙碌狀態(tài)提示。
- 問(wèn):多長(zhǎng)時(shí)間決定***印象?
- 答:3-7s
解釋:男女交往的***印象時(shí)間是 3 秒。對(duì)一般網(wǎng)站的整體印象形成也差不多 3 秒。但是還有一個(gè)著名的 7 秒鐘定律,即消費(fèi)者會(huì)在 7 秒內(nèi)決定是否有購(gòu)買(mǎi)商品的意愿。在這短暫而關(guān)鍵的 7 秒鐘內(nèi),色彩的作用占到 67%。我估計(jì)這個(gè)時(shí)間差,主要是因?yàn)閷?shí)體產(chǎn)品更立體,用戶在感受時(shí),會(huì)調(diào)用多感官(比如觸覺(jué)聽(tīng)覺(jué)嗅覺(jué)等)的綜合感受匯總,所以導(dǎo)致感受時(shí)間變長(zhǎng)。
- 問(wèn):當(dāng)任務(wù)耗時(shí)超過(guò)多長(zhǎng)時(shí)間時(shí),就應(yīng)該考慮讓用戶分步操作?
- 答:10s
解釋:6-30s 是人們不受干擾的執(zhí)行單一操作的時(shí)長(zhǎng),超過(guò) 10 秒的任務(wù),就可以考慮分解成子任務(wù),以減輕工作記憶的負(fù)擔(dān)。
以上就是設(shè)計(jì)中,設(shè)計(jì)師們最常會(huì)用到的時(shí)間常量,大家可以按照 0.1s、1s 和 10s 這樣的數(shù)量級(jí)去進(jìn)行歸類記憶,更吻合記憶的個(gè)數(shù)上限,也就更容易記住。
數(shù)字法則
說(shuō)完了讓人容易混淆的時(shí)間常量,下面我們來(lái)看一下稍微輕松有趣的數(shù)字法則。
- 問(wèn):人們一次能記住的事物數(shù)量?
- 答:4±1
解釋:7±2 只是 Miller 在一次專業(yè)會(huì)議上演講時(shí)的猜想,并未經(jīng)過(guò)嚴(yán)謹(jǐn)?shù)膶?shí)驗(yàn)驗(yàn)證。現(xiàn)在研究表明這個(gè)神奇的數(shù)字其實(shí)是「4±1」,然而現(xiàn)在還是有很多書(shū)籍和文章依然在說(shuō) 7±2,作為專業(yè)設(shè)計(jì)師,我們可不能再犯這種錯(cuò)誤了。
- 問(wèn):欄寬設(shè)計(jì),一行多少個(gè)字符比較好?
- 答:45~72字符 / 100字符
解釋:人們偏好較小的行寬(45~72字符),也認(rèn)為較小行寬閱讀更快,但實(shí)際上長(zhǎng)行更易讀,因?yàn)榇驍鄴咭暫湍曔B續(xù)性的次數(shù)更少。所以,想讓人們讀的開(kāi)心,比如我們的新聞資訊,建議以人們喜歡的寬度展示。(注意:一個(gè)英文字母、阿拉伯?dāng)?shù)字、半角標(biāo)點(diǎn)是一個(gè)字符。一個(gè)漢字、全角標(biāo)點(diǎn)是2個(gè)字符。)
- 問(wèn):就近設(shè)計(jì)反饋時(shí),近的距離是多少?
- 答:1~2cm
解釋:人的視覺(jué)細(xì)胞分為視錐細(xì)胞和視桿細(xì)胞。視錐細(xì)胞集中在中央凹,占據(jù) 1% 的視網(wǎng)膜面積,對(duì)應(yīng) 50% 的大腦視覺(jué)皮層。另外 99% 的邊界視覺(jué)區(qū)域主要是視桿細(xì)胞,對(duì)應(yīng)另外 50% 的大腦視覺(jué)皮層。如果只用邊界視覺(jué)觀看,所有的東西就像隔著一層毛玻璃,根據(jù)美國(guó)醫(yī)學(xué)定義,這樣的視力效果幾乎等同于失明。當(dāng)用戶執(zhí)行某個(gè)操作時(shí),操作所在的地方是用戶中央凹的注意焦點(diǎn),在焦點(diǎn) 1~2cm 之外的區(qū)域就是邊界視覺(jué)范圍,如果沒(méi)有特殊狀態(tài)(如特殊顏色或者動(dòng)效),這些邊界視覺(jué)區(qū)域是很難被關(guān)注到的。
- 問(wèn):日常生活中,人們心智游移的時(shí)間占多大比例?
- 答:30%
解釋:除了進(jìn)入心流狀態(tài),人大多數(shù)時(shí)候其實(shí)就是「三心二意」的。我們?cè)谠O(shè)計(jì)產(chǎn)品功能和任務(wù)時(shí),任何時(shí)候都要顯著標(biāo)志當(dāng)前進(jìn)度和狀態(tài),不僅僅因?yàn)橛脩魰?huì)被其他任務(wù)打斷,還因?yàn)橛脩魰?huì)走神。
- 問(wèn):可用性測(cè)試建議邀請(qǐng)多少名用戶?
- 答:6~8人
解釋:雖然尼爾森調(diào)研提出,5 人可以發(fā)現(xiàn) 85% 的問(wèn)題,但是這個(gè)結(jié)論是有條件的,要求每個(gè)人能獨(dú)立發(fā)現(xiàn) 30% 左右的問(wèn)題,最終才能有 85% 的理想效果。但在現(xiàn)實(shí)調(diào)研中,因?yàn)橛脩艄δ苁褂玫木砣攵葐?wèn)題,用戶測(cè)試時(shí)的專注度問(wèn)題,往往達(dá)不到這么理想的效果,所以我們通常需要 6~8人,才能發(fā)現(xiàn) 80% 左右的可用性問(wèn)題(其中還有一個(gè)預(yù)測(cè)試用戶用以檢測(cè)和調(diào)整調(diào)研報(bào)告的細(xì)節(jié))。
- 問(wèn):焦點(diǎn)小組一般會(huì)邀請(qǐng)多少個(gè)用戶?
- 答:4~6人
解釋:很多傳統(tǒng)的教科書(shū)上會(huì)說(shuō)焦點(diǎn)小組的邀請(qǐng)人數(shù)是 8~12 人。但根據(jù)***實(shí)驗(yàn)研究數(shù)據(jù)表明,為了達(dá)到焦點(diǎn)小組的要求,不希望有意見(jiàn)***和沉默用戶,希望所有的用戶均衡的參與,充分的表達(dá)和傾聽(tīng),小組的人數(shù)***在 4 人之內(nèi),隨著人數(shù)的增加,就不可避免的會(huì)有沉默用戶或意見(jiàn)***的浮現(xiàn)。所以在現(xiàn)實(shí)測(cè)試中,為了在 2 小時(shí)內(nèi)確保每個(gè)用戶的參與度和價(jià)值貢獻(xiàn)度,也為了避免前期用戶篩選時(shí)的誤差,導(dǎo)致確實(shí)有個(gè)別卷入度低的用戶在小組內(nèi),4~6 人往往能獲取更好的訪談效果。
- 問(wèn):對(duì)于上百萬(wàn)日活的產(chǎn)品,有效問(wèn)卷樣本量達(dá)到多少才具有可信度?
- 答:384人
在足夠隨機(jī)的前提下,有效樣本量并不會(huì)隨著樣本總量的增長(zhǎng)而線性增長(zhǎng),當(dāng)樣本量抽樣誤差在 5%,置信區(qū)間在 95% 時(shí),384 人的有效樣本量的調(diào)研結(jié)論就是可以代表整體用戶的。但在現(xiàn)實(shí)世界中,我們是很難確保抽樣的隨機(jī)性,所以當(dāng)獲取成本不太高時(shí),我們也可以通過(guò)擴(kuò)大樣本量來(lái)減少抽樣誤差。