萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 揭開交互設計的神秘面紗

揭開交互設計的神秘面紗

  什麼是交互設計?

  為了讓大家了解交互設計,首先我們來談談交互設計的概念。

  相信很多人都聽說過工業設計、視覺傳達設計、建築設計、環藝設計和服裝設計等,但是除了交互設計從業人員之外,應該很少有人知道交互設計,更不用說理解交互設計的概念了。

  先來扯下歷史:交互設計是於20世紀70年代末80年代初,由兩位工業設計師——Bill Moggridge(交互設計之父,近年剛剛去世) 和Bill Verplank創造出“交互設計”(interaction design)這個詞來描述他們所從事的工作,二位大神當時正在忙於發明世界上第一台筆記本電腦,可見最初交互設計是從電腦行業發展而來的。

  接下來說說其概念:目前為止對於交互設計,有很多國內外的理論專家教授進行了相關的定義。但是每個人的側重點都不同,總的來說從理論層面來講——交互設計是致力於了解目標用戶和他們的期望,了解用戶在同產品交互(互動)時彼此的行為,了解“人”本身的心理和行為特點等,從而設計出讓用戶易用,有效的提升用戶愉悅感體驗的一種設計的方法,其中重點關注用戶的行為和心理是交互設計的重要設計方法。上述交互概念很理論化,抽象化,大家理不理解影響也不是很大,但可以肯定一點的是,交互設計這個方法必然會沿用到設計的各個行業。但在目前來說,交互設計主要集中在的是數碼3C產品界面、互聯網產品、軟件的設計。大約90%都是集中在互聯網產品(如網站、手機app等)和軟件(如office軟件)界面的設計。這樣就導致了很多人認為交互設計就是界面(UI)設計,雖然很狹隘,但是也是有原因的,因為交互設計就是從這類行業產生的。

  暫且拋開概念,為了方便大家更好的了解什麼是交互設計,那麼我們就來看看我國目前交互設計師主要做一些什麼工作吧。

  交互設計師的主要工作

  如下圖:交互設計現在一般可以分為軟交互硬交互 ,軟交互主要是針對於界面的設計,而硬交互主要是實體產品的交互設計,例如和機器人之間的互動設計、體感游戲、手勢交互電視和其他一些數碼類產品等等。

揭開交互設計的神秘面紗 三聯

  目前國內大約90%的交互設計師都是從事軟件界面的設計。現在逐漸國內也開始逐漸出現了從事硬交互的設計師。接下來我們來了解下大多數交互設計師的工作:由於國內互聯網軟件公司比較多,每個公司對於交互設計師的工作都略有差異,但是大多數是相同的。由於公司的結構大小的影響,小一點的公司一般沒有專門的交互設計師,大部分是由pm(產品經理)或者視覺設計師來做交互設計師的工作,pm或視覺設計師代替交互設計師的前提一般是產品結構比較小,不需要太多復雜的交互和體驗。但是倘若你能力很強一個人包打天下也是可以做一些產品結構非常復雜的設計,但一般人的能力終歸有限,而且術業有專攻。目前絕大多數的公司,例如典型的四大門戶,都有專門的交互設計師,而且每個職位分的很明確,這樣也和大公司的結構和批量化產出相匹配。現在逐漸很多小型的公司也意識到交互設計師給產品帶來的價值是不可替代的,所以專門的交互設計師也逐漸開始出現在小公司中。

  接下來我們來看看國內交互設計師所從事的工作和具體的產出:

  幫助pm梳理需求:pm主要是把握產品的方向以及用戶需求的提出,但是pm在提出需求的時候,有可能會太關注需求,而沒有很仔細的從用戶的使用場景、行為、心理等角度來把握需求,所以有可能有的需求是不合理的,所以需要交互設計師共同討論需求的合理性,讓產品變得輕量化。

  根據pm給出的需求列表或者需求文檔,從用戶和產品的角度來思考和設計產品的整體交互框架、設計好的交互方式從而提高交互的效率性和流暢性等。

  輸出產品的交互文檔。

  跟進整個設計的實現進度。

  和視覺設計師溝通,產出預期的視覺效果圖。

  在開發過程中和軟件工程師相互溝通,在技術和設計之間達到平衡。

  產品開發完成後,和QA(測試人員)一起測試,看是否達到設計的要求。

  做一些競品分析,讓產品如何在競品中脫穎而出,提升產品的體驗,讓用戶使用更加方便,愉悅。

  上述這些便是初級的交互設計主要干的一些工作,其實這些工作也只是交互設計師工作的冰山一角,相了解更多交互設計師的工作,最好的方法就是親自來體驗。

  說了這麼說我舉個簡單地設計case來說說交互設計師的設計工作吧:例如我們在手機鎖屏的時候,pm提出如何讓用戶快速的拍照需求,那麼交互設計師就是想出設計方案來滿足界面交互中實現這個需求。

