如何自學用戶體驗設計（內附大量資源）

首先，我得坦白，關於用戶體驗設計的技能，我並不是完全靠「自學」得來的。我總共花費了三年時間接受設計方面的高等教育。簡單來說，這不是一個「在沒有學位的情況下如何獲得體面工作」的故事。我確實在學校學了很多關於研究，批判和合作的知識。但是，我發現我認識的所有業內的成功人士都是很厲害的自學者。最重要的是，我意識到許多設計技能和知識是可以，甚至說不得不在課堂外進行學習的。

我是在大學裡學習一門和設計不相干的專業（商科）的時候開始自學設計的。最開始的時候，設計只是我的一門愛好，然後漸漸地這門愛好變成了我想全職去做的事業。從那以後，我一直在尋找在線資源和教程來自我提高，並且向業內比我厲害的人學習，這些學習資源大多數都是免費的。

回顧過去，我很幸運能進入一個大多數人都樂意分享經驗和知識的領域，這讓我能夠準備好我的第一個作品集來申請設計學校並最終改變我的人生軌跡。直到現在，在業內呆了這麼多年後，我依舊在很大程度上利用這在線學習資源。

許多人在還不是這個圈子的一員的時候問我，如何開啟用戶體驗設計生涯。我的回答很簡單——「想成為設計師就得去設計」。雖然半開玩笑，但在一定程度上確實如此。接下來，我會放一些UX自學者必讀的清單以及一些個人筆記來告訴你們我是如何開始自學的。我的目的不是去用另外一個UX資源的清單嚇你們，而是去分享一些我自己學過的並且真的覺得有啟發的必要的資源。

理論部分

什麼是用戶體驗設計

• Wikipedia User Experience Design: 這個維基百科頁面解釋了什麼是用戶體驗設計以及它的起源。
• InfographicThe Intricate Anatomy Of UX Design: 一張大圖揭示了用戶體驗設計和其他各種設計的關係。

設計流程

• Article An Introduction to Design Thinking Process Guide (by Hasso Plattener from Stanford d.school): 設計的迭代過程經歷了移情用戶，定義問題，想法，原型設計和測試。
• Video IDEO Shopping Cart Project: 在我上學時，在不同課上，這個視頻至少被要求看過四遍以上。
• Website The design sprint (by Google Ventures): 設計衝刺是一個五天的過程，通過設計，原型製作以及和顧客測試想法來解決關鍵的商業問題。這個過程對快節奏的組織和創業公司是非常有效的。

設計/研究方法

• Article Complete Beginner』s Guide to UX Research (by UX Booth): 關於UX研究實踐的一個很好的概述。
• Book Observing the User Experience, Second Edition: A Practitioner』s Guide to User Research: 這是我在華盛頓大學讀人機交互碩士時的要求書目。雖然我沒有完全讀完，但我認為它是一本很好的參考書，裡面有很可觀的高質量的案例。
• Book 101 Design Methods: A Structured Approach for Driving Innovation in Your Organization (by Vijay Kumar): 當你尋找好的設計/研究方法時，它是一本很好的參考書。
• Website Design Kit from IDEO.org: 一些設計方法和案例研究的介紹。

產品設計

• Book The Design of Everyday Things: Revised and Expanded Edition(by Don Norman): 行業大師寫的優秀的入門書：基於心理，人體工程學和設計實踐解釋如何以及為什麼——一些產品能使用戶滿意而有些卻只能讓用戶失望。

網頁設計

• Book Don』t Make Me Think, Revisited: A Common Sense Approach to Web Usability (3rd Edition) (Voices That Matter) (by Steve Krug): 最受喜愛和推薦的網頁設計書籍之一。

UI設計

• Website Material Design Guidelines: 谷歌的視覺設計規範。
• Website iOS Human Interface Guidelines: 蘋果的視覺設計規範，概述了對質量和功能的期待。谷歌和蘋果的設計規範我都逐字讀過。

平面設計

• Book Design Elements, 2nd Edition: Understanding the rules and knowing when to break them?—?Updated and Expanded (by Timothy Samara): 平面設計基礎包含了表單，空間，顏色，類型，圖片以及組合。
• Article Design Principles: Visual Perception And The Principles Of Gestalt: 這個理論解釋了為什麼整個設計比單個對象更重要。
• Article Font Design?—?How Designers Choose Which Fonts To Use (by Janie Kliever): 了解如何選擇字體以及在哪裡找到它們。

設計工具

如何學習

我發現，看在線教程是學習一個新的設計軟體的最有效的方法。你可以根據自己的節奏邊學邊實踐。有許多網站（免費或訂閱）提供無數的各種主題的設計教程：Lynda.com ,Tuts+, Skillshare, Udemy, Coursera,僅舉幾例。

