起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專(zhuān)項(xiàng)技能課
1300+專(zhuān)題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專(zhuān)業(yè)技能直播
會(huì)員專(zhuān)屬社群
榮耀標(biāo)識(shí)設(shè)計(jì)師專(zhuān)業(yè)表達(dá)指南（數(shù)字篇）：時(shí)間常量與數(shù)字法則
作為設(shè)計(jì)師，在傳達(dá)我們的設(shè)計(jì)理念，呈現(xiàn)我們?cè)O(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ì)原則之外，還有什么是可以輔助我們彰顯專(zhuān)業(yè)性的工具呢？
今天，我將給大家介紹另一類(lèi)設(shè)計(jì)表達(dá)利器——時(shí)間常量+數(shù)字法則，來(lái)幫助各位設(shè)計(jì)師，更好的利用數(shù)字對(duì)人類(lèi)潛意識(shí)的影響，來(lái)彰顯大家設(shè)計(jì)的專(zhuān)業(yè)性。
設(shè)計(jì)師最常用的時(shí)間常量+數(shù)字法則
在此之前，我想讓大家思考一下：為什么數(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ì)，那只能是后天習(xí)得。想想自己小時(shí)候，或者看看現(xiàn)在周?chē)男∨笥褌?，除了圖片繪本外，最開(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)練訓(xùn)練再訓(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)確、專(zhuān)業(yè)、可信賴(lài)的心理印象。
數(shù)字給人的認(rèn)知印象和心理印象
說(shuō)到這里，大家應(yīng)該能理解數(shù)字普適而神奇的力量了吧，全是大家這么多年學(xué)習(xí)訓(xùn)練的結(jié)果。
數(shù)字竟然可以帶來(lái)如此神奇的普適影響力，大家是不是有些迫不及待了呢？下面，我們來(lái)一起看一下，哪些是設(shè)計(jì)師必須需要掌握的數(shù)字吧！
本次的分享分為兩大部分：一個(gè)是時(shí)間常量，另一個(gè)是一些常見(jiàn)的數(shù)字法則。
首先，我們從時(shí)間常量開(kāi)始。
時(shí)間常量
交互設(shè)計(jì)，設(shè)計(jì)的是用戶(hù)與產(chǎn)品互動(dòng)的行為。在互動(dòng)的過(guò)程中，互動(dòng)的節(jié)奏是一個(gè)非常重要的因素。
事件發(fā)生需要時(shí)間，感知事件需要時(shí)間，對(duì)感知到的事件進(jìn)行反應(yīng)也需要時(shí)間。日常生活中，我們常常會(huì)被產(chǎn)品或者研發(fā)詢(xún)問(wèn)：這個(gè)動(dòng)效應(yīng)該持續(xù)多長(zhǎng)時(shí)間？這個(gè)banner應(yīng)該多少秒輪換？這個(gè)任務(wù)需不需要拆分？
這個(gè)時(shí)候，如果作為專(zhuān)業(yè)的設(shè)計(jì)師，如果我們不知道該如何回答，往往會(huì)顯得有點(diǎn)尷尬。但如果我們能脫口而出一個(gè)合理的時(shí)間，瞬間，我們的專(zhuān)業(yè)性就體現(xiàn)出來(lái)了。所以說(shuō)時(shí)間節(jié)奏是咱們?cè)O(shè)計(jì)師們必須要掌握的一些基礎(chǔ)數(shù)字。
言歸正傳，讓我們從第一個(gè)問(wèn)題開(kāi)始。
問(wèn)：如果你想讓用戶(hù)看見(jiàn)一個(gè)元素，它至少要展示多長(zhǎng)時(shí)間？
答：0.1s
解釋?zhuān)?/strong>
我們的大腦感知分為有意識(shí)感知和無(wú)意識(shí)感知兩種。
無(wú)意識(shí)感知是比較快的，但是用戶(hù)自己都不認(rèn)為自己感知到了，因?yàn)樗趥鬟f的過(guò)程中淹沒(méi)在了路上，沒(méi)來(lái)得及進(jìn)入到用戶(hù)的意識(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秒以上，否則用戶(hù)根本就不會(huì)注意到。（值得一提的是0.1s是感知的必要非充分條件，因?yàn)橛泻芏嗟脑蚨紩?huì)導(dǎo)致用戶(hù)能看見(jiàn)卻沒(méi)看見(jiàn)）
問(wèn)：給一個(gè)動(dòng)畫(huà)配置音效，聲畫(huà)同步的最小延遲時(shí)間是多少？
答：0.1s
解釋?zhuān)?/strong>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
解釋?zhuān)?/strong>流暢的動(dòng)畫(huà)幀率要求每秒20幀以上，比如電影一般是24幀/秒，電視一般是25或30幀/秒（中國(guó)和歐洲制式不同，所以幀率不同）。但影視對(duì)于流暢度要求是比較高的，我們?cè)谠O(shè)計(jì)Gif動(dòng)畫(huà)的時(shí)候，很有可能只是為了做個(gè)新功能引導(dǎo)吸引注意力，如果再加上對(duì)素材大小的限制要求，需要犧牲一定的流暢度，那10幀/秒也是可以的。這個(gè)可以設(shè)計(jì)師根據(jù)Gif的內(nèi)容及想要達(dá)到的目的來(lái)取值。
問(wèn)：點(diǎn)擊一個(gè)元素，它至少應(yīng)該在多長(zhǎng)時(shí)間內(nèi)顯示視覺(jué)反饋？
答：0.1s
解釋?zhuān)?/strong>心理學(xué)上嚴(yán)格的定義是0.14s，不過(guò)這個(gè)時(shí)間比較難記，所以我們可以簡(jiǎn)單的要求在0.1s內(nèi)，畢竟響應(yīng)度越高，用戶(hù)體驗(yàn)越好。0.14s的時(shí)間間隔是用戶(hù)感知因果關(guān)系的最長(zhǎng)時(shí)限，超過(guò)這個(gè)間隔，用戶(hù)就不會(huì)覺(jué)得后面的反饋是他剛剛的操作引發(fā)的。
問(wèn)：移動(dòng)端頁(yè)面內(nèi)元素入場(chǎng)退場(chǎng)應(yīng)控制在多長(zhǎng)時(shí)間內(nèi)？
答：0.2s
解釋?zhuān)?/strong>根據(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
解釋?zhuān)?/strong>根據(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í)間，用戶(hù)才可能領(lǐng)取到？
答：0.7s
解釋?zhuān)?/strong>人對(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)，用戶(hù)至少需要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
解釋?zhuān)?/strong>理想情況下，只要進(jìn)程超過(guò)1s，就建議顯示進(jìn)度條。但是，目前網(wǎng)絡(luò)上也有一個(gè)3s原則，認(rèn)為超過(guò)3s一定要顯示進(jìn)度指示。因?yàn)?秒鐘沒(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
解釋?zhuān)?/strong>男女交往的第一印象時(shí)間是3秒，對(duì)一般網(wǎng)站的整體印象形成也差不多3秒。但應(yīng)小姐還有一個(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)品更立體，用戶(hù)在感受時(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)該考慮讓用戶(hù)分步操作？
答：10s
解釋?zhuān)?/strong>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)行歸類(lèi)記憶，更吻合記憶的個(gè)數(shù)上限，也就更容易記住。
數(shù)字法則
說(shuō)完了讓人頭大，而且容易混淆的時(shí)間常量，下面我們來(lái)看一下稍微輕松有趣一點(diǎn)數(shù)字法則。
問(wèn)：人們一次能記住的事物數(shù)量？
答：4±1
解釋?zhuān)?/strong>7±2只是Miller在一次專(zhuān)業(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，作為專(zhuān)業(yè)設(shè)計(jì)師，咱們可不能再犯這種錯(cuò)誤啦。
問(wèn)：欄寬設(shè)計(jì)，一行多少個(gè)字符比較好？
答：45~72字符? / 100字符
解釋?zhuān)?/strong>人們偏好較小的行寬（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
解釋?zhuān)?/strong>
人的視覺(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)用戶(hù)執(zhí)行某個(gè)操作時(shí)，操作所在的地方是用戶(hù)中央凹的注意焦點(diǎn)，在焦點(diǎn)1~2cm之外的區(qū)域就是邊界視覺(jué)范圍，如果沒(méi)有特殊狀態(tài)（如特殊顏色或者動(dòng)效），這些邊界視覺(jué)區(qū)域是很難被關(guān)注到的。
問(wèn)：日常生活中，人們心智游移的時(shí)間占多大比例？
答：30%
解釋?zhuān)?/strong>除了進(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)橛脩?hù)會(huì)被其他任務(wù)打斷，還因?yàn)橛脩?hù)自己會(huì)走神。
問(wèn)：可用性測(cè)試建議邀請(qǐng)多少名用戶(hù)？
答：6~8人
解釋?zhuān)?/strong>雖然尼爾森調(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)橛脩?hù)功能使用的卷入度問(wèn)題，用戶(hù)測(cè)試時(shí)的專(zhuān)注度問(wèn)題，往往達(dá)不到這么理想的效果，所以我們通常需要6~8人，才能發(fā)現(xiàn)80%左右的可用性問(wèn)題（其中還有一個(gè)預(yù)測(cè)試用戶(hù)用以檢測(cè)和調(diào)整調(diào)研報(bào)告的細(xì)節(jié)）。
問(wèn)：焦點(diǎn)小組一般會(huì)邀請(qǐng)多少個(gè)用戶(hù)？
答：4~6人
解釋?zhuān)?/strong>
很多傳統(tǒng)的教科書(shū)上會(huì)說(shuō)焦點(diǎn)小組的邀請(qǐng)人數(shù)是8~12人。但根據(jù)最新實(shí)驗(yàn)研究數(shù)據(jù)表明，為了達(dá)到焦點(diǎn)小組的要求，不希望有意見(jiàn)領(lǐng)袖和沉默用戶(hù)，希望所有的用戶(hù)均衡的參與，充分的表達(dá)和傾聽(tīng)，小組的人數(shù)最好在4人之內(nèi)。隨著人數(shù)的增加，就不可避免的會(huì)有沉默用戶(hù)或意見(jiàn)領(lǐng)袖的浮現(xiàn)。
所以，在現(xiàn)實(shí)測(cè)試中，為了在2小時(shí)內(nèi)確保每個(gè)用戶(hù)的參與度和價(jià)值貢獻(xiàn)度，也為了避免前期用戶(hù)篩選時(shí)的誤差，導(dǎo)致確實(shí)有個(gè)別卷入度低的用戶(hù)在小組內(nèi)，4~6人往往能獲取更好的訪談效果。
問(wèn)：對(duì)于上百萬(wàn)日活的產(chǎn)品，有效問(wèn)卷樣本量達(dá)到多少才具有可信度？
答：384人
解釋?zhuān)?/strong>
在足夠隨機(jī)的前提下，有效樣本量并不會(huì)隨著樣本總量的增長(zhǎng)而線性增長(zhǎng)，當(dāng)樣本量抽樣誤差在5%，置信區(qū)間在95%時(shí)，384人的有效樣本量的調(diào)研結(jié)論就是可以代表整體用戶(hù)的。但在現(xiàn)實(shí)世界中，我們是很難確保抽樣的隨機(jī)性，所以當(dāng)獲取成本不太高時(shí)，我們也可以通過(guò)擴(kuò)大樣本量來(lái)減少抽樣誤差。
最后再留一個(gè)思考題：為什么支付密碼基本都是6位數(shù)？
開(kāi)動(dòng)你的腦筋想一想，歡迎在評(píng)論區(qū)留言哦~
本文由@悅悅兔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash, 基于CC0協(xié)議。
四位數(shù)在多個(gè)使用場(chǎng)景中更容易被朋友或者陌生人記住，可能會(huì)滋生其他隱患。八位又會(huì)增加自己的記憶負(fù)擔(dān)。
可否列舉最讓你受益的幾本書(shū)
因?yàn)?位數(shù)太簡(jiǎn)單 超過(guò)六位數(shù)又難以記憶