非設(shè)計(jì)專業(yè)的學(xué)生,如何系統(tǒng)的學(xué)習(xí)交互設(shè)計(jì)

非設(shè)計(jì)專業(yè)的學(xué)生，如何系統(tǒng)的學(xué)習(xí)交互

設(shè)計(jì)現(xiàn)在如今從事交互設(shè)計(jì)工作已有三年時(shí)間，希望通過回答這個(gè)問題，來對以往獨(dú)自摸索、自學(xué)路邊的一些經(jīng)驗(yàn)、心得做個(gè)總結(jié)。如果能給當(dāng)前期待從事交互汽車修理外觀設(shè)計(jì)的新朋友些許指引，那就更圓滿了。理論書籍《用戶體驗(yàn)要素：以用戶為中心的開發(fā)設(shè)計(jì)》講述了經(jīng)典的五層框架：戰(zhàn)略層（產(chǎn)品目標(biāo)和用戶需求）、范圍層（功能規(guī)格和內(nèi)容需求）、結(jié)構(gòu)層（交互設(shè)計(jì)和信息架構(gòu)）、框架層（界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)）、表現(xiàn)層（感知設(shè)計(jì)）?？梢詫ヂ?lián)網(wǎng)產(chǎn)品副經(jīng)理、交互設(shè)計(jì)師、視覺設(shè)計(jì)師之間的其他工作流程、職責(zé)有個(gè)初步的認(rèn)識，在后續(xù)學(xué)習(xí)中也大致明白重心該放在哪個(gè)環(huán)節(jié)?！饵c(diǎn)石成金：訪客至上的網(wǎng)頁設(shè)計(jì)秘笈》介紹了don’tmakemethink的幾個(gè)具體指導(dǎo)原則以及可用性測試，第三本小書比較容易理解?！墩J(rèn)知與設(shè)計(jì)：理解UI設(shè)計(jì)準(zhǔn)則》介紹了一些用戶界面設(shè)計(jì)準(zhǔn)則。對于新人來說，常常不弄清楚哪些設(shè)計(jì)是易用的、用戶容易接受的，所以了解一些市場導(dǎo)向設(shè)計(jì)原則可以有助于我們辯證的思考各種設(shè)計(jì)方案之間孰優(yōu)孰劣。《AboutFace3交互設(shè)計(jì)精髓》經(jīng)典書籍，厚厚一本很難讀完。對于新人來說，可以隨便翻翻，先看看目錄，四處尋找那些自己感興趣的、疑惑的章節(jié)讀一讀?！对O(shè)計(jì)師要懂心理學(xué)》介紹人的一些習(xí)慣，如何觀察、閱讀、記憶、思考、集中注意力等等很多方面。了解與我們的設(shè)計(jì)方案交互操作的用戶，是設(shè)計(jì)師需要持續(xù)高度關(guān)注的。實(shí)戰(zhàn)書籍《寫給大家看的設(shè)計(jì)書（第三版）》通過大量示例透露了4大基本設(shè)計(jì)原則——親密性、對齊、重復(fù)、對比，這些原則在界面排版上才非常實(shí)用。作為由非設(shè)計(jì)專業(yè)的學(xué)生來說，學(xué)習(xí)一些基本的原則很有必要?！对O(shè)計(jì)之下：搜狐新聞視聽享受客戶端的用戶體驗(yàn)設(shè)計(jì)》結(jié)合搜狐新聞用戶端互補(bǔ)的項(xiàng)目經(jīng)驗(yàn)，總結(jié)了很多干貨，對于新手可以從中了解實(shí)際的設(shè)計(jì)流程?！镀评O成蝶：路口用戶體驗(yàn)設(shè)計(jì)師的成長之路》《移動應(yīng)用UI設(shè)計(jì)模式》關(guān)于設(shè)計(jì)模式的一本書，我讀過后短文寫了幾篇讀書筆記，對書中的設(shè)計(jì)模式配上平時(shí)搜集的例子以加深理解，比如這篇移動應(yīng)用UI設(shè)計(jì)模式——（1）導(dǎo)航《觸動人心：設(shè)計(jì)優(yōu)秀的iPhone應(yīng)用》如果對iPhone設(shè)計(jì)感興趣，可以讀讀這本書，雖然現(xiàn)在堅(jiān)信例子有些舊，但是也不妨礙我們?nèi)ダ斫饽切├觾?yōu)秀的設(shè)計(jì)例子。設(shè)計(jì)規(guī)范指南iOS8人機(jī)界面指南[ISUX轉(zhuǎn)譯]iOS8人機(jī)界面指南（一）：UI設(shè)計(jì)基礎(chǔ)[ISUX轉(zhuǎn)譯]iOS8人機(jī)界面指南（二）：設(shè)計(jì)策略[ISUX轉(zhuǎn)譯]iOS8人機(jī)界面指南（三）：iOS技術(shù)（上）[ISUX轉(zhuǎn)譯]iOS8人機(jī)界面指南（三）：iOS技術(shù)（下）MaterialdesignMaterialdesign圣瑟韋縣中文指導(dǎo)手冊1.0重磅教程！幫你全面徹底同時(shí)實(shí)現(xiàn)MATERIALDESIGN的學(xué)習(xí)筆記AppleWatch人機(jī)交互指南AppleWatch人機(jī)交互指南UI設(shè)計(jì)基礎(chǔ)（1）AppleWatch人機(jī)交互指南之UI設(shè)計(jì)基礎(chǔ)（2）AppleWatch人機(jī)交互指南之圖標(biāo)與圖片設(shè)計(jì)AppleWatch界面設(shè)計(jì)規(guī)范-模態(tài)表單AppleWatch人機(jī)交互指南之UI元素設(shè)計(jì)設(shè)計(jì)原則易用性十大原則《可用性工程》一書中有章節(jié)專門介紹，非常容易理解、也在設(shè)計(jì)中用的很多的十大原則。移動端設(shè)計(jì)原則，文章推薦很多前輩結(jié)合自己的項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)，總結(jié)了一些建筑設(shè)計(jì)原則，用于自查設(shè)計(jì)方案。也可以通過搜集一些實(shí)例，來理解設(shè)計(jì)原則是如何被應(yīng)用的。手機(jī)客戶端交互設(shè)計(jì)原則及信息展現(xiàn)方式交互設(shè)計(jì)綱領(lǐng)有哪些？需要時(shí)顯示——論App中的功能可見性Chrome瀏覽器的哪些設(shè)計(jì)符合「Don'tMakeMeThink」原則？功法理論知識可以看做是修煉內(nèi)功，實(shí)戰(zhàn)技能則是轉(zhuǎn)化為招式——即設(shè)計(jì)方案。作為新人，最基礎(chǔ)的是有輸出交互設(shè)計(jì)方案的能力。之后更多的是積累都在于如何提出易用性高、用戶差勁喜歡的設(shè)計(jì)方案。交互設(shè)計(jì)輸出物知多少流程圖談?wù)勴撁媪鞒虉D線框圖同樣是來自heidi三篇文章：聊聊線框圖：那些必要的理論和前提為線框圖多留點(diǎn)時(shí)間聊聊線框圖：UED和PD對于線框圖不同的定位交互說明文檔如何詳加編寫交互設(shè)計(jì)詳細(xì)表明文檔體驗(yàn)優(yōu)秀的設(shè)計(jì)想了解優(yōu)秀的設(shè)計(jì)，最靠譜的是去體驗(yàn)、分拆、深挖優(yōu)秀的作品，包括設(shè)計(jì)模式（界面排版）、交互流程、操作反饋、特殊場景的細(xì)節(jié)設(shè)計(jì)等等?？偨Y(jié)設(shè)計(jì)模式設(shè)計(jì)師通常如何發(fā)現(xiàn)靈感？這個(gè)問題中elya推薦了很多設(shè)計(jì)模式類的網(wǎng)站，這是業(yè)界搜集的設(shè)計(jì)模式庫。除了可看他人搜集的，還推薦自己也按照類似的分類方式多搜集設(shè)計(jì)模式。分任務(wù)體驗(yàn)優(yōu)秀的配件選擇特定的任務(wù)，去體驗(yàn)出類拔萃的已經(jīng)完成產(chǎn)品是如何完成這些任務(wù)的（交互流程）。比如，注冊、登錄、發(fā)照片、發(fā)微博、發(fā)語音、評論/回復(fù)等等?？偨Y(jié)設(shè)計(jì)亮點(diǎn)這些設(shè)計(jì)亮點(diǎn)可能歸結(jié)不到上面任意兩個(gè)方面，但是恰恰是這些設(shè)計(jì)亮點(diǎn)最能體現(xiàn)一個(gè)設(shè)計(jì)師的水平。比如我之前寫過微信特別之處發(fā)語音功能的設(shè)計(jì)亮點(diǎn)。為什么要記錄？對我來說是好悟性不如爛筆頭，放在心里琢磨總沒有寫出來印象深刻。從子任務(wù)開始鍛煉對學(xué)生來說，作品很重要。但是對新手而言，完成一個(gè)整體的產(chǎn)品設(shè)計(jì)可能有些。推薦從子任務(wù)的設(shè)計(jì)開始鍛煉，比如前面特別強(qiáng)調(diào)的注冊、登錄、發(fā)照片等等。真正去設(shè)計(jì)的時(shí)候，會發(fā)現(xiàn)有很多細(xì)節(jié)設(shè)計(jì)是過程體驗(yàn)他人產(chǎn)品平時(shí)中容易遺漏的。這個(gè)時(shí)候可以回頭再留意那些細(xì)節(jié)，比較不同的設(shè)計(jì)產(chǎn)品，多問問自己為什么他們要這么設(shè)計(jì)，有何優(yōu)缺點(diǎn)、有何取舍，而自己又該如何設(shè)計(jì)、為什么這樣設(shè)計(jì)。通過子任務(wù)的設(shè)計(jì)練習(xí)，對如何做交互設(shè)計(jì)已經(jīng)有了一些提升隨后之后，可以工作臺給自己布置一個(gè)完整的產(chǎn)品作業(yè)。比如實(shí)現(xiàn)某個(gè)idea化解用戶的某種需求，這個(gè)時(shí)候《用戶體驗(yàn)五要素》的專業(yè)知識就可以派上用場了。嘗試從戰(zhàn)略層開始、一步步基本完成產(chǎn)品的需求分析、功能分析、原型設(shè)計(jì)，甚至視覺設(shè)計(jì)，最終輸出一份完整的作品。設(shè)計(jì)完整的產(chǎn)品這個(gè)階段牽扯到需求分析、導(dǎo)航設(shè)計(jì)、任務(wù)分解、界面排版、跨平臺操作流程等等，再次推薦《破繭成蝶：用戶體驗(yàn)設(shè)計(jì)師的成長之路》這本書，實(shí)用性非常高。主要任務(wù)的線框圖完成之后，別忘了還有很多操作方式反饋、特殊場景的情節(jié)設(shè)計(jì)，《設(shè)計(jì)之下：搜狐新聞客戶端的用戶體驗(yàn)設(shè)計(jì)》一書對于反饋提示總結(jié)的非常棒。設(shè)計(jì)定稿前，雷西縣自查設(shè)計(jì)方案，可看是否有遺漏異常情況的設(shè)計(jì)，推薦文章如何建立交互設(shè)計(jì)自查下圖的作用是用來表達(dá)自己的設(shè)計(jì)方案，初期討論、溝通想法時(shí)用紙幣來的最快最方便。軟件的好處則是利于存檔、多人協(xié)作、傳遞。Axure方法雖然可視化設(shè)計(jì)工具幾年來層出不窮，但是實(shí)用性最強(qiáng)的個(gè)人覺得還是Axure,學(xué)習(xí)成本低、簡單好用、多平臺通用。對于新手，前期可從排版開始練習(xí)畫線框圖，不用沉迷于做復(fù)雜的交互效果，因?yàn)楣ぷ髦锌赡軟]有時(shí)間做非常細(xì)膩的交互動效。當(dāng)然，如果是給大領(lǐng)導(dǎo)演示方案，一些點(diǎn)擊下載安裝輸入還是有必要做的。Origami制作交互動效的工具，感興趣的童鞋可以學(xué)一學(xué)，前期的學(xué)習(xí)成本有點(diǎn)高。Sketch相比Photoshop，Sketch用來設(shè)計(jì)界面更輕便。用戶研究可以看看《贏在用戶》，市面上貌似買不到了，公立學(xué)校圖書館大概能借到。百度商業(yè)UED團(tuán)隊(duì)的用戶研究工程師總結(jié)的［14種經(jīng)典的用研方法］推薦看看。審美與視覺設(shè)計(jì)能力我相信的一點(diǎn)是，當(dāng)你看過足夠多的、優(yōu)秀的界面設(shè)計(jì)之后，審美、配色排版等能力會隨之提升。雖然我自己是自學(xué)自動化——與設(shè)計(jì)完全不著邊的專業(yè)，但是這幾年積累讓我對自己的審美自信心還比較自信，至少得到了合作的視覺設(shè)計(jì)師的認(rèn)可。為了鍛煉自己的視覺設(shè)計(jì)能力，我會做一些練習(xí)。的界面設(shè)計(jì)就是自己圓滿完成。配色從AdobeColorCC挑選再微調(diào)，最終至多的效果至少符合我的喜好。對前端開發(fā)、后臺開發(fā)技術(shù)有一定理解開發(fā)人員幫助我們實(shí)現(xiàn)草稿草圖，如何比較與他們高效溝通非常重要。雖然不需要會所寫代碼，但是了解一些開發(fā)術(shù)語，知道前后臺、數(shù)據(jù)庫之間的關(guān)系是最基礎(chǔ)的。我的經(jīng)歷是，畢業(yè)初期一年多的時(shí)間交互肄業(yè)產(chǎn)品設(shè)計(jì)和前端開發(fā)都要做，對HTML、CSS比較熟悉，JavaScript有些了解。再專業(yè)領(lǐng)域以致自動化專業(yè)也有一些C編程經(jīng)驗(yàn)，所以與開發(fā)同事溝通起來倒沒啥障礙。不過每個(gè)產(chǎn)品的各有不同投資業(yè)務(wù)特點(diǎn)不同，仍然需要實(shí)時(shí)更新對新技術(shù)的理解。以下幾點(diǎn)是我三個(gè)個(gè)人認(rèn)為非常重要的幾個(gè)軟實(shí)力，早一點(diǎn)養(yǎng)成早一點(diǎn)受益。時(shí)間管理交互設(shè)計(jì)方面需要學(xué)習(xí)的知識非常多，如何評估優(yōu)先級、安排學(xué)習(xí)計(jì)劃非常關(guān)鍵。知識管理這幾年我是evernote的深度用戶，非常遺憾的是沒有更遠(yuǎn)早使用它，所以推薦你選擇一款適合你的知識管理工具。關(guān)于知識管理，我的一點(diǎn)心得是別讓的知識分散在各個(gè)角落（各個(gè)網(wǎng)盤、電腦硬盤、存儲工具），確保理論知識有統(tǒng)一存放入