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