交互設計 ? 從業6年的設計師跟你聊聊交互設計和人機交互

從業6年的設計師跟你聊聊交互設計和人機交互

發表于: 交互設計. 評論
Sponsor

這一年都在做人機交互相關的項目,這些項目和我工作前幾年的工作不太一樣,所以本篇文章我打算寫一下自己對交互設計和人機交互的一些看法,如果讀者對這個話題有自己的看法,可以在評論區留言交流。

從業6年的設計師跟你聊聊交互設計和人機交互

在職業生涯的前 4.5 年,身為交互設計師的我,主導或者參與過的項目經歷從中國市場到海外市場,例如歐美、東南亞以及日本市場;從用戶產品到商業產品;DAU 從個位數到九位數中間每個數字都有相關的產品經歷,包括搜索產品、相機產品、輸入法產品、社交產品甚至是游戲也做過;從圖形用戶界面設計到語音交互設計;從軟件設計到軟硬件一體的設計也做過,例如投影儀和汽車;從應用設計到系統設計,包括橫跨手機、Pad 和 PC 的 Windows 10 UWP 設計、投影儀的 Launcher 以及汽車中基于 GUI 和 VUI 融合的操作系統,相信這些項目經歷應該是其他交互設計師很難在短期內經歷到的??赡艽蠹視f為什么你的項目這么雜亂,你究竟有沒有深耕進去?在這里我可以很負責任地說我的交互設計稿幾乎都是一稿通過,但我更想表達的是,因為形形色色的項目經歷能讓我對交互設計有著更深刻的理解和看法,總的來說交互設計師的工作內容可以分為三部分,它們分別是研究、溝通和畫稿。

第一部分是研究分析,包括用戶研究和競品分析。用戶研究對于一個剛進某領域的設計師來說尤其重要,因為你要了解你的用戶群體才能做出好的設計。做日本、歐美以及東南亞市場的產品是很不一樣的,日本網民的年齡段分布比較均勻,加上這群用戶比較難接受新的變化,所以你的設計很難做到快速迭代和改版;東南亞用戶的移動設備相對歐美用戶來說比較落后,如果你為歐美用戶做的功能很耗電或者對性能的要求很高,對東南亞用戶來說就是一個災難。不同區域以及年齡段的用戶群體他們的審美也是不一樣的,你可能認為絕大部分用戶都喜歡“高大上”的設計,其實十幾歲或者經濟較落后地區的用戶就是喜歡五顏六色的設計。只有了解更多當地的文化和用戶的喜好,你才能做出貼近用戶的設計。

競品分析就是不斷地體驗其他產品更新了什么,下線了哪些功能,還要思考這些功能哪些可以被我們所用,哪些是不好的設計我們應該要避免?;叵肫?2015 年我剛工作的時候,在手機百度團隊每位設計師每隔一段時間就要分析其他搜索 APP 做得怎么樣,尤其是 Google 和 Naver 的設計,當然我們關注的是交互設計和視覺設計,包括這些競品的界面布局、交互邏輯和設計規范有沒有發生變化,每當設計發生變化時我們會思考這樣的變化背后的目的是什么,是為了更好地為用戶服務還是因為產品策略發生了調整??偟膩碚f,只有競品分析做多了,你做的設計才是充實的。

相信每一位設計師肯定有過這樣的煩惱,當商業需求和用戶體驗處于對立面時該怎么辦?如果設計師一直專注在用戶產品,一定會以用戶為中心為由進行反抗,例如不能放太多廣告,這樣對用戶體驗造成很大傷害;或者這樣的交互設計不符合平臺設計規范或者用戶的心智模型,反正道理一大堆就看自己能不能說服產品經理,這也是一名交互設計師的第二部分工作內容:溝通。一名合格的交互設計師不能只聽產品經理說的話,有些時候你除了要證明產品經理想法是錯的并且把需求砍下來,更重要是懂得引導產品經理重回正軌,引導他更改需求做出新的變化。

最后是圍繞產品需求進行交互稿的輸出,思考產品需求背后的問題根源以及如何站在用戶的角度思考問題是每一位交互設計師的工作重點,如果懂代碼就最好了,因為你可以站在技術開發的角度來審視自己的設計稿是否具備可行性。最后交付的交互文檔主要包含兩部分:頁面布局和交互流程。頁面布局最主要說清楚哪些入口以及功能的位置、大小或者圖標發生了調整;交互流程需要說清楚每個頁面之間的關系和交互邏輯。這時候你可以引用用戶研究得來的數據,包括用戶訪談、可用性測試、AB Test、漏斗模型等等,也可以引用每個平臺的設計規范或者說清楚這個設計參考了競品 A,它有以下好處等等??偟膩碚f,無論用什么方法,包括結合第一、二部分的工作內容都要證明當前的交互方案是最佳的。只要你能證明一點,一稿過不是什么大問題。

我相信工作 5 年以上的交互設計師應該都有這樣的感受,移動互聯網前幾年的交互設計和現在的交互設計已經很不一樣了。在百花齊放的移動互聯網初期,iOS 和 Android 平臺設計規范日新月異,加上“用戶體驗”這個詞逐漸流行,導致一大堆設計師認為用戶體驗好的應用能得天下,所以大家都會以用戶為中心作為目標,滿足用戶的需求、把 APP 做得好看一點、更嚴格地遵循平臺的設計規范,那時候好的交互設計,我認為有三個關鍵詞:簡潔、高效和一致性。

