
唐·諾曼的七個(gè)基本設(shè)計(jì)原則是什么?
為了幫助大家確定這7個(gè)問(wèn)題的答案,諾曼列出了7條基本的設(shè)計(jì)元原則,每一條準(zhǔn)則都可以作為一種特定的設(shè)計(jì)策略來(lái)使用,從而使用戶(hù)更有效且高效地使用產(chǎn)品。
一、可發(fā)現(xiàn)性(Discoverability)
源自O(shè)utcrowd的設(shè)計(jì):這個(gè)登陸頁(yè)面利用不同的焦點(diǎn),如行為召喚、圖像和標(biāo)題、清晰的導(dǎo)航、可視化的結(jié)構(gòu)層級(jí)以及間距等,讓用戶(hù)更容易明白頁(yè)面上可能存在的操作。
當(dāng)我們接觸到諸如電視遙控器之類(lèi)的日常事物,或者是網(wǎng)站、應(yīng)用程序之類(lèi)的產(chǎn)品時(shí),我們通常都知道在哪里以及如何使用各種功能。因其良好的可發(fā)現(xiàn)性,我們可以在眾多選項(xiàng)中找出能夠幫助我們實(shí)現(xiàn)目標(biāo)的操作。但是,如果一項(xiàng)操作很難被發(fā)現(xiàn)的話(huà),我們就無(wú)法達(dá)到目的。
諾曼認(rèn)為,良好的可發(fā)現(xiàn)性應(yīng)該是“讓用戶(hù)能夠確定可能的操作以及設(shè)備當(dāng)前的狀態(tài)”。通過(guò)清晰的焦點(diǎn)(行為召喚、圖片和標(biāo)題)、視覺(jué)層次(按優(yōu)先級(jí)排列的內(nèi)容)以及明顯的導(dǎo)航系統(tǒng),共同塑造了設(shè)計(jì)中良好的可發(fā)現(xiàn)性和可理解性。
然而,倘若一個(gè)設(shè)計(jì)缺乏良好的可發(fā)現(xiàn)性,我們就不得不花更多的力氣去弄清楚它是如何工作的。以一個(gè)網(wǎng)站上的漢堡菜單為例,雖然它看似方便地存儲(chǔ)了多個(gè)條目,但這實(shí)際上掩蓋了關(guān)鍵內(nèi)容和重要信息。其它的設(shè)計(jì)準(zhǔn)則,尤其像意符、反饋和約束(接下來(lái)會(huì)談到這些準(zhǔn)則),也可以用于增強(qiáng)設(shè)計(jì)的可發(fā)現(xiàn)性并減少犯錯(cuò)的可能。
二、反饋(Feedback)
源自Hoang Nguyen的動(dòng)畫(huà)設(shè)計(jì):這里的反饋動(dòng)效展示了用戶(hù)會(huì)議請(qǐng)求狀態(tài)的更新過(guò)程。
當(dāng)我們與日常的事物/產(chǎn)品交互時(shí),我們需要一些東西來(lái)告知我們行動(dòng)的結(jié)果:反饋。如果沒(méi)有立即得到反饋,我們就會(huì)懷疑行動(dòng)是否是有效的。
諾曼認(rèn)為,反饋是“一種讓用戶(hù)知道系統(tǒng)正在處理其請(qǐng)求的方式”,他認(rèn)為反饋必須是即時(shí)的、提供有用信息的、有計(jì)劃的(以非干擾性的方式),并且有優(yōu)先次序的。
重要信息的反饋應(yīng)該是即時(shí)且清晰的。例如,當(dāng)操作執(zhí)行有誤時(shí),一個(gè)錯(cuò)誤提示框的反饋,會(huì)迫使用戶(hù)注意到剛剛發(fā)生的事情以及接下來(lái)應(yīng)該怎么做。然而,只需微小的反饋便可以告知用戶(hù)操作有效,同時(shí)不會(huì)打斷他們的心流狀態(tài)。例如,在推特上發(fā)表了一條推文之后,屏幕底部會(huì)出現(xiàn)消息確認(rèn)提示框,我們就會(huì)得知操作已成功。
三、概念模型(Conceptual model)
源自Divan Raj的設(shè)計(jì):新手體驗(yàn)指引生動(dòng)地表現(xiàn)了概念模型是如何向用戶(hù)解釋產(chǎn)品/服務(wù)運(yùn)作模式的。
概念模型是用以解釋事物是如何運(yùn)行的簡(jiǎn)單且有用的方式。例如,一個(gè)網(wǎng)站/應(yīng)用的新手指引界面告知了用戶(hù)應(yīng)如何使用該產(chǎn)品或服務(wù)。諾曼對(duì)于概念模型的解釋是:“設(shè)計(jì)提供了創(chuàng)建一個(gè)良好的系統(tǒng)概念模型所需傳達(dá)的所有必要信息,從而使用戶(hù)能夠理解和掌控系統(tǒng)”。
我們還可以在包裝、使用說(shuō)明和圖示中發(fā)現(xiàn)一些概念模型的例子。尤其像數(shù)字界面,通常會(huì)使用可視隱喻來(lái)幫助我們理解如何操作,如垃圾桶圖標(biāo)可以傳達(dá)出“刪除不需要的文件”的含義。
然而,如果一個(gè)概念模型不夠清晰,就可能會(huì)與我們的心智模型(我們對(duì)于事物如何工作的預(yù)期)產(chǎn)生沖突。例如,一些USB連接器只能單向插入,這與我們對(duì)該設(shè)計(jì)正反向都可插入的預(yù)期是沖突的。
四、示能(Affordance)
源自Vectary的設(shè)計(jì):溫控器旋鈕的形狀體現(xiàn)出它的功能,如旋轉(zhuǎn)即可調(diào)節(jié)溫度。
示能是一個(gè)事物的可被感知?jiǎng)幼骱蛯?shí)際屬性,它可以幫助用戶(hù)確定其操作方式。諾曼對(duì)此解釋為:“示能指的是物理對(duì)象和人之間的關(guān)系”。例如,門(mén)把手或者拉鏈的形狀已經(jīng)告知了我們應(yīng)該如何操作。
舉例來(lái)說(shuō),我們所坐的椅子,它的形狀就說(shuō)明了它是適用于坐或站的;而有腳輪的椅子則是可以推/拉的;如果在火災(zāi)這種極端的情境下,我們甚至可以認(rèn)為椅子的大小和重量是可以用來(lái)砸窗戶(hù)的。需要注意的是,示能依賴(lài)于我們頭腦中現(xiàn)有的知識(shí)和文化背景,如果沒(méi)有這些背景做支撐,那么物理對(duì)象所期望的動(dòng)作將很難被用戶(hù)感知到。以扁平設(shè)計(jì)為例,新手用戶(hù)可能不會(huì)在第一時(shí)間意識(shí)到特定的視覺(jué)元素是可以進(jìn)行操作的。
五、意符(Signifiers)
源自Nhat M. Tran的設(shè)計(jì):設(shè)計(jì)中的意符,如按鈕、視覺(jué)線(xiàn)索等,可以讓用戶(hù)知道在哪里可以觸發(fā)不同的動(dòng)作。
意符告訴我們?cè)谀睦锟梢杂|發(fā)操作。諾曼認(rèn)為,“意符可以是任何標(biāo)記或者聲音,任何可以與用戶(hù)交流且可被感知的指示”。例如,一個(gè)按鈕標(biāo)簽可以準(zhǔn)確告訴我們相應(yīng)控件執(zhí)行的操作類(lèi)型。
在《馬達(dá)加斯加的企鵝》這部電影中,一只企鵝在毫不知情的情況下踩到了一個(gè)紅色按鈕,緊接著警報(bào)燈開(kāi)始閃爍,企鵝驚叫道:“他們真應(yīng)該給這些按鈕貼上標(biāo)簽。”
現(xiàn)實(shí)中一個(gè)大的紅色按鈕通常用于指示可能存在危險(xiǎn)的行為,比如緊急出口;然而,在上面企鵝的例子中我們可以看出,紅色按鈕并未表達(dá)出其真實(shí)意圖。雖然意符明確指出了在哪里可以執(zhí)行什么操作,但這也依賴(lài)于一定的文化背景。例如,當(dāng)印度人在使用亞馬遜網(wǎng)站時(shí),會(huì)誤認(rèn)為“搜索”圖標(biāo)是乒乓球拍的意思。這反映出意符必須體現(xiàn)相關(guān)意義,這樣目標(biāo)用戶(hù)才能快速將其識(shí)別出來(lái)。
六、映射(Mapping)
源自Rhema Leverett的動(dòng)畫(huà):顏色選擇器直觀(guān)顯示出控件和其所影響的元素之間的關(guān)系。
映射是控件和它們對(duì)這個(gè)世界產(chǎn)生的結(jié)果之間的關(guān)系。例如,爪機(jī)上的箭頭按鈕對(duì)應(yīng)著玩具抓取機(jī)械臂的運(yùn)動(dòng)。諾曼認(rèn)為,“當(dāng)一個(gè)映射反映出控件布局和被控制設(shè)備之間的空間對(duì)應(yīng)關(guān)系時(shí),用戶(hù)就會(huì)很容易確定該如何操作”。
自然映射讓我們能夠下意識(shí)地改變世界的影響,就像按下了適當(dāng)?shù)碾姛糸_(kāi)關(guān)。例如iOS亮度控制中心就特別利用了良好的映射,當(dāng)用戶(hù)上下滑動(dòng)亮度條的時(shí)候,亮度就會(huì)隨著滑動(dòng)的動(dòng)作而變化。
當(dāng)事物的映射不夠自然時(shí),設(shè)計(jì)就會(huì)顯得違背直覺(jué)。在常見(jiàn)的家用電器中可以發(fā)現(xiàn)一個(gè)特定的映射問(wèn)題,比如廚房爐灶。當(dāng)我們使用爐灶的時(shí)候,會(huì)依賴(lài)于控制旋鈕的位置,若是旋鈕位置和爐灶的對(duì)應(yīng)映射不夠清晰,我們就會(huì)很難區(qū)分哪個(gè)旋鈕控制的是哪個(gè)爐灶。請(qǐng)注意,如果一個(gè)自然映射無(wú)法表明含義的話(huà),也可以使用意符來(lái)表明這種關(guān)系的存在。
七、約束(Constraints)
源自Walid Ghazzo設(shè)計(jì):通過(guò)使用小步驟簡(jiǎn)化了創(chuàng)建和管理事件的復(fù)雜流程,這些小步驟為用戶(hù)提供每次僅夠完成一項(xiàng)任務(wù)的信息。
用戶(hù)被過(guò)多內(nèi)容所累的現(xiàn)象,我們通常稱(chēng)之為“信息超載”。如冗長(zhǎng)的表格、復(fù)雜的布局和大量的文字描述,都會(huì)分散用戶(hù)的注意力并帶來(lái)更多的認(rèn)知負(fù)擔(dān)(工作記憶)。然而,約束可以通過(guò)限制可能發(fā)生的交互,從而幫助我們減少信息加工量。諾曼認(rèn)為,“物理的、邏輯的、語(yǔ)義的和文化的約束用以指導(dǎo)行動(dòng),并使事物變得易于理解”。
正如諾曼所描述的,約束有各種形式,包括物理約束、邏輯約束、語(yǔ)義約束和文化約束等,每一種都能夠幫助我們將注意力集中在重要的任務(wù)上,從而幫助我們減少人為失誤的概率。
物理約束限制了可能的操作,比如鼠標(biāo)光標(biāo)不能移動(dòng)到屏幕之外;語(yǔ)義約束暗示了在何處執(zhí)行操作,比如插座一詞的意思就是插頭插腳可以插入的地方;文化約束是社會(huì)習(xí)俗,比如排隊(duì)等候服務(wù);邏輯約束則有助于確定備選方案,比如滾動(dòng)條讓我們知道如何看到屏幕的其余部分。
總結(jié)
諾曼的7條基本設(shè)計(jì)準(zhǔn)則可以幫助用戶(hù)確定問(wèn)題的答案,無(wú)論他們使用的是日常用品還是其它產(chǎn)品。最后我們?cè)賹?duì)這7條準(zhǔn)則加以總結(jié):
1. 可發(fā)現(xiàn)性:讓用戶(hù)更容易理解在哪里可以執(zhí)行操作
2. 反饋:用戶(hù)執(zhí)行操作后得到關(guān)于行動(dòng)結(jié)果的反應(yīng)
3. 概念模型:關(guān)于產(chǎn)品如何使用的簡(jiǎn)單解釋
4. 示能:事物的可被感知的動(dòng)作
5. 意符:準(zhǔn)確告訴我們?cè)谀睦飯?zhí)行操作
6. 映射:控件和控制結(jié)果之間的關(guān)系
7. 約束:幫助用戶(hù)限制可能發(fā)生的交互
設(shè)計(jì)師可以將每一條準(zhǔn)則作為與用戶(hù)交流的特殊策略,當(dāng)我們很好地應(yīng)用了所有準(zhǔn)則,尤其是當(dāng)概念模型能夠符合用戶(hù)的心智模型的時(shí)候,用戶(hù)就能夠正確且有效地使用產(chǎn)品。
北京星誠(chéng)視野網(wǎng)絡(luò)科技有限公司 © 2008-2022 京ICP備09003513-1號(hào) 技術(shù)支持:北京網(wǎng)站建設(shè)公司 北京APP開(kāi)發(fā)