每當我需要學習一個新工具，我通常去這些網站，完成這個工具的一個基本的培訓（3-8小時）。做這件事需要掌握足夠的基本知識，然後把玩這個工具軟體。除此之外，我會定期跟蹤我感興趣的課程，以擴大我的技術範圍。

學什麼

• 平面設計：Adobe Photoshop, Adobe Illustrator, Affinity. (Affinity是後起之秀，和Adobe公司的產品很像，但評價更好一些）
• 界面設計：Sketch。我使用Sketch來製作線框圖和高保真界面。 Design + Code （上半部）是本介紹如何使用sketch做移動界面設計的很不錯的電子書。
• 交互原型：我推薦使用InVision來創建簡單的可點擊的熱區，用Principle或Framer創建更多可定製和複雜的原型。
• 動效和視頻：Adobe After Effects。這個軟體可幫你製作動態icon和產品演示視頻。

前端

如何學習

關於「設計師是否需要會寫代碼」的爭論由來已久。根據我自己的經驗，學寫代碼不僅可以幫助我設計界面，同樣也可以幫助我理解工程師的工作。因此，我和同事的關係以及我們之間的溝通質量得到了顯著的提升。所以我的答案是，設計師應該儘可能多地學習寫代碼。

和設計類似，有許多網站提供編程的基礎教程：Treehouse, Lynda.com, Udemy, Code School, Codecademy。

然而，不同於設計，我發現，如果你是從0開始學，通過閱讀書籍來學習編程更有效，因為書通常深入到代碼邏輯中，這是理解更高級概念的基礎。

學什麼

• HTML：Book HTML5: The Missing Manual (by Matthew MacDonald)
• CSS：Book CSS: The Missing Manual (by David Sawyer McFarland): 我花了兩個月的時間仔細地閱讀上述兩本書，同時手動編寫我的第一個作品集網站。這兩個月是我學習編程最寶貴的時間。
• Javascript & jQuery: Book JavaScript & jQuery: The Missing Manual(by David Sawyer McFarland): 我知道設計師學習Javascript（JS）可能是一個艱巨的任務。說實話，我沒有/不能讀完這本書，但讀完前五個章節使我在編寫簡單的過渡和應用JS庫方面真的很有幫助！
• iOS development: e-Book Design + Code (second half)是一個很棒的課程旨在幫助設計師了解iOS 開發的基礎知識。

業界

設計靈感

• Dribbble：一流的視覺/ UI設計在線社區。目前，您需要來自Dribbble社區成員的邀請才能開始分享您的作品。不要害羞，去要一個吧。
• Behance：一個類似於Dribbble的社區，但它不需要邀請即可分享。
• Pinterest：我個人使用Pinterest收集設計靈感。

設計生涯：

• Article UI, UX: Who Does What? A Designer』s Guide To The Tech Industry: 本文介紹了UX設計師，UI設計師，視覺設計師，交互設計師，UX研究員，前端開發人員和產品設計師之間的區別。
• Article How to Get Any Job You Want (even if you』re unqualified):非常好的工作搜索技巧，教你如何在眾多候選人中脫穎而出。
• Article The Unfair Truth About How Creative People Really Succeed: 建立網路，連接和關係的建議。
• Article The Ninja Skill for UX Designers?—?Earning Your Whiteboard Belt: 一步步教你在設計評審中勝出。

設計/產品寫作：

• 我關注的一些博客：Backchannel, Facebook Design, Google Design, Prototyping: from UX to Front-end, uxdesign.cc。
• 我喜歡的作者： Aarron Walter, Cathryn Lavery, Chris Messina, Julie Zhuo, Marshall Haas, Meng To, Mike Monteiro, Tobias van Schneider。

設計播客：

• Design Details and The UXIntern都是對經驗豐富的設計師的採訪。我特別關注他們的背景以及他們如何進入到這個領域的。

設計活動：

Meetup和Eventbrite。

所以...所有這些需要多少費用？

對我來說不多（對你來說可能也不是很多）。上面的大部分鏈接已經公開和免費。我從圖書館借了大多數的書。對於教程，我的母校和本地圖書館都授予我免費訪問http://Lynda.com。唯一不可避免的成本是設計軟體，我把它當做是對我的職業的投資。

文章最後，我想說，這份清單只代表了迄今為止我個人的學習歷程。我相信還有很多其他不錯的教程。如果有好的東西出來，我打算繼續更新這個列表。希望你能喜歡。

原文：How to teach yourself UX design

作者：Kai-Ting Huang

翻譯：Darin