交互設(shè)計(jì)三大法則
科幻作家艾薩克·阿西莫夫在他的機(jī)器人系列故事中創(chuàng)造了“機(jī)器人學(xué)三大法則”。這些法則被永久性地植入每個(gè)機(jī)器人,作為防止災(zāi)難、保護(hù)人類(lèi)的最后一道保險(xiǎn)。我很好奇,我們最后一道保險(xiǎn)是什么?對(duì)于交互設(shè)計(jì)師而言,三大法則又是什么?
用戶對(duì)于界面的感知,離不開(kāi)它的形式、內(nèi)容和行為。就像工業(yè)與平面設(shè)計(jì)師專(zhuān)注于形式那樣,交互設(shè)計(jì)師將行為作為最重要的元素來(lái)考慮。要通過(guò)設(shè)計(jì)來(lái)左右用戶的體驗(yàn),首先要考慮我們的三大法則,界面的行為如何表現(xiàn),它對(duì)用戶的行為產(chǎn)生什么影響。它們必須得作為穩(wěn)固的基礎(chǔ),在它之上構(gòu)建其他交互設(shè)計(jì)原則。幸運(yùn)的是,我將要運(yùn)用的三大法則早已有人提出——三大法則的主人,Mac電腦項(xiàng)目背后的大腦,Jef Raskin。他在他的著作The Humane Interface的某一頁(yè)中寫(xiě)下了這三條鐵律,本書(shū)在交互設(shè)計(jì)中的地位接近圣經(jīng)。細(xì)細(xì)品讀,你會(huì)發(fā)現(xiàn)現(xiàn)代最流行的用戶界面,都采用了這本里程碑式的著作中的概念與技巧,其中也包括微軟和蘋(píng)果的設(shè)備。
第一法則
善加利用阿西莫夫的三大法則本身,Raskin寫(xiě)道“交互設(shè)計(jì)第一法則應(yīng)該是:電腦不應(yīng)該妨礙你的工作,或由于不作為而使你的工作受到損害”[1]。
我們都應(yīng)該牢記,電腦是一件用來(lái)完成任務(wù)的工具;最終目標(biāo)不可能或極少情況下是使用軟件本身。因此,我們可以一致同意,在電腦上最?lèi)毫拥捏w驗(yàn)就是讓工作蒙受損失。唯一一件比丟失已完成的工作更糟的,是丟失無(wú)法精確還原的數(shù)據(jù),比如創(chuàng)意類(lèi)的工作。
當(dāng)你鍵入時(shí),應(yīng)用應(yīng)當(dāng)如實(shí)反映數(shù)據(jù),并盡可能防止你丟失工作??赡苣銜?huì)覺(jué)得這只是工程師該考慮的。開(kāi)發(fā)者應(yīng)該確保他們的軟件有防護(hù)措施和冗余,來(lái)防止數(shù)據(jù)丟失(還有一些潛在bug),不是嗎?實(shí)際上,數(shù)據(jù)保護(hù)與工作保存也是界面設(shè)計(jì)的任務(wù),作為設(shè)計(jì)師必須預(yù)先行動(dòng)——通過(guò)用戶研究——發(fā)現(xiàn)用戶會(huì)如何損失工作,或是不得不重復(fù)工作。這就意味著要加入一些保護(hù),比如強(qiáng)大的撤銷(xiāo)功能和破壞性操作保護(hù),來(lái)防止無(wú)意的數(shù)據(jù)丟失。很棒的一個(gè)例子就是GitHub倉(cāng)庫(kù)的刪除對(duì)話框,它確實(shí)發(fā)揮作用,不同于其他確認(rèn)對(duì)話框,它強(qiáng)迫你輸入倉(cāng)庫(kù)名稱(chēng)才能繼續(xù)。這個(gè)技巧很聰明,在刪除過(guò)程中迫使用戶的注意力集中到倉(cāng)庫(kù)名上。安全措施防止用戶習(xí)慣性的操作導(dǎo)致?lián)p失。
GitHub刪除確認(rèn)對(duì)話框。
第一法則也適用于保存用戶的工作相關(guān)與內(nèi)容本身。比如,要選擇一系列項(xiàng)目進(jìn)行操作(比如說(shuō)文件),需要大量的精力。因此,建議在工作流程中保留選中狀態(tài),將它們保存在一個(gè)可以撤銷(xiāo)的操作列表中。類(lèi)似的,如果界面允許用戶對(duì)元素進(jìn)行自定義或排序,這些排序或自定義都應(yīng)該保存下來(lái)。
為什么Apple的Time Machine和自動(dòng)保存,還有Dropbox的歷史版本這么棒,就因?yàn)樽袷亓说谝弧胺▌t”。它們承認(rèn)人類(lèi)會(huì)犯錯(cuò)這個(gè)事實(shí),盡管用戶可能會(huì)觸發(fā)一個(gè)破壞工作或數(shù)據(jù)的操作,那并非他們的意圖。
Apple的“瀏覽所有版本”功能非常棒。
第二法則
Raskin繼續(xù)寫(xiě)道,好的第二法則應(yīng)該是“電腦不該浪費(fèi)時(shí)間,或要求你做非必要的工作”[2]。
很常見(jiàn)的情況,用戶肩負(fù)眾多任務(wù),因?yàn)槿斯?zhí)行一項(xiàng)任務(wù)比編寫(xiě)一個(gè)系統(tǒng)讓它自動(dòng)執(zhí)行簡(jiǎn)單的多。這些情況下,如果技術(shù)允許,電腦應(yīng)該承擔(dān)起這些工作。比如迫使用戶選擇信用卡的類(lèi)型,雖然從卡號(hào)就可以推斷出來(lái)。
Stripe就做對(duì)了,自動(dòng)檢測(cè)信用卡的類(lèi)型。
用戶學(xué)習(xí)一套新的界面或系統(tǒng)數(shù)據(jù)模型,所花的時(shí)間與精力也要納入考慮,要與總工作量取得平衡。用效率較低的方式執(zhí)行一項(xiàng)操作,或許比學(xué)習(xí)一種高效的新方式再操作工作量少。用戶只原意與少量界面進(jìn)行交互。至于其他,稍加犧牲效率,換取更加直觀的操作或許是值得的。
假設(shè)某種狀況下你需要迫使用戶改變他們自己的思維模式,這時(shí)需要謹(jǐn)慎。因?yàn)檫@項(xiàng)設(shè)計(jì)抉擇會(huì)影響用戶的內(nèi)容結(jié)構(gòu)(通常出于技術(shù)要求),而非讓他們自己決定如何組織信息,或是使用他們熟悉的結(jié)構(gòu)。優(yōu)秀的界面以用戶最想要最易懂的形式展現(xiàn)信息系統(tǒng)。
以多數(shù)銀行希望你存錢(qián)的方式為例。通常,你需要把錢(qián)分幾個(gè)賬戶存,或是存在一個(gè)賬戶上,然后自己判斷哪些不該花。Simple用了另一個(gè)方案。相比強(qiáng)迫用戶思考存款的運(yùn)轉(zhuǎn)方式(比如在銀行賬戶中),Simple讓你簡(jiǎn)單通過(guò)“目的”設(shè)置任意數(shù)量的錢(qián),這些數(shù)目與之后的交易一起,都在“可使用”余額的追蹤下。
Simple的“可使用”能辨認(rèn)出人們確切的用錢(qián)方式。
第三法則
我相信,Raskin的書(shū)余下的所有部分,講的就是第三法則。他說(shuō)界面應(yīng)該是人道主義的;它應(yīng)當(dāng)“響應(yīng)人類(lèi)的需要,并且體諒人類(lèi)的弱點(diǎn)”[3]。
這是整部以用戶為中心的設(shè)計(jì)的核心定律,由此得到其他的交互設(shè)計(jì)原則。好的交互設(shè)計(jì)永遠(yuǎn)都會(huì)尊重人腦和身體的局限。它有必要對(duì)我們的本能物理反應(yīng)和文化價(jià)值保持敏感。
讓界面變得人道主義的一個(gè)例子,是圍繞人們同時(shí)只能注意一件事情進(jìn)行設(shè)計(jì)。比如,鍵盤(pán)大寫(xiě)鎖定鍵上的指示燈。它本身并不是個(gè)好的解決方法,無(wú)法避免誤觸開(kāi)啟大寫(xiě)鎖定模式,因?yàn)橛脩舭聪聲r(shí),關(guān)注點(diǎn)通常不在按鍵上。Mac的密碼輸入就處理得很好,它在輸入框內(nèi)提供了視覺(jué)指示,表明大寫(xiě)鎖定被開(kāi)啟了,用戶此時(shí)就在看輸入框。
大寫(xiě)鎖定的信息就在你需要的地方。
“響應(yīng)用戶需求”的一個(gè)例子,是在他們進(jìn)行操作或執(zhí)行工作流程時(shí),持續(xù)展示用戶關(guān)心的內(nèi)容(注意:他們關(guān)心的是目的,而不是你的應(yīng)用)??纯碅mazon,它自動(dòng)顯示你查看的鏡頭是否匹配你近期購(gòu)買(mǎi)的相機(jī)。
Amazon的相機(jī)鏡頭匹配組件。
最后一條“定律”是交互設(shè)計(jì)定律的精髓。在今天的世界,要知道設(shè)計(jì)界面非常重要的一點(diǎn)就是人道主義,從認(rèn)知的格式塔原則和平面設(shè)計(jì)原則,到相關(guān)的文化心理學(xué)。我們的工作永無(wú)止境。隨著時(shí)間流逝,技術(shù)前景和我們的文化環(huán)境在緩慢改變,我們將顛簸前行,繼續(xù)演進(jìn)我們的設(shè)計(jì)與設(shè)計(jì)流程。
無(wú)論如何,這三條定律是我不斷回溯的基本準(zhǔn)則,它們?cè)偃蔀槌晒Φ慕缑娴脑嚱鹗T谀銢Q策界面的外觀和行為時(shí),牢記它們很有幫助,不論你最終設(shè)計(jì)的美學(xué)樣式如何。
總結(jié)
- 電腦不應(yīng)該妨礙你的工作,或由于不作為而使你的工作受到損害。
- 電腦不該浪費(fèi)時(shí)間,或要求你做非必要的工作。
- 界面應(yīng)該是人道主義的;它應(yīng)當(dāng)響應(yīng)人類(lèi)的需要,并且體諒人類(lèi)的弱點(diǎn)。
作者信息:
Diogenes Brito
A craftsman of order and clarity. Product Designer?@SlackHQ?(slack.com). Formerly a designer and engineer?@Squarespace, UX?@LinkedIn.?http://uxdiogenes.com
#專(zhuān)欄作家#
可樂(lè)橙,微信公眾號(hào):可樂(lè)橙(colachangreen)。人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家,UI/UX設(shè)計(jì)師,關(guān)注互聯(lián)網(wǎng),關(guān)注科技?,F(xiàn)居杭州,與小伙伴們正在創(chuàng)業(yè)途中?;蛟S不是一名優(yōu)秀的設(shè)計(jì)師,至少是個(gè)快樂(lè)的設(shè)計(jì)師。
轉(zhuǎn)載請(qǐng)保留上述作者信息并附帶本文鏈接
- 目前還沒(méi)評(píng)論,等你發(fā)揮!