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

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

但不管是追求酷炫积糯,還是因循守舊,如果在設(shè)計(jì)產(chǎn)品時(shí)不站在用戶的角度想問題铝宵,就非常容易造成易用性低下打掘。如果你設(shè)計(jì)的是游戲產(chǎn)品,那當(dāng)我沒說鹏秋,因?yàn)橛螒虮緛砭褪枪室庵圃祀y度讓玩家產(chǎn)生快感尊蚁。但是在大多數(shù)日常產(chǎn)品上,使用難度不是用戶想要的侣夷。

Frustrated User by Steve Krug

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

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

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

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

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

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

鑰匙錢包手機(jī)

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

2. 簡化任務(wù)

Simplify the structure of tasks.

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

如果這個任務(wù)是下象棋的話黔酥,那他的決策樹一定枝繁葉茂,這種類型的任務(wù)步驟繁多八匠,而每一步的選擇又非常的多絮爷,被稱為wide and deep。好在日常任務(wù)多數(shù)都比較簡單梨树,要么是步驟較少坑夯;要么是雖然步驟甚多,但每一步都沒有選擇或者只有很少的選擇需求抡四。只有這樣我們才不會活得很累柜蜈。

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

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

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

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

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

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

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

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

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

4. 正確映射

Get the mappings right.

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

開關(guān)布局

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

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

Exploit the power of constraints, both natural and artificial.

在一些國外的公共小空間恕洲,比如火車車廂塔橡、客人等待室,有時(shí)會在門后隱藏一個置物架霜第。平時(shí)用彈簧收起葛家,貼在墻上。需要放包時(shí)泌类,把置物板放下用包壓住即可癞谒。初看上去,把架子設(shè)計(jì)在門后似乎沒有必要刃榨,畢竟墻上其它地方還有空間弹砚。但仔細(xì)想想,這個架子放下后枢希,門就無法完全打開桌吃,客觀上起到了提醒客人帶走隨身物品的作用。

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

6. 容錯設(shè)計(jì)

Design for error.

用戶天生就愛犯錯。特別是對日常用品的使用允瞧,我們傾向于不過腦子简软,隨手就做了蛮拔。前面提到的許多原則,比如簡化任務(wù)痹升、映射建炫、限制條件,都是為了降低犯錯的可能性疼蛾。但是這并不能完全避免錯誤肛跌。

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

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

7. 標(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)化茂蚓『攫模“世上本沒有路,走的人多了聋涨,也就成了路晾浴。”

qwerty鍵盤

看看上面這個標(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é)會,在其它電腦也不會遇到麻煩般渡。所以標(biāo)準(zhǔn)化成為了易用性設(shè)計(jì)的最后屏障懒豹。

以上就是7個設(shè)計(jì)原則和對應(yīng)的例子啦右蹦,如果覺得文章有用,點(diǎn)擊分享讓更多人看到歼捐。

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

其它文章:
5分鐘讀完《從0到1》
Uber, 交易市場的冷啟動
學(xué)生黨大不同豹储?年輕人的移動App使用習(xí)慣

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末贷盲,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子剥扣,更是在濱河造成了極大的恐慌巩剖,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,273評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钠怯,死亡現(xiàn)場離奇詭異佳魔,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)晦炊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評論 3 398
  • 文/潘曉璐 我一進(jìn)店門鞠鲜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人断国,你說我怎么就攤上這事贤姆。” “怎么了稳衬?”我有些...
    開封第一講書人閱讀 167,709評論 0 360
  • 文/不壞的土叔 我叫張陵霞捡,是天一觀的道長。 經(jīng)常有香客問我薄疚,道長碧信,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,520評論 1 296
  • 正文 為了忘掉前任街夭,我火速辦了婚禮砰碴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘莱坎。我一直安慰自己衣式,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,515評論 6 397
  • 文/花漫 我一把揭開白布檐什。 她就那樣靜靜地躺著碴卧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪乃正。 梳的紋絲不亂的頭發(fā)上住册,一...
    開封第一講書人閱讀 52,158評論 1 308
  • 那天,我揣著相機(jī)與錄音瓮具,去河邊找鬼荧飞。 笑死凡人,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的叹阔。 我是一名探鬼主播挠轴,決...
    沈念sama閱讀 40,755評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼耳幢!你這毒婦竟也來了岸晦?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,660評論 0 276
  • 序言:老撾萬榮一對情侶失蹤睛藻,失蹤者是張志新(化名)和其女友劉穎启上,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體店印,經(jīng)...
    沈念sama閱讀 46,203評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡冈在,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,287評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了按摘。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片包券。...
    茶點(diǎn)故事閱讀 40,427評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖院峡,靈堂內(nèi)的尸體忽然破棺而出兴使,到底是詐尸還是另有隱情,我是刑警寧澤照激,帶...
    沈念sama閱讀 36,122評論 5 349
  • 正文 年R本政府宣布,位于F島的核電站盹牧,受9級特大地震影響俩垃,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜汰寓,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,801評論 3 333
  • 文/蒙蒙 一口柳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧有滑,春花似錦跃闹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至肌访,卻和暖如春找默,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背吼驶。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評論 1 272
  • 我被黑心中介騙來泰國打工惩激, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留店煞,地道東北人。 一個月前我還...
    沈念sama閱讀 48,808評論 3 376
  • 正文 我出身青樓风钻,卻偏偏與公主長得像顷蟀,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子骡技,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,440評論 2 359

推薦閱讀更多精彩內(nèi)容