交互設(shè)計初體驗系列是我在從事交互設(shè)計半年多的時間里在工作中和自我學(xué)習(xí)中積累的一些關(guān)于它的思考和經(jīng)驗，也是對自己今年工作上的獲得的成長和收獲的一個小結(jié)。適合初級的交互設(shè)計師和對交互設(shè)計感興趣的同學(xué)閱讀，很多欠缺的地方希望能和大家多交流。

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

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

交互設(shè)計師是做什么的？

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

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

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

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

那么究竟視覺設(shè)計和交互設(shè)計在內(nèi)容和關(guān)注點上有哪些不同呢？

?體驗的時代的交互設(shè)計

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

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

也沒有人會對一個不知道到底要表達(dá)什么，操作后會發(fā)生什么的頁面進(jìn)行操作，比如這樣

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

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

交互設(shè)計似乎經(jīng)常會和用戶體驗一起被提起,那么用戶體驗又是什么呢？很多人會用一些晦澀難懂的專業(yè)詞匯來解釋，其實一句話就是：“你在使用產(chǎn)品時的主觀感受?！倍玫慕换ピO(shè)計自然就是可以提升用戶設(shè)計體驗而做的設(shè)計了。

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

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

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

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

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

作者：正兒八經(jīng)的盧小盹兒

原文地址：http://www.uisdc.com/interactive-design-initial-experience#