從七個(gè)案例看如何高效設(shè)計(jì)易用的日常產(chǎn)品

0 評(píng)論 22957 瀏覽 17 收藏 12 分鐘

我們?cè)诓煌念I(lǐng)域觀察到特別不同的傾向:互聯(lián)網(wǎng)設(shè)計(jì)師們都在談?wù)摽犰藕蜆O簡(jiǎn)之類概念,而傳統(tǒng)日常用品的設(shè)計(jì)師則傾向于延用慣例。

但不管是追求酷炫,還是因循守舊,如果在設(shè)計(jì)產(chǎn)品時(shí)不站在用戶的角度想問題,就非常容易造成易用性低下。如果你設(shè)計(jì)的是游戲產(chǎn)品,那當(dāng)我沒說,因?yàn)橛螒虮緛?lái)就是故意制造難度讓玩家產(chǎn)生快感。但是在大多數(shù)日常產(chǎn)品上,使用難度不是用戶想要的。

277335-a1556328ee507e02

Frustrated User by Steve Krug

每一次鑰匙插反打不開門,每一次開錯(cuò)開關(guān)打開旁邊的燈,每一次伸手去拉本應(yīng)該推的門,用戶都會(huì)產(chǎn)生沮喪的心理。《The Design of Everyday Thing》就是一本從心理學(xué)角度講述易用性設(shè)計(jì)的書。與互聯(lián)網(wǎng)人??吹脑O(shè)計(jì)書不同,這本書更多地討論了生活用品中的設(shè)計(jì)原則和巧思。

全書內(nèi)容頗多,心理學(xué)專業(yè)敘述內(nèi)容也不少。今天就用7個(gè)案例來(lái)提煉一下書中講到的日常用品設(shè)計(jì)原則。

善于運(yùn)用外部信息,解放用戶的大腦

Use both knowledge in the world and knowledge in the head.

日常用品最重要的設(shè)計(jì)原則就是減少用戶的大腦負(fù)擔(dān)。這個(gè)世界上有兩種知識(shí),一種是在人腦中記住的知識(shí),一種是在外部世界中輕易可獲得的知識(shí)。舉個(gè)“栗子”,在機(jī)場(chǎng)火車站由于每個(gè)路口都有指示牌,所以用戶不必把地圖記在自己有腦中(大家回憶一下能記住某個(gè)火車站的地圖么),使用負(fù)擔(dān)大為下降。

人的記憶是脆弱的,據(jù)說短時(shí)記憶只能記住5到7個(gè)事情,而長(zhǎng)期記憶又需要花費(fèi)比較多的時(shí)間進(jìn)行提取。所以要鼓勵(lì)設(shè)計(jì)師多使用外部提示。比如我自己,為了防止出門忘帶某個(gè)重要的東西,常常會(huì)把東西放在出門時(shí)要換的鞋上,這樣“出門穿鞋”這個(gè)動(dòng)作成為了我的外部提示信息。

277335-0285981825f3cbec

鑰匙錢包手機(jī)

上面這個(gè)寫著“KEY WALLET CELL-PHONE(鑰匙錢包手機(jī))”的地墊就是設(shè)計(jì)師使用外部信息降低用戶記憶負(fù)擔(dān)的例子。出門換鞋時(shí)一低頭,媽媽就再用不用擔(dān)心我們出門忘帶東西了!

簡(jiǎn)化任務(wù)

Simplify the structure of tasks.

多數(shù)日常生活中的任務(wù),我們都是在不停地做選擇,不過我們一般沒有關(guān)注到這一點(diǎn)。比如我現(xiàn)在口渴了,我可以選擇忍一忍、喝水或是買飲料,而每個(gè)選擇又會(huì)引起對(duì)后續(xù)動(dòng)作的選擇,自至問題解決、任務(wù)完成。