2 Kenny帶你揭開交互設計的神秘面紗

  方案1

  方案1,需要用戶采用下拖拽手勢,將圓環拖動到下面拍照的icon中,就可以調出拍照界面。

03 Kenny帶你揭開交互設計的神秘面紗

  方案2

  方案2,需要用戶在手機界面的右側邊緣向左手勢滑動就可以調出對應的拍照界面。這個兩個調起拍照界面的方法設計,就是交互設計師的工作,如何在界面中最終實現出這個效果,是由GUI設計師來完成的。

  再舉個例子:刪除一個app是采用ios的長按app icon然後在icon左上角調出刪除按鈕,還是長按對應app icon後拖動到對應垃圾桶進行刪除,或者是其他的刪除方式都是由交互設計師來定義的。

06 Kenny帶你揭開交互設計的神秘面紗

  這個兩個例子可以從某種角度上也能體現一點交互設計師的工作。其實交互設計師做的工作並不止這些:例如界面中調出某個功能該采用哪一種方式,對話框,還是直接展開界面調出某些功能?該采用哪些動畫效果等等,都是交互設計需要設計和考慮的。

  交互設計師的產出

  交互設計師最直接的產出就是低保真的交互文檔,文檔中包含任務流程、交互方式、界面布局、轉場描述和流程說明標注等等很多的東西。如下圖是某國內app交互設計師的簡單的交互文檔(考慮對方保密性,細節筆者已處理):

8 Kenny帶你揭開交互設計的神秘面紗

  交互設計師的要求

  為了幫助大家了解交互設計師的具體職位的要求,我們來看看某條典型招聘交互設計師的啟示:

  1. 有1年以上的軟件行業交互設計工作經驗,並有成功案例

  2. 熟悉多類基於互聯網的產品,並能有所見解

  3. 工業設計、計算機、心理學、平面設計、廣告設計等相關專業,本科以上學歷

  4. 熟練運用交互設計各種方法,對用戶體驗方面的理論有較深的了解和認識,對交互設計在產品設計前、中、後期的職責有深刻的理解與實際應用經驗

  5. 良好的跨團隊協作能力,與各部門人員密切合作

  6. 邏輯分析能力強,善於分解任務,溝通和協調;較強的寫作能力

  7. 具備一定的視覺設計和HTML/CSS代碼技能

  第1和第2條:經驗和對產品熟悉不用說,每個行業都一樣。

  第3條:至少4個設計類相關的專業和心理學的專業都有機會,可見交互設計師是一個需要設計學,心理學、行為學和人機工程學等相互交叉的學科。所以上述每個專業都可能得到機會。有人會問到底哪個專業最適合做交互設計?其實客觀的說上述每個專業的人在做交互設計師都有自己的優勢。例如設計類專業的學生,大部分設計的sense肯定不錯,而且設計的各個學科其實很相通,所以好這也是為什麼大部分的交互設計師都是從工業設計和視覺設計轉過來的原因。工業設計的學生懂人機工程學,視覺設計的學生版面能力肯定很棒,而且交互設計需要大家懂心理學和行為學,那麼心理學專業的學生就占有一定的優勢。而且客觀的說,倘若你對交互設計有足夠的天賦,能勝任這個份工作,那麼別的專業也是可以的。還有人會問各大高校有沒有交互設計這個專業,從筆者淺顯的調查分析,交互設計到國內的時間和被大家知道的時間太短了,這也就導致了交互設計這個專業在國內的大學極少,大中專本科有專業更加少的可憐,大部門學校只有研究生才會開這個方向,而且研究生中只有很少的導師能帶這個專業,所以大部分的學生都是跨專業的。

  第4和第5條,也沒啥要說的,和別的設計專業類似,也就是專業能力。

  第6條:由於交互設計師的主要工作是根據用戶的需求、結合不同的場景,設計產品的界面和使用流程,讓用戶在使用時更加易用,這其中需要考慮每個任務的邏輯性、完整性、易用性和流暢性等,所以需要很強的邏輯性。較強的寫作能力

copyright © 萬盛學電腦網 all rights reserved