最近在一邊工作一邊讀書的同時(shí)，也在思考交互設(shè)計(jì)是什么以及互聯(lián)網(wǎng)交互設(shè)計(jì)師在團(tuán)隊(duì)中的定位等一些問題。談到交互設(shè)計(jì)仿佛就是“一千個(gè)讀者就有有一千個(gè)哈姆雷特”的感覺，每個(gè)人都會(huì)說出一套它們自己對于交互設(shè)計(jì)的理解。

本來“交互設(shè)計(jì)”這個(gè)名詞就是來源于國外并且傳到國內(nèi)也就三四年的時(shí)間?？戳丝磭飧鱾€(gè)在交互領(lǐng)域有些名氣的大學(xué)關(guān)于該方向的研究都不同，對于交互設(shè)計(jì)的教育都沒有一定的標(biāo)準(zhǔn)和體系，更何況國內(nèi)對于它的定義了。所以，不同的行業(yè)、公司和團(tuán)隊(duì)都有各自對于交互設(shè)計(jì)的理解，從而分派給交互設(shè)計(jì)師的工作也就不同。

“交互”字面意思是用戶操作，設(shè)備產(chǎn)生反饋的過程。最先起源于互聯(lián)網(wǎng)領(lǐng)域的傳統(tǒng)軟件和網(wǎng)頁，逐步被人們認(rèn)知并推廣開來。先看看這些名詞就足以把人弄暈：

• UI（User Interface）指用戶所看到的界面，包含的范圍很廣，不僅僅包括視覺上的，更有信息層級關(guān)系等交互上的內(nèi)容，而現(xiàn)在國內(nèi)大部分人稱為的UI其實(shí)是GUI；
• GUI（Graphic User Interface）指界面上更多平面設(shè)計(jì)的元素，包括icon、字體、配色等等；
• 我們常說的UE在國外更多表示為UX（User Experience）指體驗(yàn)上的設(shè)計(jì)，除了界面上的也有界面后的東西。包括頁面中的信息層級，頁面間的關(guān)系邏輯，無論是實(shí)現(xiàn)一個(gè)功能還是閱讀一個(gè)內(nèi)容，設(shè)計(jì)用戶使用過程中的體驗(yàn)；
• ID（Interaction Design）直接翻譯過來是交互設(shè)計(jì)，但在國外更多指動(dòng)效設(shè)計(jì)（交互設(shè)計(jì)的一部分），國內(nèi)使用的便沒有標(biāo)準(zhǔn)了。

就連國外的一些大師在書中所總結(jié)出的交互設(shè)計(jì)的概念也都不同，但這幾個(gè)重要的關(guān)鍵詞是共有的：體驗(yàn)、情感、對話、邏輯。交互設(shè)計(jì)也逐漸從UI，界面設(shè)計(jì)中脫離出來逐漸形成一門獨(dú)立的學(xué)科。

無論何種設(shè)計(jì)師都要在紙上或屏幕上出圖、出文案，但干活要干得明白。首先對于評價(jià)標(biāo)準(zhǔn)有著清晰的認(rèn)識(shí)和理解；其次交互設(shè)計(jì)怎樣與業(yè)務(wù)結(jié)合；最后知道要交付哪些輸出物物并與哪些人對接。

作為互聯(lián)網(wǎng)領(lǐng)域的交互設(shè)計(jì)師對于上面三個(gè)問題說一些自己的思考：

交互設(shè)計(jì)很少會(huì)被注意到

當(dāng)用戶順利完成一件事情，進(jìn)行一個(gè)行為，用戶很少會(huì)注意到這個(gè)過程中的交互。好的交互設(shè)計(jì)使用戶瀏覽界面產(chǎn)生的認(rèn)識(shí)和做出行為得到反饋都是符合心理預(yù)期的，而只有當(dāng)用戶找不到想要的內(nèi)容和使用其中一個(gè)環(huán)節(jié)出現(xiàn)了用戶不理解、不知道怎么進(jìn)行下去的情況才會(huì)發(fā)現(xiàn)這個(gè)設(shè)計(jì)真差勁。

與平面設(shè)計(jì)和工業(yè)設(shè)計(jì)領(lǐng)域不同，交互設(shè)計(jì)有著在時(shí)間維度上設(shè)計(jì)的屬性（《Thoughts on Interaction Design》）。平面設(shè)計(jì)、工業(yè)設(shè)計(jì)是在看到的一瞬間在二維或三維上產(chǎn)生一種視覺上的沖擊，運(yùn)用符號、顏色、材質(zhì)和造型讓用戶產(chǎn)生不同的體驗(yàn)情感，更關(guān)注結(jié)果（工業(yè)設(shè)計(jì)現(xiàn)在也細(xì)分出了交互設(shè)計(jì)，《About Face 4》提及了很多傳統(tǒng)設(shè)計(jì)與交互的結(jié)合）。