也不能說現在的交互設計不追求這些關鍵詞,但是它確實不一樣了,這個改變我認為是環境造成的。在這個稍微走慢一點點就會被其他競品追上來把你干掉的互聯網環境下,大家最關心的是如何生存下來,只有生存下來才有可能多考慮用戶體驗的事情。只要有這樣的想法,就會存在商業需求和用戶體驗之間的“沖突”,例如產品需要放很多廣告,但用戶根本就不喜歡看廣告。為什么我要在沖突兩個字上加上雙引號?因為它不一定是真的沖突,它只是天平更向誰傾斜而已。我還記得 17 年我第一次做商業產品交互設計的時候,我很不理解為什么我們團隊的產品經理怎么天天都在想些餿主意來放廣告,他們是不是不懂得用戶體驗是什么。當我的朋友,也就是這個團隊 PM 的頭兒跟我說如果這個產品再不賺錢,我們這個團隊可能要解散了。那時候我才深刻感受到變現的重要性,因為團隊再不賺更多的錢我很有可能面臨失業,自從那天后我天天思考著如何更好放廣告的同時還能提升用戶體驗,這也是我說的不一樣的點,現在的設計是以商業、業務為中心的。

設計服務于商業本身是一件天經地義的事情,只不過在瘋狂燒錢的年代變現壓力沒那么緊張才會導致天平稍微向用戶一側傾斜,所以大家都覺得把產品做到零學習成本,連傻子都會用才算是好的設計,相信這句話各位讀者肯定在某位領導那聽說過。當變現成為一種壓力時,你的設計稿肯定會出現你不愿意看到的設計,例如你的設計存在很多不一致的問題,還有某個設計并沒有遵循平臺的設計規范,你的交互邏輯跟用戶的心智模型存在著較大的偏差,這些問題隨處可見。當然不能說這些問題都是商業變現導致的,但我很想說明一點,只要用戶離不開你的產品,其實體驗差一點也沒什么問題,因為用戶會被迫接受這個狀況,對他們來說,多錯幾次,多看幾次廣告,習慣了,也沒什么大問題。這是一個好事,也是一個壞事。

可能有些讀者看到這會吐槽我并不是一個好的交互設計師,但我想問什么樣的才是好的交互設計師?如何定義?這里我提出我的個人看法:

  • 真的懂得站在用戶角度進行設計,但不要把用戶當成一名傻子,因為他們真的不是傻子。
  • 真的懂得站在業務角度進行設計,因為公司付錢給你是希望你能為公司賺更多的錢。
  • 真的懂得同時站在用戶和業務角度進行設計,找到兩者之間的平衡點,化解兩者之間的沖突。

人機交互跟交互設計很像,但又很不像。很像是人機交互也要做研究,也要和業務溝通,也要畫稿;很不像是因為做的研究不一樣,交付物也很不一樣。這句話該怎么理解?我先說一下我今年所做的事情是什么。今年我絕大部分的經歷都放在學習研究上,研究對象主要是學術圈跟人機交互相關論文、競爭對手的專利以及人機工程學相關知識,然后通過三者的融合探索出新的人機交互方向或者切入點。如果說交互設計研究的是用戶,那么人機交互更多研究的是人,兩者是有區別的,都是研究人,交互設計研究更多的是人在使用產品時的心理狀態,包括認知、動機、習慣和行為等等;人機交互也會研究這些,但會增加工作負荷、肌肉疲勞等生理狀態的人因研究。

在設計手機應用時,交互設計更多是關注不同的點擊、長按等交互事件發生時圖形界面帶來的不同反饋。從人機交互的角度來看,點擊和長按是用戶某個身體部位例如手指觸碰到手機屏幕時,手機屏幕下方的 ITO,也就是由氧化銦錫做成的導電膜會將不同的觸摸信號轉換成不同的電信號,這些觸摸信號由觸碰時間、以及觸碰區域決定,然后設計師根據觸摸信號的不同定義成不同的交互響應事件,除此之外,支撐圖形界面的每個控件、容器背后的屬性、狀態設計都屬于人機交互設計的范疇。

如果真的要區分交互設計和人機交互,我認為有以下幾點可以將它們區分開來:

  • 相比交互設計,人機交互除了設計還有技術。
  • 交互設計是在系統層之上解決上層問題,人機交互是在系統層以下解決底層問題,同時系統層也是由人機交互決定。
  • 交互設計中輸入和輸出都是相對穩定的技術,人機交互會探索不同的輸入和輸出技術,而這些技術不一定成熟甚至未被發明。
  • 交互設計關注的是業務和用戶之間的關系,而人機交互關注的是技術和人之間的關系。

因此,人機交互的交付物更多是講清楚這個設計或者這個新型的技術帶來了什么好處,它能解決人的什么痛點,這一點確實和交互設計很像,但也不太像。例如交互設計稿更多是講清楚界面布局和交互邏輯,而人機交互的交付物更多是講清楚技術的成熟度、商業價值以及在這個技術的基礎上,你通過設計解決了哪個場景下的哪個問題。

人機交互每年都有新的發展和進步,如果對人機交互的發展歷史感興趣,可以閱讀我在 19 年出版的書籍《AI 改變設計》的第一章第二節?,F在的人機交互除了關注比較新的 VR 和 AR 領域,還有多模交互、多屏交互、跨設備交互、空間交互、情感交互、腦機交互以及人與機器人之間的交互等等??偠灾?,人機交互是圍繞著人和技術不斷發展的一項科技。

作者 | 薛志榮
原文網址 | https://mp.weixin.qq.com/s/c8ud66Dx7hY5IGc9uhpPkA

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }