交互設(shè)計(jì)書(shū)單 | 10本設(shè)計(jì)原則的好書(shū)幫你進(jìn)階學(xué)習(xí)
作品被品評(píng)：感覺(jué)不對(duì)啊。設(shè)計(jì)師先懵一下，然后不知所措的改啊改，廢寢忘食，一直改到大家都滿(mǎn)意……這個(gè)故事每天都在上演。想知道如何擺脫這種困境，今天這10本設(shè)計(jì)原則相關(guān)的好書(shū)就別放過(guò)了。
優(yōu)秀的設(shè)計(jì)總有對(duì)應(yīng)的人群，掌握基本的味覺(jué)體系是基礎(chǔ)技能。夯實(shí)基礎(chǔ)，才有可能五味調(diào)和。
味覺(jué)與原則對(duì)應(yīng)關(guān)系
每個(gè)國(guó)家和民族，都有自己的味道�！秴问洗呵铩け疚丁诽岬健罢{(diào)和之事，必以甘、酸、苦、辛、咸”，現(xiàn)代人對(duì)味覺(jué)的總結(jié)已經(jīng)遠(yuǎn)遠(yuǎn)超過(guò)這五種，選取其中的10種味道，對(duì)應(yīng)10本設(shè)計(jì)原則書(shū)籍。
辣，Book＃12《簡(jiǎn)單法則》
香，Book＃13《通用設(shè)計(jì)法則》
咸，Book＃14《秩序之美》
酸，Book＃15《認(rèn)知心理學(xué)》
甜，Book＃16《贏在用戶(hù)》
色，Book＃17《信息可視化》與《圖解力》
麻，Book＃18《微交互》
苦，Book＃19《Landing Page優(yōu)化權(quán)威指南》
臭，Book＃20《設(shè)計(jì)敗道》
鮮，Book#21《用戶(hù)體驗(yàn)與可用性測(cè)試》
Book.1《簡(jiǎn)單法則》
一本關(guān)于「簡(jiǎn)單」的小冊(cè)子，書(shū)本身就非常簡(jiǎn)單，句句切中要害，沒(méi)有任何廢話。
作者「前田約翰」，世界知名圖像設(shè)計(jì)師、視覺(jué)藝術(shù)家、IT科技專(zhuān)家，兼具理性思維和藝術(shù)氣質(zhì)。
總結(jié)《簡(jiǎn)單法則》，10原則，3個(gè)要點(diǎn)。
1. 減少：達(dá)到簡(jiǎn)單的最簡(jiǎn)單方法，就是用心割舍
2. 組織：妥善組織能使復(fù)雜的系統(tǒng)顯得比較簡(jiǎn)單
3. 時(shí)間：節(jié)省時(shí)間會(huì)讓人感到簡(jiǎn)單
4. 學(xué)習(xí)：知識(shí)使一切變得更簡(jiǎn)單
5. 差異：簡(jiǎn)單和復(fù)雜相輔相成
6. 背景：簡(jiǎn)單的周邊事物絕非無(wú)關(guān)緊要
7. 感情：感情越多越好
8. 信任：相信簡(jiǎn)單
9. 失�。河行┦挛锊豢赡芎�(jiǎn)單
10. 單一：簡(jiǎn)單就是減少明顯的，增加有意義的
三個(gè)要點(diǎn)：
遠(yuǎn)離：只要挪得遠(yuǎn)遠(yuǎn)的，多就會(huì)顯得少
開(kāi)放：開(kāi)放會(huì)簡(jiǎn)單化復(fù)雜
能源：少用，會(huì)得到更多
道理大家都懂，寫(xiě)出來(lái)就是一張A4紙。但是，把「力求簡(jiǎn)單」融入腦�；牍撬�，難上加難，讓設(shè)計(jì)團(tuán)隊(duì)的其他成員接受簡(jiǎn)單，也沒(méi)那么容易。
關(guān)于簡(jiǎn)化設(shè)計(jì)，書(shū)籍非常多，比如《簡(jiǎn)約之上：交互式設(shè)計(jì)四策略》也可以讀一讀；當(dāng)然，如果能把《簡(jiǎn)單法則》理解掌握，其他的類(lèi)似書(shū)籍，完全不必再讀。
Book.2《通用設(shè)計(jì)法則》
如果《簡(jiǎn)單法則》是小辣椒，那么這本《通用設(shè)計(jì)法則》就是一包五香粉。
那些公眾號(hào)，一會(huì)推送《交互設(shè)計(jì)的七大法則》，一會(huì)搞出《體驗(yàn)設(shè)計(jì)九大策略》，請(qǐng)不要輕信。設(shè)計(jì)法則，來(lái)自先輩們的積累，究竟有多少設(shè)計(jì)法則？數(shù)都數(shù)不清，本書(shū)也只是從浩瀚法則中選取了125個(gè)常用的（第一版為100個(gè)法則）。
有一種吐槽：設(shè)計(jì)法則會(huì)降低設(shè)計(jì)師的IQ。
如果只知道幾個(gè)法則，難免固步自封；一旦掌握海量法則，就會(huì)發(fā)現(xiàn)有趣的事。
奧卡姆剃刀：如無(wú)必要，勿增實(shí)體；泰思勒定律：事物存在臨界點(diǎn)，超過(guò)臨界就無(wú)法再簡(jiǎn)化。這兩個(gè)定律貌似是相互違背，實(shí)際上是相互作用形成閉合。
一個(gè)設(shè)計(jì)只應(yīng)用一個(gè)法則，這種事兒幾乎不存在；你知道的法則越多，就會(huì)越靈活的組合使用，最后你可能忘掉法則，完全遵從一種良好的設(shè)計(jì)習(xí)慣。
五帽架、古登堡規(guī)律、斐波那契數(shù)列、輸入垃圾輸出垃圾……這些對(duì)Hozin影響比較大；面部比例、大草原、恐怖谷……這幾個(gè)很好玩；每個(gè)人都能通過(guò)法則建立良好的習(xí)慣。
格式塔原理，最重要的視覺(jué)法則；如果視覺(jué)問(wèn)題，只要掌握這一個(gè)規(guī)律即可（熟練掌握真的很難）；重復(fù)一邊，如果你在從事視覺(jué)設(shè)計(jì)，你面臨的一切問(wèn)題都可用「格式塔原理」解決。
Book.3《秩序之美》
鹽為百味之本，尺寸規(guī)劃是建立界面秩序的根本。
無(wú)數(shù)文章講述如何建立柵格系統(tǒng)，但是介紹具體使用柵格，并不多見(jiàn)。也有很多設(shè)計(jì)師認(rèn)為：嚴(yán)格遵守尺寸規(guī)范會(huì)限制創(chuàng)新……
依賴(lài)柵格不是讓設(shè)計(jì)千篇一律，正確運(yùn)用柵格系統(tǒng)規(guī)劃尺寸，需要掌握一些系統(tǒng)方法；同時(shí)，如果進(jìn)行響應(yīng)式Web設(shè)計(jì)，幾乎一定要認(rèn)真選擇柵格系統(tǒng)了。
實(shí)際工作中，圖片比例規(guī)范、控件尺寸通常是由視覺(jué)設(shè)計(jì)師確定的。當(dāng)然，視覺(jué)設(shè)計(jì)人員身兼交互工作是很常見(jiàn)的；作為一個(gè)只畫(huà)原型的交互設(shè)計(jì)師，Hozin也希望原型是建立在柵格體系之下（低保真也至少要具備相關(guān)思考）。
《秩序之美：網(wǎng)頁(yè)中的網(wǎng)格設(shè)計(jì)》講述了依賴(lài)柵格設(shè)計(jì)四個(gè)關(guān)鍵界面的流程，討論了布局、尺寸規(guī)劃的具體思路。
十年前，有幾個(gè)學(xué)習(xí)前端技術(shù)的中國(guó)孩子，每天研究BBC的Global Visual Language文檔，受益匪淺，后來(lái)恍然大悟，原來(lái)這就是柵格，就是秩序的來(lái)源。
Book.4《認(rèn)知心理學(xué)》
在國(guó)內(nèi)，心理學(xué)的處境很尷尬，理科生認(rèn)為它是文科，文科生認(rèn)為它是理科。
普通人印象中的心理學(xué)是各種精神分析、同理心、話療……實(shí)際上，心理學(xué)的研究過(guò)程是這樣的： 觀察現(xiàn)象建立假說(shuō)，通過(guò)大量試驗(yàn)數(shù)據(jù)驗(yàn)證假說(shuō)，通過(guò)大量被驗(yàn)證的假說(shuō)構(gòu)建心理學(xué)體系。
在心理學(xué)眾多分支中，認(rèn)知心理學(xué)Cognitive與各類(lèi)設(shè)計(jì)工作關(guān)系最接近；認(rèn)知心理學(xué)從人腦解剖結(jié)構(gòu)開(kāi)始，一步一步揭示人類(lèi)的感知、反饋、記憶力，抽象概念、邏輯思維、信息聯(lián)想，也統(tǒng)統(tǒng)被心理學(xué)研究了……
當(dāng)然，格式塔原理在這本書(shū)里也有涉及，再說(shuō)一遍，如果你在從事視覺(jué)設(shè)計(jì)，你面臨的一切問(wèn)題都可用格式塔原理解決。
日常設(shè)計(jì)應(yīng)用的心理學(xué)書(shū)籍，Hozin認(rèn)為只讀這一本就足夠了，其他所謂《XX設(shè)計(jì)心理學(xué)》相對(duì)比較業(yè)余（業(yè)余，但容易理解）。
Book.5《贏在用戶(hù)》
10年前，大家在爭(zhēng)論一個(gè)問(wèn)題：設(shè)計(jì)師到底要不要假裝自己是用戶(hù)？
現(xiàn)在，幾乎每一家培訓(xùn)機(jī)構(gòu)都在交互課程里安排了Persona，用戶(hù)畫(huà)像仿佛普及了。
創(chuàng)建用戶(hù)畫(huà)像多簡(jiǎn)單啊，找個(gè)親切可人的頭像，幾個(gè)小時(shí)就能編出一堆故事；然并卵，拍腦袋出來(lái)的Persona有用么？對(duì)于互聯(lián)網(wǎng)產(chǎn)品，用戶(hù)已經(jīng)用腳印投過(guò)票了！
科學(xué)創(chuàng)建用戶(hù)畫(huà)像這件事兒，越來(lái)越依賴(lài)數(shù)據(jù)分析；Persona在設(shè)計(jì)種扮演的角色，越來(lái)越像「輔助線」，不斷提醒設(shè)計(jì)者遵從或如何打破用戶(hù)習(xí)慣。
交互設(shè)計(jì)是一種技能，用戶(hù)研究是另外一種技能，請(qǐng)不要混淆。交互設(shè)計(jì)師一定要懂用研么？不一定！用戶(hù)研究應(yīng)該交給更專(zhuān)業(yè)的人員，至少，不能簡(jiǎn)單把「用戶(hù)調(diào)查」和「用戶(hù)研究」混為一談。
《贏在用戶(hù)》在2007年出版，從“您不是您的用戶(hù)”出發(fā)，從定性研究到定量研究?jī)蓚�(gè)角度，詳盡介紹了獲取用戶(hù)數(shù)據(jù)、創(chuàng)建Persona并依據(jù)它們進(jìn)行設(shè)計(jì)驗(yàn)證；包含大量具體的分析例子和表格，是一本內(nèi)容豐富的專(zhuān)業(yè)譯著。
Book.6《信息可視化》與《圖解力》
交互設(shè)計(jì)是一種形式主義，一道看家菜，除了好吃，還要色香味俱全。
人類(lèi)80%以上的信息通過(guò)視覺(jué)獲得，一圖勝千言；為了顯示數(shù)據(jù)，發(fā)明了坐標(biāo)、柱狀圖、餅狀圖、蜘蛛圖……等等信息圖（infographic）
如何正確使用這些圖形，具體采用何種維度、何種坐標(biāo)系、何種動(dòng)態(tài)關(guān)系；如何突出重點(diǎn)，簡(jiǎn)化視覺(jué)負(fù)擔(dān)；如何用圖表欺騙用戶(hù)（別笑，這個(gè)可以有）……雖然市面上有大量信息可視化工具，但如果不懂得基本原理，就沒(méi)辦法靈活運(yùn)用，更談不上創(chuàng)新。
市面上有關(guān)視覺(jué)可視化的書(shū)籍非常多，Hozin手邊至少有六七本，各有千秋，綜合比較下來(lái)，推薦如下：
偏邏輯分析的交互人員，請(qǐng)看《信息可視化》Robert Spence
偏視覺(jué)設(shè)計(jì)的交互人員，請(qǐng)看《圖解力》木村博之
其他值得一看書(shū)籍：
《鮮活的數(shù)據(jù)》Nathan Yau
原打算把數(shù)據(jù)可視化相關(guān)書(shū)籍單獨(dú)成篇，但它們實(shí)在太雷同，作罷。
Book.7《微交互》
麻，很像是一種味道，但又不是一種味道�！段⒔换ァ罚芟褚槐尽附换ツＪ健箷�(shū)籍，但又不是一本「交互模式」書(shū)籍。Hozin糾結(jié)了很久，終于沒(méi)有把它歸入「模式篇」。
麻，不是一種味道，而是一種觸覺(jué)；準(zhǔn)確的說(shuō)是某些化學(xué)物質(zhì)，刺激皮下神經(jīng)，帶來(lái)了50赫茲的震顫。
由唐納德·諾曼作序（連寫(xiě)四本《設(shè)計(jì)心理學(xué)》的那位），從觸發(fā)、規(guī)則、反饋、循環(huán)四個(gè)方面，對(duì)普通意義上「設(shè)計(jì)模式」進(jìn)行了追加。
優(yōu)化微交互，在上下文維度精耕細(xì)作，突破了普通模式的傻大笨粗，讓用戶(hù)使用順暢，甚至充滿(mǎn)驚喜。
《微交互》是一本很輕巧的書(shū)，只有130頁(yè)；內(nèi)容都似曾相識(shí)，把常見(jiàn)模式拆分的細(xì)，進(jìn)行局部改造；偏移動(dòng)端的交互，建議和“大公雞”一起讀。
另外一本《瞬間之美》也是講述局部技巧的書(shū)籍，值得讀一讀。
Book.8《Landing Page優(yōu)化權(quán)威指南》
五味之中，轉(zhuǎn)化最苦。吃得苦中苦，方為……
交互設(shè)計(jì)人員需要非常了解流量分析么？戰(zhàn)略層面的分析，不太需要；戰(zhàn)術(shù)層面的分析必須掌握，比如A/B測(cè)試。
科學(xué)的A/B測(cè)試，是不斷提升轉(zhuǎn)化的手段；如何衡量界面使用數(shù)據(jù)，分析轉(zhuǎn)化原因，野生的文章比較多，系統(tǒng)的書(shū)籍也不少，挑來(lái)選去，還是推薦這本《Landing Page 優(yōu)化權(quán)威指南》。
這不是一本印刷精美的書(shū)，你必須認(rèn)真讀每一個(gè)字符，圖標(biāo)，章節(jié)，才能有所獲得。
Book.9《設(shè)計(jì)敗道》
臭，也是一種味道。有些食客「掩鼻拒之」，有些老饕「嗜臭如命」。
設(shè)計(jì)禁忌，是一類(lèi)很特殊的書(shū)籍。它們不會(huì)告訴你“應(yīng)該怎么做”，而是記錄了一些被驗(yàn)證的錯(cuò)誤方法，即“設(shè)計(jì)師不應(yīng)該做什么”。
您不是您的用戶(hù)，您以為您的用戶(hù)，就是您以為的么？
設(shè)計(jì)就必須是UCD？設(shè)計(jì)就是體驗(yàn)？體驗(yàn)一定能賺錢(qián)？
為什么絕大部分初創(chuàng)產(chǎn)品的錯(cuò)誤都是低級(jí)的？
設(shè)計(jì)不是比優(yōu)秀，而是比誰(shuí)少犯錯(cuò)……
學(xué)習(xí)醫(yī)術(shù)，應(yīng)該是從解剖尸體開(kāi)始，一步一步了解健康的真諦。
《搞砸了的設(shè)計(jì)》《Web設(shè)計(jì)禁忌》《GUI設(shè)計(jì)禁忌》也都推薦讀一下。
Book.10《用戶(hù)體驗(yàn)與可用性測(cè)試》
保鮮，是一門(mén)技術(shù)；交互體驗(yàn)的鮮嫩爽滑，需要進(jìn)行可用性測(cè)試。
只要提到可用性測(cè)試，幾乎一定就是尼爾森的十大原則；不需要查閱其他任何文章了，完全徒勞。
1. 狀態(tài)可見(jiàn)
2. 環(huán)境貼切
3. 撤銷(xiāo)重做
4. 一致性
5. 防錯(cuò)
6. 易獲取
7. 靈活高效
8. 易掃讀
9. 容錯(cuò)
10. 人性化幫助
《可用性工程》原書(shū)比較晦澀，偏學(xué)術(shù)；DMMT作者Steve Krug寫(xiě)的《妙手回春：網(wǎng)站可用性測(cè)試及優(yōu)化指南》寫(xiě)的太簡(jiǎn)單；日本設(shè)計(jì)師「樽本徹也」寫(xiě)的這本《用戶(hù)體驗(yàn)與可用性測(cè)試》詳實(shí)可靠，甚至反思了尼爾森十大原則的局限，非常推薦。
交互設(shè)計(jì)書(shū)單后記
或許，很多交互設(shè)計(jì)老手、大牛，會(huì)對(duì)本篇推薦的圖書(shū)不屑一顧：這些書(shū)很老套，很過(guò)時(shí)呀！Hozin倒是覺(jué)得真正的知識(shí)不會(huì)過(guò)時(shí)，只有那些快餐才會(huì)很快腐朽。
|