隨著時(shí)間的推移沖擊力減淡，替代品的出現(xiàn)，不會(huì)再產(chǎn)生第一次那么強(qiáng)烈的情感，所以那么多的產(chǎn)品會(huì)被扔進(jìn)垃圾桶。而交互設(shè)計(jì)是設(shè)計(jì)一種從開始到達(dá)到結(jié)束過程中的流程體驗(yàn)，更關(guān)注過程。從最開始的會(huì)用、好用，逐漸產(chǎn)生愉快的使用體驗(yàn)。隨著時(shí)間的發(fā)展在不同任務(wù)中、每個(gè)階段中都產(chǎn)生不同的情感。經(jīng)歷過簡單地學(xué)習(xí)過程，逐漸被用戶認(rèn)知為“理所應(yīng)當(dāng)”。隨著產(chǎn)品的慢慢迭代逐漸將好的交互設(shè)計(jì)沉淀成了達(dá)到結(jié)果目的的最佳使用習(xí)慣。

優(yōu)秀的平面設(shè)計(jì)、工業(yè)設(shè)計(jì)作品也有被奉為百年不衰敗的經(jīng)典，在時(shí)間維度上得以延伸。這些產(chǎn)品已經(jīng)不僅僅是有漂亮的“結(jié)果”，而是用戶看到它們產(chǎn)生情感，產(chǎn)品成為可認(rèn)知的習(xí)慣符號。時(shí)間的推移和技術(shù)的成熟使設(shè)計(jì)結(jié)果變了，不斷被取代。但用戶想要達(dá)到的目的沒有變，情感、心理沒有變，達(dá)到目的的過程會(huì)隨著技術(shù)進(jìn)步而優(yōu)化并不會(huì)被取代。

也許在交互設(shè)計(jì)過程中會(huì)有一些愉悅用戶的小點(diǎn)子、小創(chuàng)意，但這并不是交互設(shè)計(jì)的精髓所在。對比一下蘋果原生短信APP、微信APP和Same APP就明白什么是交互設(shè)計(jì)中的加分項(xiàng)，什么是交互設(shè)計(jì)中的核心價(jià)值——一切都是為用戶舒心自然的使用、觀看而服務(wù)。

用戶更多關(guān)注的是過程后的結(jié)果和目的達(dá)成的效果，所以交互設(shè)計(jì)師的成就往往并不是來自用戶的一句“你這個(gè)交互設(shè)計(jì)真好”這樣的話。

交互設(shè)計(jì)需要支持業(yè)務(wù)數(shù)據(jù)

交互設(shè)計(jì)需要支持業(yè)務(wù)數(shù)據(jù)，數(shù)據(jù)并不是僅僅由產(chǎn)品經(jīng)理和分析師所關(guān)注的東西，設(shè)計(jì)師也要通過數(shù)據(jù)來反思自己的設(shè)計(jì)。雖然交互設(shè)計(jì)最多的是研究人、研究用戶，更多采用定性的研究方法，但作為在項(xiàng)目組中服務(wù)項(xiàng)目的崗位，更要清楚自己的工作讓用戶滿意的同時(shí)為業(yè)務(wù)帶來了哪些好處和數(shù)據(jù)上的變化。如，阿里巴巴1688UED《U一點(diǎn)》相比于其他公司UED出的書籍很著重強(qiáng)調(diào)了設(shè)計(jì)與數(shù)據(jù)的關(guān)系。

比如，恰當(dāng)?shù)牟季质怪匾K的點(diǎn)擊率得到了上升；恰當(dāng)?shù)母淖兪褂梅椒ê褪褂眠^程路徑，有效地增加或減短使用時(shí)間；通過設(shè)計(jì)出優(yōu)秀的交互流程和結(jié)果反饋為業(yè)務(wù)爭取到更多用戶的回訪和整個(gè)產(chǎn)品的粘性等等。有些數(shù)據(jù)在很大程度上設(shè)計(jì)并不能決定，比如新用戶數(shù)量；其他因素也會(huì)影響數(shù)據(jù)，如果用戶活躍度逐步提升是否有運(yùn)營的因素在其中，活躍度下降是否是競品有了新功能或者比你設(shè)計(jì)的更好。

設(shè)計(jì)師要習(xí)慣“戴著著鐐銬舞蹈”。在Dribble上有很多酷炫的設(shè)計(jì)，其他平臺(tái)也有針對現(xiàn)有著名產(chǎn)品的Redesign。但大多沒有用到實(shí)際的項(xiàng)目中去主要是，技術(shù)與時(shí)間不支持如此前瞻的概念設(shè)計(jì)，更重要的是不符合業(yè)務(wù)訴求，超出其他因素限制，單純?yōu)樵O(shè)計(jì)而設(shè)計(jì)作品。當(dāng)設(shè)計(jì)師挖空心思想出的酷炫設(shè)計(jì)在經(jīng)過領(lǐng)導(dǎo)、產(chǎn)品經(jīng)理指點(diǎn)江山后改成符合業(yè)務(wù)線、符合當(dāng)前情況的設(shè)計(jì)，內(nèi)心憤憤不平將原設(shè)計(jì)稿優(yōu)化后傳上去。一些設(shè)計(jì)師會(huì)抱怨著名產(chǎn)品設(shè)計(jì)不合理之處，然后自己Redesign一版。作為迭代這么多版本的成熟產(chǎn)品，“不合理之處”的存在一定有它的道理，都是權(quán)衡之后的結(jié)果，設(shè)計(jì)師要多去挖掘“不合理”原因所在，能否可通過其他方式解決。所以要清楚在什么情況下為什么業(yè)務(wù)服務(wù)，要為達(dá)到什么效果而設(shè)計(jì)。

