入門經驗分享！一個交互新人的交互設計初體驗

@正兒八經的盧小盹兒 ：交互設計初體驗系列是我在從事交互設計半年多的時間里在工作中和自我學習中積累的一些關于它的思考和經驗，也是對自己今年工作上的獲得的成長和收獲的一個小結。適合初級的交互設計師和對交互設計感興趣的同學閱讀，很多欠缺的地方希望能和大家多交流。

交互設計師這個職業似乎是這幾年才開始在中國的一些公司慢慢出現，正處在一個發展的階段。之前也很少聽到有關于這個職業的介紹和培訓。而這兩年隨著“用戶體驗”越來越多的被運用到產品的設計和商業的發展中，交互設計也在被更多的公司和企業所重視，雖然依然有很多的老板依然分不清UI和UE的差別，依然有很多公司里，交互和產品經理是同一個人，交互和視覺也是同一個人。

在中國，設有交互設計這個專業的大學目前也只有兩個學校：江南大學和香港理工大學。而我作為一個插畫設計專業出身的交互新人，在畢業之后沒有去做美工也沒有去當插畫師，而是順應著自己的興趣和一點點的幸運進入到這個行業，如今我已經是個半歲多的交互設計師，雖然沒有在一個大的公司參與更多有挑戰的項目，但是依然在這半年里在自己的工作和實踐中積累了一些經驗和心得體會。之所以不知天高地厚的在這里和大家分享自己的交互初體驗，并不是因為有多么牛的閱歷和多么成功的項目。從畢業時的迷茫徘徊到現在篤定自信的堅持選擇交互設計這個職業作為我未來職業生涯的開端，一路的抉擇和思考，不斷的突破和打破自己，每一個挑戰和成長，感悟和堅定都使我擁有一份勇氣和責任在這里和大家一同分享一同成長，希望能給初入交互設計行業的新人或者有興趣加入到這個行業的新人一點建議和啟發，也是對自己從事交互設計行業以來的一點總結吧，歡迎大家拍磚吐槽，和我交流。

交互設計師是做什么的？

關于交互設計師的解釋，引用在《破繭成蝶》中作者向他的朋友介紹自己職業的時候的一段話：“我是一名建筑設計師，不過我不設計房子，我設計互聯網產品，比如產品的結構、信息層級、使用流程等。”這樣說，可能對于大多數不曾接觸過這個行業的人還是有些難以理解，那我就先以大多數人比較了解的視覺設計師作為對比來講一下它和交互設計師的區別，再通過幾個例子的對比來為你解答這個問題。

在開始先了解一下GUI（視覺設計師）和UE（交互設計師）之間的區別。作為一個初入交互設計行業的人來說在這上面多少會對有一些困惑，我也曾掙扎過，在想是放棄做交互繼續做視覺還是繼續堅持最初的選擇。原因在于，第一：在工作中，交互設計師的產物一般都是線框圖，流程圖，信息構架，交互文檔等可視性沒那么強的產物，大部分的時間是用在調研，和小組成員腦暴、思考分析、畫圖。比如這樣

但是視覺設計師的工作似乎看起來就更有意思一些，它所設計出的結果似乎每個人都能一定的發言權，并且都可以根據自己的主觀感受做出評價，比如下面這幾張海報：

是不是很賞心悅目呢，但是欣賞完之后，除了贊嘆設計師的別具匠心和大開的腦洞，但它們似乎并不能為你解決什么問題。

那么究竟視覺設計和交互設計在內容和關注點上有哪些不同呢？

?體驗的時代的交互設計

上周末去參加了TEDxcaohejing名為“體驗者”的交流大會，到場的五位嘉賓分別從他們的各自的領域向我們介紹在他們工作的過程中如何將“體驗”二字貫徹到實際的項目中去，從而得到用戶口碑和商業盈利上的提升。用戶的主導權越來越重，決定用戶二次消費的很大一部分原因就是在于第一次使用時的用戶體驗好壞與否。不得不說，現在已然是一個“體驗的時代”，那么交互設計在這個體驗的時代究竟在體現怎樣的價值，在扮演著什么樣的角色呢？

