這一年都在做人機(jī)交互相關(guān)的項(xiàng)目，這些項(xiàng)目和我工作前幾年的工作不太一樣，所以本篇文章我打算寫一下自己對(duì)交互設(shè)計(jì)和人機(jī)交互的一些看法，如果讀者對(duì)這個(gè)話題有自己的看法，可以在評(píng)論區(qū)留言交流。

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

第一部分是研究分析，包括用戶研究和競(jìng)品分析。用戶研究對(duì)于一個(gè)剛進(jìn)某領(lǐng)域的設(shè)計(jì)師來說尤其重要，因?yàn)槟阋私饽愕挠脩羧后w才能做出好的設(shè)計(jì)。做日本、歐美以及東南亞市場(chǎng)的產(chǎn)品是很不一樣的，日本網(wǎng)民的年齡段分布比較均勻，加上這群用戶比較難接受新的變化，所以你的設(shè)計(jì)很難做到快速迭代和改版；東南亞用戶的移動(dòng)設(shè)備相對(duì)歐美用戶來說比較落后，如果你為歐美用戶做的功能很耗電或者對(duì)性能的要求很高，對(duì)東南亞用戶來說就是一個(gè)災(zāi)難。不同區(qū)域以及年齡段的用戶群體他們的審美也是不一樣的，你可能認(rèn)為絕大部分用戶都喜歡“高大上”的設(shè)計(jì)，其實(shí)十幾歲或者經(jīng)濟(jì)較落后地區(qū)的用戶就是喜歡五顏六色的設(shè)計(jì)。只有了解更多當(dāng)?shù)氐奈幕陀脩舻南埠?，你才能做出貼近用戶的設(shè)計(jì)。

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

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

最后是圍繞產(chǎn)品需求進(jìn)行交互稿的輸出，思考產(chǎn)品需求背后的問題根源以及如何站在用戶的角度思考問題是每一位交互設(shè)計(jì)師的工作重點(diǎn)，如果懂代碼就最好了，因?yàn)槟憧梢哉驹诩夹g(shù)開發(fā)的角度來審視自己的設(shè)計(jì)稿是否具備可行性。最后交付的交互文檔主要包含兩部分：頁面布局和交互流程。頁面布局最主要說清楚哪些入口以及功能的位置、大小或者圖標(biāo)發(fā)生了調(diào)整；交互流程需要說清楚每個(gè)頁面之間的關(guān)系和交互邏輯。這時(shí)候你可以引用用戶研究得來的數(shù)據(jù)，包括用戶訪談、可用性測(cè)試、AB Test、漏斗模型等等，也可以引用每個(gè)平臺(tái)的設(shè)計(jì)規(guī)范或者說清楚這個(gè)設(shè)計(jì)參考了競(jìng)品 A，它有以下好處等等。總的來說，無論用什么方法，包括結(jié)合第一、二部分的工作內(nèi)容都要證明當(dāng)前的交互方案是最佳的。只要你能證明一點(diǎn)，一稿過不是什么大問題。

我相信工作 5 年以上的交互設(shè)計(jì)師應(yīng)該都有這樣的感受，移動(dòng)互聯(lián)網(wǎng)前幾年的交互設(shè)計(jì)和現(xiàn)在的交互設(shè)計(jì)已經(jīng)很不一樣了。在百花齊放的移動(dòng)互聯(lián)網(wǎng)初期，iOS 和 Android 平臺(tái)設(shè)計(jì)規(guī)范日新月異，加上“用戶體驗(yàn)”這個(gè)詞逐漸流行，導(dǎo)致一大堆設(shè)計(jì)師認(rèn)為用戶體驗(yàn)好的應(yīng)用能得天下，所以大家都會(huì)以用戶為中心作為目標(biāo)，滿足用戶的需求、把 APP 做得好看一點(diǎn)、更嚴(yán)格地遵循平臺(tái)的設(shè)計(jì)規(guī)范，那時(shí)候好的交互設(shè)計(jì)，我認(rèn)為有三個(gè)關(guān)鍵詞：簡(jiǎn)潔、高效和一致性。

