1 . 系統(tǒng)可見(jiàn)性原則
系統(tǒng)對(duì)用戶的
“操作指令”,“當(dāng)前狀態(tài)”,“可操作內(nèi)容” 應(yīng)該有一定的 視覺(jué) 反饋。目的是讓用戶能感受到 “操作被傳達(dá)給設(shè)備了”,“現(xiàn)在我在系統(tǒng)的什么狀態(tài)里”,“操作什么可以繼續(xù)”。
例如:
還有個(gè)例子特別有趣
在這個(gè)例子里,兩者都表現(xiàn)出在縱向滾動(dòng)頁(yè)面時(shí)的閱讀進(jìn)度。Windows 更加是在上下增加了可點(diǎn)擊的箭頭。點(diǎn)擊后則下移一點(diǎn)。滑塊上也畫(huà)出了紋路,意圖表達(dá)“可拖拽”的提示。如果原教旨的去看尼爾森的原則,毫無(wú)疑問(wèn),Windows 更加細(xì)致的遵守了原則,既有進(jìn)度顯示,也有操作區(qū)提示。而 Mac 似乎太過(guò)于簡(jiǎn)潔了。然而,事實(shí)是 Windows 8 后,微軟拿掉了這些“多余的提示”。這是為什么呢?
2 . 匹配系統(tǒng)與真實(shí)環(huán)境
這個(gè)標(biāo)題讀起來(lái)都有點(diǎn)拗口。但是,想說(shuō)明清楚其實(shí)很簡(jiǎn)單。將按鈕畫(huà)的像按鈕。書(shū)本畫(huà)的像書(shū)本。讓系統(tǒng)看起來(lái)符合我們生存的物理世界。這是啥呢?不就是寫(xiě)實(shí)(擬物化)設(shè)計(jì)所做的么。將自然環(huán)境中的光影材質(zhì)使用進(jìn)系統(tǒng)里,讓沒(méi)有接觸過(guò)系統(tǒng)的用戶可以調(diào)用自己平時(shí)的生活經(jīng)驗(yàn)來(lái)操作系統(tǒng)。
3 . 用戶的控制性和自由度
這部分不是太能理解,大概是用戶應(yīng)該有一個(gè)方便的行為來(lái)控制界面,比如iOS的右劃返回。
4 . 一致性和標(biāo)準(zhǔn)化
這個(gè)算是真實(shí)設(shè)計(jì)場(chǎng)景中非常常見(jiàn),但很多人都難以控制好的一點(diǎn)。但它卻非常重要。當(dāng)相同的功能控件設(shè)計(jì)的不是一樣的樣子時(shí),用戶會(huì)非常困惑。因?yàn)樗麄冃枰匦掠洃浺粋€(gè)新控件。
這個(gè)規(guī)則甚至可以推演開(kāi)來(lái):
相同目的的交互是否應(yīng)該一致呢?同級(jí)的功能區(qū)塊是否也應(yīng)該盡量一致呢?相同功能的圖標(biāo)是否也應(yīng)該一致呢?相同配色的按鈕是否也應(yīng)該功能一致呢?一致性總是越高越好,但真實(shí)設(shè)計(jì)過(guò)程中,往往很難在設(shè)計(jì)之初能夠從全局縱覽整個(gè)項(xiàng)目,歸納同類型的設(shè)計(jì)。
格式塔原理-相似性:如果物體看起來(lái)相似,那就感覺(jué)是屬于一組的
5. 防錯(cuò)原則
看見(jiàn)這個(gè)詞就想到了“防呆插槽”,確實(shí),在工業(yè)設(shè)計(jì)中,有很多防止,甚至可以完全杜絕用戶出錯(cuò)的設(shè)計(jì)。比如蘋(píng)果的 lightning 數(shù)據(jù)線,思路是無(wú)論怎么插都對(duì)。另一種是電腦里很多主板,內(nèi)存條之類的插口,如果用戶反著插就根本插不進(jìn),也就避免了差錯(cuò)。思路是錯(cuò)誤操作無(wú)法進(jìn)行,轉(zhuǎn)而回歸正確。
設(shè)計(jì)中的防呆策略
6 . 識(shí)別比記憶好
意思應(yīng)該是不要讓用戶記憶太多東西。因?yàn)橛洃浭菚?huì)出錯(cuò)的。盡量使用直覺(jué)操作。而引導(dǎo)用戶產(chǎn)生正確的直覺(jué),離不開(kāi)上面說(shuō)的各種原則。
7 . 高效靈活的使用
系統(tǒng)應(yīng)該流暢運(yùn)行,有方便的入口進(jìn)入主要功能。比如 3D touch。
8 . 審美和簡(jiǎn)潔的設(shè)計(jì)
減弱,剔除無(wú)用,或暫時(shí)無(wú)用的信息,重要的信息才能顯露出來(lái)。
9 . 幫助用戶識(shí)別,診斷,并恢復(fù)
10 . 幫助文檔
但產(chǎn)品比較復(fù)雜時(shí)應(yīng)該提供幫助文檔。當(dāng)然,應(yīng)該盡量避免產(chǎn)品需要幫助文檔。
生活實(shí)例
1,電梯口處,當(dāng)按下按鈕后,對(duì)應(yīng)要來(lái)的電梯口上會(huì)有提示燈亮起,讓用戶明白自己叫電梯這個(gè)指令被傳達(dá)了,并且有反饋。2,紅綠燈讀秒,讓行人對(duì)當(dāng)前狀態(tài)有一個(gè)心里預(yù)期,緩解等待時(shí)間
3,將計(jì)算器界面設(shè)計(jì)成真實(shí)的計(jì)算器樣式。用戶可以跳過(guò)理解,直接使用。
4,電梯內(nèi),樓層按鈕如果按錯(cuò),可以雙擊取消(少數(shù)電梯有這個(gè)功能 @_@)
5,道路警示牌,有圓形的,和三角形的。圓形表示“禁令標(biāo)志”。三角形表示“警告標(biāo)示”,同類型的警告,用同類型的樣式。
局限性
尼爾森貌似是在 web 時(shí)期總結(jié)的這十條原則,有些非常實(shí)用,至今依舊非常經(jīng)典,比如“系統(tǒng)可見(jiàn)性”,“一致性和標(biāo)準(zhǔn)化”,“防錯(cuò)原則”等等,但也有些原則,時(shí)至今日已然漸漸消失的,比如“幫助文檔”,“匹配真實(shí)環(huán)境”。歸結(jié)于一點(diǎn):產(chǎn)品越來(lái)越簡(jiǎn)單易用,而用戶也越來(lái)越有經(jīng)驗(yàn)了。曾經(jīng)我們我們面對(duì)一個(gè)碩大的方塊盒子,難以理解運(yùn)行在它上面的程序或文件是怎樣使用的。我們需要幫助,需要手把手的攙著走,需要近可能的模擬真實(shí)環(huán)境,以此來(lái)幫助我們理解這個(gè)大方盒子到底怎么用,而如今,這個(gè)大盒子都放進(jìn)了我們的衣服口袋,戴在我們的手腕上了。它們不在那么讓人難以接受了。相反,我們完全離不開(kāi)它們。
強(qiáng)大,但是易用,就是今天包括未來(lái)的產(chǎn)品都將走向的路。