通過設(shè)計(jì)師們的研究與服務(wù)，幫助數(shù)據(jù)提升，幫助業(yè)務(wù)不斷成長。

交互設(shè)計(jì)產(chǎn)出物

由于不同公司和團(tuán)隊(duì)對于交互設(shè)計(jì)的定位不同，所以對其輸出物要求也不同。通過我的了解，國內(nèi)幾個(gè)大平臺(tái)的交互設(shè)計(jì)基本將產(chǎn)品經(jīng)理交付的PRD（產(chǎn)品需求文檔）、產(chǎn)品說明文檔作為輸入、業(yè)務(wù)邏輯圖，將功能邏輯圖、交互Flow、不同保真度的原型圖以及交互文檔作為輸出。而有些小團(tuán)隊(duì)會(huì)把產(chǎn)品需求文檔、產(chǎn)品說明文檔、產(chǎn)品交互文檔統(tǒng)一打包成PRD交給視覺設(shè)計(jì)師，這些工作均由產(chǎn)品經(jīng)理一人包辦。再小一些團(tuán)隊(duì)根本不用文檔，通過低保真原型和當(dāng)面交流將需求傳達(dá)下去。

《the Element of User Experience》書中將產(chǎn)品劃分為五個(gè)層級：戰(zhàn)略層（Strategy）；范圍層(Scope)；結(jié)構(gòu)層(Structure)；框架層(Skeleton)和視覺層(Surface)。分別對應(yīng)的是：戰(zhàn)略發(fā)展會(huì)議、戰(zhàn)略規(guī)劃文檔；產(chǎn)品需求會(huì)議、產(chǎn)品需求文檔、業(yè)務(wù)邏輯；產(chǎn)品功能邏輯圖、交互Flow；交互原型圖、產(chǎn)品交互文檔；產(chǎn)品視覺設(shè)計(jì)圖、標(biāo)注圖。產(chǎn)品經(jīng)理會(huì)對全部層級負(fù)責(zé)，但更多是關(guān)注前三個(gè)部分（國內(nèi)外對于產(chǎn)品經(jīng)理定義有區(qū)別）；交互設(shè)計(jì)師側(cè)重結(jié)構(gòu)與框架，會(huì)參與小部分視覺內(nèi)容；視覺設(shè)計(jì)師注重設(shè)計(jì)層也會(huì)參與到框架層中。不同的職位在相同層級上負(fù)責(zé)的內(nèi)容會(huì)有重疊，這將使團(tuán)隊(duì)聯(lián)系緊密，討論爭辯的同時(shí)將產(chǎn)品做到更好。

現(xiàn)在也有很多觀點(diǎn)認(rèn)為交互設(shè)計(jì)職位未來不會(huì)存在，因?yàn)楫a(chǎn)品經(jīng)理和視覺設(shè)計(jì)師都往前進(jìn)一步就沒有交互的位置。其實(shí)這個(gè)結(jié)論表述反了，是產(chǎn)品經(jīng)理和視覺設(shè)計(jì)師各退一步，將分工更細(xì)化才出現(xiàn)交互設(shè)計(jì)師，這樣有人會(huì)專職研究這一方面內(nèi)容。人類進(jìn)步正是產(chǎn)生于分工細(xì)化，分工細(xì)化是將每一領(lǐng)域做精做好的前提。即使未來沒有交互設(shè)計(jì)師崗位，那也一定是以另一種方式存在于團(tuán)隊(duì)中，存在于產(chǎn)品生產(chǎn)的一個(gè)環(huán)節(jié)上。

為用戶體驗(yàn)而設(shè)計(jì)這個(gè)概念從互聯(lián)網(wǎng)領(lǐng)域展開，現(xiàn)在已經(jīng)滲透到了各個(gè)行業(yè)。從電腦屏幕、手機(jī)、可穿戴設(shè)備和其他屏幕上的操作體驗(yàn)，到工業(yè)產(chǎn)品的使用體驗(yàn)，再到地鐵站、展覽館博物館內(nèi)部的導(dǎo)視和裝飾的體驗(yàn)，甚至是在餐廳、咖啡館消費(fèi)都談到了體驗(yàn)這個(gè)詞。我很有幸成為交互設(shè)計(jì)師這個(gè)離體驗(yàn)最近的職位，以用戶角度去觀察思考，掌握方法去分析思考出結(jié)論并通過工具表達(dá)最佳方案這是交互設(shè)計(jì)的根本。希望未來可以擴(kuò)展到其他領(lǐng)域的交互體驗(yàn)研究中去，可以通過自己之所學(xué)為人們生活帶來優(yōu)化。

好吧，我只是個(gè)畫圖的，把頭埋在mac里繼續(xù)畫圖好了…..

作者：米亓

來源：http://www.jianshu.com/p/32dbf8ba4a6c#

本文由 @米亓 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。