也不能說現(xiàn)在的交互設(shè)計(jì)不追求這些關(guān)鍵詞，但是它確實(shí)不一樣了，這個(gè)改變我認(rèn)為是環(huán)境造成的。在這個(gè)稍微走慢一點(diǎn)點(diǎn)就會(huì)被其他競(jìng)品追上來把你干掉的互聯(lián)網(wǎng)環(huán)境下，大家最關(guān)心的是如何生存下來，只有生存下來才有可能多考慮用戶體驗(yàn)的事情。只要有這樣的想法，就會(huì)存在商業(yè)需求和用戶體驗(yàn)之間的“沖突”，例如產(chǎn)品需要放很多廣告，但用戶根本就不喜歡看廣告。為什么我要在沖突兩個(gè)字上加上雙引號(hào)？因?yàn)樗灰欢ㄊ钦娴臎_突，它只是天平更向誰傾斜而已。我還記得 17 年我第一次做商業(yè)產(chǎn)品交互設(shè)計(jì)的時(shí)候，我很不理解為什么我們團(tuán)隊(duì)的產(chǎn)品經(jīng)理怎么天天都在想些餿主意來放廣告，他們是不是不懂得用戶體驗(yàn)是什么。當(dāng)我的朋友，也就是這個(gè)團(tuán)隊(duì) PM 的頭兒跟我說如果這個(gè)產(chǎn)品再不賺錢，我們這個(gè)團(tuán)隊(duì)可能要解散了。那時(shí)候我才深刻感受到變現(xiàn)的重要性，因?yàn)閳F(tuán)隊(duì)再不賺更多的錢我很有可能面臨失業(yè)，自從那天后我天天思考著如何更好放廣告的同時(shí)還能提升用戶體驗(yàn)，這也是我說的不一樣的點(diǎn)，現(xiàn)在的設(shè)計(jì)是以商業(yè)、業(yè)務(wù)為中心的。

設(shè)計(jì)服務(wù)于商業(yè)本身是一件天經(jīng)地義的事情，只不過在瘋狂燒錢的年代變現(xiàn)壓力沒那么緊張才會(huì)導(dǎo)致天平稍微向用戶一側(cè)傾斜，所以大家都覺得把產(chǎn)品做到零學(xué)習(xí)成本，連傻子都會(huì)用才算是好的設(shè)計(jì)，相信這句話各位讀者肯定在某位領(lǐng)導(dǎo)那聽說過。當(dāng)變現(xiàn)成為一種壓力時(shí)，你的設(shè)計(jì)稿肯定會(huì)出現(xiàn)你不愿意看到的設(shè)計(jì)，例如你的設(shè)計(jì)存在很多不一致的問題，還有某個(gè)設(shè)計(jì)并沒有遵循平臺(tái)的設(shè)計(jì)規(guī)范，你的交互邏輯跟用戶的心智模型存在著較大的偏差，這些問題隨處可見。當(dāng)然不能說這些問題都是商業(yè)變現(xiàn)導(dǎo)致的，但我很想說明一點(diǎn)，只要用戶離不開你的產(chǎn)品，其實(shí)體驗(yàn)差一點(diǎn)也沒什么問題，因?yàn)橛脩魰?huì)被迫接受這個(gè)狀況，對(duì)他們來說，多錯(cuò)幾次，多看幾次廣告，習(xí)慣了，也沒什么大問題。這是一個(gè)好事，也是一個(gè)壞事。

可能有些讀者看到這會(huì)吐槽我并不是一個(gè)好的交互設(shè)計(jì)師，但我想問什么樣的才是好的交互設(shè)計(jì)師？如何定義？這里我提出我的個(gè)人看法：

• 真的懂得站在用戶角度進(jìn)行設(shè)計(jì)，但不要把用戶當(dāng)成一名傻子，因?yàn)樗麄冋娴牟皇巧底印?/li>
• 真的懂得站在業(yè)務(wù)角度進(jìn)行設(shè)計(jì)，因?yàn)楣靖跺X給你是希望你能為公司賺更多的錢。
• 真的懂得同時(shí)站在用戶和業(yè)務(wù)角度進(jìn)行設(shè)計(jì)，找到兩者之間的平衡點(diǎn)，化解兩者之間的沖突。