在過去，人們獲取信息的方式主要依靠電視新聞、廣播和報紙來獲取信息，這是信息in the past的時代；而現在，web2.0時代的到來，智能手機的普及4G網絡的覆蓋，讓越來越多的人感受到移動端網帶給我們的便捷和獲取信息的高效，任何新聞都不再是單一渠道發布，我們獲取信息的方式越來越多，我們接受新鮮事物的速度也越來越快，越來越多新的商業模式開始衍生，越來越多的常態用戶被改造，我們想知道的可以立馬知道，我們想買的東西也能在互聯網上立馬找到，所有的有形的無形的事物都被集中在一塊塊的電子屏幕后面被我們瀏覽，而我們獲取這些信息最常用的途徑就是手機，移動端開始成為整合服務的入口，成為連接人和服務的最佳入口，現在是一個信息in the now的時代。那么在這樣一個信息快速流通，人們越來越焦慮，越來越沒耐心的時代，不再會有人心甘情愿盯著一個沒有提示并且勻速加載的進度條一等等幾個小時，比如這樣

也沒有人會對一個不知道到底要表達什么，操作后會發生什么的頁面進行操作，比如這樣

還有讓選擇恐懼癥的你不禁菊花一緊的設計，這個應該很多人都眼熟的

這些設計已經足以使本寶寶的心肌梗賽了，何談用戶體驗呢？那么好的交互設計究竟可以做些什么呢？如何才能避免這些令人心塞的設計以提高用戶的體驗？

交互設計似乎經常會和用戶體驗一起被提起,那么用戶體驗又是什么呢？很多人會用一些晦澀難懂的專業詞匯來解釋，其實一句話就是：“你在使用產品時的主觀感受。”而好的交互設計自然就是可以提升用戶設計體驗而做的設計了，在這里分享一個視頻，用三分鐘告訴你什么是用戶體驗，然后我們再接著聊交互設計到底在做些什么。鏈接在此?http://meia.me/course/168058

然后再放出幾個最常見的例子來看看好的交互設計會如何做。

以上是截取的某寶web端上的單品購買頁面，如果今年雙十一天貓960多億的交易額也有你貢獻的一份，先憋急著喊剁手，先來思考一下馬大叔家的設計師們都做了些什么，為什么購物車的按鈕會一直懸浮在頂部，為什么花費大量的空間去提升用戶的信任度，為什么購物車和加入收藏的按鈕顏色不一樣？那些你曾不注意過小細節往往就是引領著你走向剁手者聯盟的關鍵啊親！！這些都是交互設計需要思考的問題。

上面是微信的公共平臺的注冊頁面的反饋提醒，每操作到下一步，它就會對于上面的錯誤輸入給出及時的反饋并給出解釋，這讓我覺得很容易就知道自己哪里做錯了并且知道如何修正。

以上的例子對比，應該能讓你大概知道如何區分什么是好的交互設計什么是不好的交互設計了。而一個好的交互設計師，是能夠幫助用戶高效愉悅的完成產品最初所設想的任務而不受任何阻礙和打擊，使你的產品設計更加符合用戶的心智模型。如果你是做電商，你就需要知道你面對的用戶是哪幾種類型的人，都有什么樣的購物習慣，他們一般在什么情景下最容易做出購買決策，什么情景下最容易放棄。如何引導他們做出決策，如何讓他們對無形的商品產生信任并為之付出消費，這些看似和交互設計沒什么太大的聯系的，往往都和交互設計師的工作密不可分。

第一期的分享總結就到這里啦，下一章將和大家聊聊交互職業生涯的不同階段所面對的難題以及交互設計師需掌握的幾個能力和快速成長的方法。雖然能力有限寫的不夠好，但是希望能或多或少給你們帶來一些小小的啟發和幫助。

有問題可以加作者私人微信：mollylulu263

歡迎關注作者集創人喵卡的微信公眾號喲：

【為了這8個指南也得存書簽！】

1. 平面設計：《超贊！設計師完全自學指南》
2. 交互設計：《交互設計師修煉指南！教你從零開始成為優秀交互設計師》
3. UI設計：《超實用新手指南！零基礎如何自學UI設計？》
4. 前端開發：《天貓高手來教你！零基礎如何系統地學習前端開發？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
7. DPI指南：《基礎知識學起來！為設計師量身打造的DPI指南》
8. 交互設計自學路徑圖：《零基礎入門！給非科班生的自學路徑圖之交互設計篇》

作者：@正兒八經的盧小盹兒

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

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