編者按：今天這篇好文總結了學習UI/UX 的3個階段：學習UX + UX設計實踐 +建立UX人脈圈，每一個階段都包含超多實用的設計教程和資源，想自學但迷茫的同學建議閱讀。

知乎@菲比：UX不等于原型圖，很多人一上來就是畫原型圖也是醉了，前期的用戶調研才是最重要。

我之前在國內互聯網公司做過產品，后來在英國讀HCI專業，下面總結在Google找到各種知名公司lead給出的意見，主要分為兩點：學習UX + UX設計實踐 +建立UX人脈圈。 因為國外UX方面的內容比較多 ，部分資源可能需要爬墻。

學習UX + UX設計實踐 +建立UX人脈圈，學習UX + UX設計實踐 +建立UX人脈圈，學習UX + UX設計實踐 +建立UX人脈圈（重要的事情說3遍）

一、學習UX

a. 經典書籍推薦：Read my list of UX resources for beginners （初學者必看的經典書籍，包含視頻+書籍），先從看書開始吧。
b. 最新書籍推薦：Great books for designers to read in 2016
c. UX廣播： my blog post about my favorite UX podcasts
d. UX網站：UX網站實在太多了，質量不一，推薦幾個干貨：UX?—?UI Readings（Medium上UX/UI文章集合），Dribbble, The Best Designs and Awwwards （可以在上面關注一些大牛，看他們的設計，得到靈感）， All You Can Learn（這個網站集合了世界上最棒的UX專家的資源和文章，還有live seminar），Inspiration and helpful links for User Experience Designers（這個網站集合了所有的UX網站，果然你喜歡收藏各種網站，點這個）。

**不想看英語的可以看：國內互聯網企業UED博客集合 · Issue #9 · foru17/front-end-collect · GitHub

e. 工具的學習：Adobe Photoshop & Illustrator 等，在學習階段，用什么工具都是次要的， 我在英國的UX項目，老師從不care我們用什么工具，只要你能表現出交互過程即可，不過既然想往職業發展，還是掌握基礎工具吧。Design tuts，Lynda and Skillshare。（這3個網站可以教你如何學習工具）

學習的時候要做筆記！做筆記！做筆記！重要的事情講3遍

二、UX設計實踐（最重要！）

重點還是要實踐，光看不動手，那是紙上談兵，而且很多UX工作招聘是要有作品集的，你不實踐，哪來的作品集啊。

Q：我不是UX專業的，沒有項目可以參與，怎么實踐啊？
A：很多人一提到UX，就直接認為是畫原型圖，一上來就畫原型圖，這樣是錯誤的，UX涉及到太多方面了，要搞清楚UX設計的過程啊，太懶了，貼一些課件吧。

基于前面學習的基礎上，你應該已經知道了UX設計的具體流程以及各個流程的要點， 要開始動手啦。實踐主要分為幾個階段。

1、第一階段：分析現有熱門APP或者WEB

如果你沒有如果的積累，沒有體驗過很多的APP或者WEB，一上來讓你直接UX設計是很難的，所以第一階段應該是分析現有熱門APP或者WEB。

熱門的產品在UX方面相對有考究，分析產品不要只是分析他們的頁面交互方式啊，這樣是不夠的，一切交互都是要建立在是否方便用戶學習、使用，方便解決他們的需求。要

1）分析他們的主要目標用戶群是哪些？這些用戶群有什么樣的特點？

比如說美團外賣這個APP， 目標用戶群應該是學生藍領白領等中低收入人群，而不是高端收入人群。 這些中低端收入人群有什么特點呢？這些你可以通過網上查找資料，看產品所有人的說法以及其他人的分析

2）分析他們的核心功能，功能的優先級。分析用戶的使用場景，一個功能通常對應多個用戶場景，這些場景也是要有優先級的。

3）然后分析他們各個場景的交互方式，判斷這個功能的布局，交互方式是否能夠方便用戶快速解決他們的核心需求，交互方式是否滿足用戶使用場景。分析不要貪多，認認真真做好一個app的分析就能收益不少，分析要細致。

比如說：如果一個app的核心功能需要用戶點擊好幾次才能用到的話，這樣的交互設計是有問題的。功能為用戶服務，交互為功能場景服務，交互要將功能更好的呈現給用戶。

比如說輸入密碼時，就有不同的交互方式：a.已輸入的字符用小黑點隱藏，當前輸入字符明文顯示后隱藏；b. 直接用...形式隱藏密碼；c.提供是否顯示密碼選項給用戶。這幾種交互方式有什么優缺點？哪個更能滿足主要的用戶場景呢？

