萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 一個交互新人的交互設計初體驗

一個交互新人的交互設計初體驗

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

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

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

  交互設計師是做什麼的?

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

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

一個交互新人的交互設計初體驗 三聯

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

1jh20151231

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

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

2jh20151231
3jh20151231

   體驗的時代的交互設計

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

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

4jh20151231

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

5jh20151231

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

6jh20151231

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

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

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

7jh20151231
8jh20151231
9jh20151231

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

02917156803fa40000013c5db6ef02

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

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

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

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

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

608064836554511179
copyright © 萬盛學電腦網 all rights reserved