人機(jī)交互跟交互設(shè)計(jì)很像，但又很不像。很像是人機(jī)交互也要做研究，也要和業(yè)務(wù)溝通，也要畫稿；很不像是因?yàn)樽龅难芯坎灰粯樱桓段镆埠懿灰粯?。這句話該怎么理解？我先說一下我今年所做的事情是什么。今年我絕大部分的經(jīng)歷都放在學(xué)習(xí)研究上，研究對(duì)象主要是學(xué)術(shù)圈跟人機(jī)交互相關(guān)論文、競(jìng)爭(zhēng)對(duì)手的專利以及人機(jī)工程學(xué)相關(guān)知識(shí)，然后通過三者的融合探索出新的人機(jī)交互方向或者切入點(diǎn)。如果說交互設(shè)計(jì)研究的是用戶，那么人機(jī)交互更多研究的是人，兩者是有區(qū)別的，都是研究人，交互設(shè)計(jì)研究更多的是人在使用產(chǎn)品時(shí)的心理狀態(tài)，包括認(rèn)知、動(dòng)機(jī)、習(xí)慣和行為等等；人機(jī)交互也會(huì)研究這些，但會(huì)增加工作負(fù)荷、肌肉疲勞等生理狀態(tài)的人因研究。

在設(shè)計(jì)手機(jī)應(yīng)用時(shí)，交互設(shè)計(jì)更多是關(guān)注不同的點(diǎn)擊、長按等交互事件發(fā)生時(shí)圖形界面帶來的不同反饋。從人機(jī)交互的角度來看，點(diǎn)擊和長按是用戶某個(gè)身體部位例如手指觸碰到手機(jī)屏幕時(shí)，手機(jī)屏幕下方的 ITO，也就是由氧化銦錫做成的導(dǎo)電膜會(huì)將不同的觸摸信號(hào)轉(zhuǎn)換成不同的電信號(hào)，這些觸摸信號(hào)由觸碰時(shí)間、以及觸碰區(qū)域決定，然后設(shè)計(jì)師根據(jù)觸摸信號(hào)的不同定義成不同的交互響應(yīng)事件，除此之外，支撐圖形界面的每個(gè)控件、容器背后的屬性、狀態(tài)設(shè)計(jì)都屬于人機(jī)交互設(shè)計(jì)的范疇。

如果真的要區(qū)分交互設(shè)計(jì)和人機(jī)交互，我認(rèn)為有以下幾點(diǎn)可以將它們區(qū)分開來：

• 相比交互設(shè)計(jì)，人機(jī)交互除了設(shè)計(jì)還有技術(shù)。
• 交互設(shè)計(jì)是在系統(tǒng)層之上解決上層問題，人機(jī)交互是在系統(tǒng)層以下解決底層問題，同時(shí)系統(tǒng)層也是由人機(jī)交互決定。
• 交互設(shè)計(jì)中輸入和輸出都是相對(duì)穩(wěn)定的技術(shù)，人機(jī)交互會(huì)探索不同的輸入和輸出技術(shù)，而這些技術(shù)不一定成熟甚至未被發(fā)明。
• 交互設(shè)計(jì)關(guān)注的是業(yè)務(wù)和用戶之間的關(guān)系，而人機(jī)交互關(guān)注的是技術(shù)和人之間的關(guān)系。

因此，人機(jī)交互的交付物更多是講清楚這個(gè)設(shè)計(jì)或者這個(gè)新型的技術(shù)帶來了什么好處，它能解決人的什么痛點(diǎn)，這一點(diǎn)確實(shí)和交互設(shè)計(jì)很像，但也不太像。例如交互設(shè)計(jì)稿更多是講清楚界面布局和交互邏輯，而人機(jī)交互的交付物更多是講清楚技術(shù)的成熟度、商業(yè)價(jià)值以及在這個(gè)技術(shù)的基礎(chǔ)上，你通過設(shè)計(jì)解決了哪個(gè)場(chǎng)景下的哪個(gè)問題。

人機(jī)交互每年都有新的發(fā)展和進(jìn)步，如果對(duì)人機(jī)交互的發(fā)展歷史感興趣，可以閱讀我在 19 年出版的書籍《AI 改變?cè)O(shè)計(jì)》的第一章第二節(jié)。現(xiàn)在的人機(jī)交互除了關(guān)注比較新的 VR 和 AR 領(lǐng)域，還有多模交互、多屏交互、跨設(shè)備交互、空間交互、情感交互、腦機(jī)交互以及人與機(jī)器人之間的交互等等。總而言之，人機(jī)交互是圍繞著人和技術(shù)不斷發(fā)展的一項(xiàng)科技。

歡迎關(guān)注作者的微信公眾號(hào)：「薛志榮」