如果這個(gè)任務(wù)是下象棋的話,那他的決策樹一定枝繁葉茂,這種類型的任務(wù)步驟繁多,而每一步的選擇又非常的多,被稱為wide and deep。好在日常任務(wù)多數(shù)都比較簡(jiǎn)單,要么是步驟較少;要么是雖然步驟甚多,但每一步都沒有選擇或者只有很少的選擇需求。只有這樣我們才不會(huì)活得很累。

277335-8b75a5dd0660056e

任務(wù)的樹狀結(jié)構(gòu)

現(xiàn)在大家都熟知的Excel其實(shí)只是Spreadsheet的一種。在Spreadsheet出現(xiàn)以前,各個(gè)公司都會(huì)高價(jià)雇大量的會(huì)計(jì)師處理他們的財(cái)務(wù)表格,并且每次改動(dòng)一個(gè)數(shù)據(jù),都會(huì)導(dǎo)致數(shù)天的額外工作。

這個(gè)時(shí)候電子化制表工具出現(xiàn)了,從外觀上看,電子表格和原來(lái)的表格沒有任何區(qū)別。但是其中的計(jì)算工作全部變成了自動(dòng)化的公式,只要輸入input,全表自動(dòng)更新。這相當(dāng)于縮短了原有任務(wù)的中間步驟,大大簡(jiǎn)化了任務(wù)結(jié)構(gòu)(任務(wù)從wide and deep變成了shallow task)。同時(shí)由于外觀的相似性,用戶習(xí)得成本又很低。

從中可以看到科技對(duì)任務(wù)簡(jiǎn)化的作用。于是,電子表單迅速流行,人們甚至為了使用Spreadsheet專門去購(gòu)買Apple電腦(注意這是在1970s年代)。早期甚至有不少會(huì)計(jì)師使用電腦快速制表,然后仍然假裝手工工作,以此來(lái)延長(zhǎng)工作時(shí)間以便向用戶收取更多費(fèi)用。

讓信息可見,降低任務(wù)執(zhí)行和結(jié)果評(píng)估中的信息鴻溝

Make things visible: bridge the gulfs of Execution and Evaluation.

用戶喜歡“掌控感”,這源自我們對(duì)未知的厭惡。所以信息可視化十分重要。這種可視化包括兩個(gè)方面:一是可選動(dòng)作可視化,二是動(dòng)作結(jié)果的可視化。前者解決用戶“這個(gè)產(chǎn)品怎么用”的問題,后者解決“我做得對(duì)嗎”的問題。

試想一下一個(gè)沒有門把手的玻璃門,用戶很可能不知道應(yīng)該從哪邊推門,這就是產(chǎn)品的可選動(dòng)作不可視。

而動(dòng)作結(jié)果的可視化,通俗的講就是“反饋”。一個(gè)常見的反饋的例子就是電腦中的進(jìn)度條。其實(shí)進(jìn)度條在任務(wù)完成的過程中,并沒有功能上的作用,最大的作用是給用戶以反饋信息,告之系統(tǒng)狀態(tài)。對(duì)于一個(gè)需要2秒鐘才能打開的網(wǎng)頁(yè),如果沒有進(jìn)度條,用戶很可能不知道發(fā)生了什么事。有了進(jìn)度條后,看著進(jìn)度蹭蹭蹭往前走,會(huì)覺得時(shí)間也縮短了許多。這種未來(lái)狀態(tài)的可知性,形成了用戶的“掌控感”。

正確映射

Get the mappings right.

不知道你有沒有過在公共場(chǎng)合(大堂、演講廳、辦公室)開錯(cuò)電燈開關(guān)的經(jīng)驗(yàn)。在這種場(chǎng)合,數(shù)十個(gè)開關(guān)往往排成一排,必須嘗試多次之后,才明白如何控制相應(yīng)的開關(guān)。在設(shè)計(jì)上講,這就是關(guān)系映射不清楚。

277335-06812cc0f1509de2

開關(guān)布局