如果銀行APP的輸入密碼的交互，有一種場景，用戶在戶外輸入密碼，旁邊可能有人，而且銀行密碼這個要求安全性很高，所以交互方式應該選擇b（直接用...形式隱藏密碼），有因為在用戶輸入密碼時，旁邊可能有人，為了防止他們故意瞄看記住鍵盤順序，從而盜取密碼，銀行APP的輸入密碼的交互應該還要加上隨機鍵盤按鍵順序，每次輸入密碼，鍵盤按鍵順序應該變更。

4）分析產品，不要只單單分析它一個，還要分析的它的競爭對手。國內很多APP是互相抄襲的，所以建議不要只分析國內產品，也要分析國外的產品。

5）分析出他們交互的優缺點之后，要想想怎么改進啊，以前面試過一些人，很多人只會吐槽，但是說起如何改進起來就是啞口無言啊。。。如果你是UX設計師，你會采用什么樣的交互方式？為什么？你的交互方式滿足了用戶特征嗎？你的交互方式對應哪個用戶場景啊？

以上所講的分析更多是縱向分析，分析要細致，一開始分析的時候的確會有些難。

分析還可以橫向分析，比如說很多電商app都有支付功能，你可以挑選出幾個具有代表性的電商app，然后橫向分析他們支付功能的交互。

2、第二階段：模仿臨摹

1）注意：

【臨摹】不是【抄襲】，抄襲是不考慮用戶使用場景，不管三七二十一，不考慮任何用戶因素，直接把結果照抄。
【臨摹】在的目的在于練習。臨摹有幾個階段：

• 把常用的交互方式的優缺點都復制到你的腦海里，吸收轉化成自己的東西。最開始的時候要做到的就是也就是全盤復制，不要去自作聰明做任何改動，可以分析一下GOOGLE和APPLE發布的官方材料。

• 在完全掌握了目前最優秀的做法后，就可以根據自己的認識和經驗對其進行改進，就是突破既有標準。但如果在還沒有掌握號基礎之前就想突破，很容易就心浮氣躁，反倒不好。

• 最后是創新。這個階段最難，就是自成一派，變成別人的標桿。

2）臨摹資源：

臨摹資源有很多，dribbble和behance上面會有很多交互設計時分享他們的整個設計過程，還有可以參考知名院校畢業生的作品集，比如CMU HCID的學生作品集，收獲會很多的。同時，還可以看一些設計咨詢公司的優秀案例，多個緯度橫向、縱向對比分析，然后自己按照優秀的作品集的思路重新做一遍，做完之后，放幾天，然后再繼續改進。

3、第三階段：自己從頭設計一個產品

這個階段你就可以挖掘身邊的需求啊，自己嘗試從頭設計一個app， 認認真真把所有的設計流程做一遍，市場調研？（雖然這些在公司里大多是產品經理弄的或者老板直接敲定。）目標用戶群？（如何劃分目標用戶），用戶群的特點是什么？（時間有限的話可以看一些權威論文），用戶需求（如何用戶調研，如何獲取他們的需求?），用戶使用場景？設計？用戶測試？迭代改進？等等一系列的東西。

如果你實在不想挖掘需求，可以去app store或者android市場找一些用戶量多的或者剛出來很火的app， 看應用市場里app下載頁里的app功能描述，然后嘗試自己設計這些功能的交互。（感謝評論里的 李走開。）

在實踐階段，不過是分析，還是自己設計，都可以把這些東西放在自己的博客或者Behance或者DRIBBBLE上，將來找工作的時候，都可以是自己的作品集。

4、第四階段：嘗試找實習或者正式工作

我之前的設計部同事也是半路出家，自學UX設計的，他之前的專業與這個完全沒有關系。

三、建立UX人脈圈

要往UX方向發展，自然少不了這個行業里的人脈，人脈建立可以有以下幾個途徑，歡迎補充。

1）社交網絡：可以在Facebook上找一些網頁或者組織，當地會有很多UX的人聚會的活動，可以多參與勾搭；twitter上面follow一些人。國內的，在知乎，微博等地方都可以勾搭到相關UX設計的，多給他留言互動， QQ群或者微信群也會有一些線下見面會，多參與。

2）關注一些UX大牛的博客、Behance或者DRIBBBLE，多給他留言互動，久而久之內推什么的都不是問題，同時，自己的個人博客也要持續更新啊，這樣和別人搭話也能讓別人知道你們的熱情。

3）參與一些UX的論壇會議之類的，這些有一些是要收費的，但是各種大牛哦。

「優設七月份的交互設計好文」

畫線框圖之前要做哪些事？
《畫線框圖前，交互設計師要做的3件事》

網易云音樂設計師的教程：
《超全面！教你打造美觀清晰易使用的交互文檔》

為AR應用做設計有哪些要注意的？
《現在超火！為AR應用做交互設計時需要思考的3個問題（有彩蛋）》

原文地址：zhihu

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量160萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com