新聞中心
作為設(shè)計(jì)師,在傳達(dá)我們的設(shè)計(jì)理念,呈現(xiàn)設(shè)計(jì)方案時(shí),經(jīng)常會援引一些設(shè)計(jì)原則和設(shè)計(jì)方法,以此來彰顯我們設(shè)計(jì)推導(dǎo)過程及方案的嚴(yán)謹(jǐn)性和合理性。那么除了這些設(shè)計(jì)原則之外,還有什么是可以輔助我們彰顯專業(yè)性的工具呢?

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


咨詢
建站咨詢