上圖是書中的一個(gè)開關(guān)示例,因?yàn)槊姘迳系拈_關(guān)是按照房間平面圖布置的,所以普通人可以很快地找到映射關(guān)系。這個(gè)設(shè)計(jì)也同樣反映了第一條“把信息放在外部,解放人的大腦”的原則。

合理運(yùn)用限制條件

Exploit the power of constraints, both natural and artificial.

在一些國(guó)外的公共小空間,比如火車車廂、客人等待室,有時(shí)會(huì)在門后隱藏一個(gè)置物架。平時(shí)用彈簧收起,貼在墻上。需要放包時(shí),把置物板放下用包壓住即可。初看上去,把架子設(shè)計(jì)在門后似乎沒有必要,畢竟墻上其它地方還有空間。但仔細(xì)想想,這個(gè)架子放下后,門就無(wú)法完全打開,客觀上起到了提醒客人帶走隨身物品的作用。

這就是一個(gè)利用限制條件達(dá)成產(chǎn)品目的的例子。所以說,限制不一定是壞事,完全自由不一定是好事。因?yàn)樵诋a(chǎn)品使用過程中,自由度越大,往往花在選擇上的時(shí)間,和選擇錯(cuò)誤的可能性都會(huì)增大。比如前面提到的,站在門前不知道應(yīng)該推還是拉的例子,如果我們把門把手去掉,換成一塊鋼板,相當(dāng)于限制了用戶進(jìn)行“拉”的動(dòng)作,那選擇問題就迎刃而解了。

容錯(cuò)設(shè)計(jì)

Design for error.

用戶天生就愛犯錯(cuò)。特別是對(duì)日常用品的使用,我們傾向于不過腦子,隨手就做了。前面提到的許多原則,比如簡(jiǎn)化任務(wù)、映射、限制條件,都是為了降低犯錯(cuò)的可能性。但是這并不能完全避免錯(cuò)誤。

所以另一條路是,在設(shè)計(jì)之初就考慮到用戶錯(cuò)誤,讓系統(tǒng)盡可能的可恢復(fù),不會(huì)因?yàn)橐粋€(gè)失誤造成大的災(zāi)難。

新的ios系統(tǒng)在照片的刪除功能中加入了容錯(cuò)機(jī)制。所有刪除的照片都會(huì)被暫時(shí)放到一個(gè)回收站,30天后才由系統(tǒng)自動(dòng)清除。如果用戶發(fā)現(xiàn)誤刪,仍然可以找回,而不會(huì)造成永久性的丟失。

標(biāo)準(zhǔn)化

When all else fails, standardize.

如果應(yīng)用了各種易用性設(shè)計(jì)原則,仍然找不出最優(yōu)的解決方案。那么就應(yīng)該遵循行業(yè)規(guī)范,把產(chǎn)品的外觀、操作、結(jié)果標(biāo)準(zhǔn)化?!笆郎媳緵]有路,走的人多了,也就成了路?!?/p>

277335-e1d17c4492b897b5

qwerty鍵盤

看看上面這個(gè)標(biāo)準(zhǔn)的qwerty鍵盤,字母的位置極為詭異:即不是按字母順序擺放,也不是把最常用的組合放在一起。就是這樣鍵盤,由于在合適的時(shí)點(diǎn)進(jìn)行了推廣應(yīng)用(機(jī)械打字機(jī)時(shí)代),讓大多數(shù)人都習(xí)慣了鍵位,所以成為了實(shí)際標(biāo)準(zhǔn)。雖然剛開始學(xué)習(xí)qwerty鍵盤的時(shí)候?qū)W習(xí)難度很高,但一旦學(xué)會(huì),在其它電腦也不會(huì)遇到麻煩。所以標(biāo)準(zhǔn)化成為了易用性設(shè)計(jì)的最后屏障。

 

考拉產(chǎn)品觀察是我的個(gè)人博客,轉(zhuǎn)照請(qǐng)注明作者并保留本版權(quán)說明。

作者:考拉產(chǎn)品觀察

來(lái)源:http://www.jianshu.com/p/c7686264678f#

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!