起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識深入淺出談互聯(lián)網(wǎng)之交互篇
對任何產(chǎn)品而言，交互不僅僅只是錦上添花，而是雪中送炭。
這篇文章為整個《深入淺出談互聯(lián)網(wǎng)》系列的第一篇文章，之所以會選這個主題，是因為觀主深深的感受到現(xiàn)如今太多人進(jìn)入互聯(lián)網(wǎng)，但對互聯(lián)網(wǎng)的種種理解依然停留在較淺的層面，所以希望用白話來給大家談?wù)勥@些年來自己的一些理解，希望給圈子里的老人們起到溫習(xí)之用，給圈子里的新人筑好基礎(chǔ)，更希望給圈子外的朋友們帶去更簡單直觀的互聯(lián)網(wǎng)知識，只有更多的人真正理解互聯(lián)網(wǎng)，整個互聯(lián)網(wǎng)行業(yè)才會蒸蒸日上。
一、什么是交互設(shè)計
當(dāng)人們在使用一款產(chǎn)品時（包括實體和非實體的產(chǎn)品），該產(chǎn)品按照事先設(shè)計好的流程，與使用者進(jìn)行互動，幫助使用者更好的理解產(chǎn)品，并進(jìn)一步達(dá)成使用目的。
這種“設(shè)計”就稱之為“產(chǎn)品交互設(shè)計”，而負(fù)責(zé)這個設(shè)計的人就稱為“交互設(shè)計師”。
舉個例子：
當(dāng)你走進(jìn)一部電梯，在眾多的按鈕中摁了一下所要去的樓層，這個時候被摁下到按鈕立即變成了紅色，于是你明白電梯已經(jīng)接到指令了，你會把手放下，等待電梯到達(dá)。
反之，如果摁下去按鈕不變色，你會擔(dān)心電梯是不是壞了？按鈕失靈了？這個樓層是不是電梯到不了？各種疑慮都會因為按鈕沒及時的變色而產(chǎn)生。
所以這里的按鈕變色就是一種交互設(shè)計，電梯通過變色的按鈕讓使用者明白，它已經(jīng)知道要去到哪個樓層。
再舉個例子：
大家平時使用微信時，點擊一篇文章或者一張圖片，出現(xiàn)一個讀條，或者在圖片中央有一個轉(zhuǎn)圈，這些都屬于交互設(shè)計，這些設(shè)計的潛臺詞是在告訴使用者：“嘿，哥們，別急，我正在努力打開呢！”這些小的動畫往往可以降低使用者等待的焦慮，讓人感覺打開的速度其實不慢。
反之，在早期或一些缺乏交互設(shè)計的產(chǎn)品中，往往會因為沒有這些小的動畫表現(xiàn)，而讓使用者誤以為系統(tǒng)是不是卡住或者崩潰了。
通過這兩個例子，相信大家都對交互設(shè)計有了一定的理解，正如文初所說——交互設(shè)計的本質(zhì)在于，產(chǎn)品通過客觀的行為讓人們產(chǎn)生主觀的認(rèn)知！而這個主觀認(rèn)知的好與壞？對與錯？是否如設(shè)計預(yù)期？就決定了一個交互設(shè)計的成功與否。
二、交互其實無處不在
上文所說的交互設(shè)計，更準(zhǔn)確的說是產(chǎn)品設(shè)計，這里的產(chǎn)品包括了實體和非實體的，如洗衣機(jī)、電梯、手表、網(wǎng)站、app等等。
這種交互就是我們常說的人機(jī)交互，筆者認(rèn)為它是一種狹義上的交互，具有局限性，同時缺乏完整性。真正的交互應(yīng)該是萬物間的交互，《京氏易傳·震》中曾提到：“震分陰陽，交互用事?！睆倪@點上可以看出，宇宙中的萬物之間本身就是在不斷的互相交互的，這種交互更為廣義，也更為完整。
于是，對交互的定義就有了全新的解讀——即人們在使用一件產(chǎn)品或服務(wù)的過程中，與產(chǎn)品或他人進(jìn)行短暫或持續(xù)的互動（不再局限于產(chǎn)品本身）。
這樣來看，交互設(shè)計即基于一定目的，設(shè)計出符合目的的客觀互動，從而為使用者建立契合目的的主觀認(rèn)知，這種主觀認(rèn)知我們稱之為交互體驗。
三、人人都是交互設(shè)計師
交互是無處不在的，我們不應(yīng)把眼光再局限于人與產(chǎn)品之間的交互，既然人與人之間也交互不斷，那這種交互自然也是可以被設(shè)計的！
于是作為一名交互設(shè)計師，你的設(shè)計范圍可能更大了，需要縱觀全局，把握產(chǎn)品全流程中的每一環(huán)節(jié)，不再拘泥于產(chǎn)品界面或功能層面上的交互，通過全流程的交互設(shè)計，給使用者完整的交互體驗！交互設(shè)計師需要學(xué)會多維度的考慮問題，場景也不再是簡單的是誰為了什么而做什么，需要更多的考慮比如時間、地點、環(huán)境、心理變化等其它客觀因素，需要更多的參與到整個業(yè)務(wù)流程與場景中，才能更好的把握用戶真實需求，從而更好的確認(rèn)目標(biāo)進(jìn)行設(shè)計！
甚至可預(yù)見的是，越來越多的其它崗位的專業(yè)人士，會慢慢參與到交互設(shè)計中，甚至主導(dǎo)交互設(shè)計。其實這已經(jīng)在發(fā)生著了，傳統(tǒng)領(lǐng)域中的很多服務(wù)流程都深得交互設(shè)計的精髓——
比如星巴克，在一些比較繁華的商業(yè)區(qū)附近的門店，都會在自己的服務(wù)流程手冊上，提前注明附近的停車場位置，并要求店員可以熟記，一旦當(dāng)客人問起如何停車時，可以準(zhǔn)確的提供引導(dǎo)，這難道不是一種基于目的的交互設(shè)計嗎？先研究客人的潛在需求，并準(zhǔn)備好解決方案，及時給予反饋和幫助！
又比如宜家，通過場景布局、產(chǎn)品分布以及關(guān)鍵位置的指示牌，通過對人們的研究，模擬消費者在家居采購中的思考和決策順序，設(shè)計了具有強引導(dǎo)性的商場瀏覽路徑，幫助不熟悉產(chǎn)品的消費者更便捷高效的進(jìn)行采購瀏覽，降低干擾；同時通過一些小的路徑穿插和岔路，幫助老手們快速跳過“新手引導(dǎo)路徑”，直接找到需要的產(chǎn)品。這難道不也是一種交互設(shè)計？不也是一種基于用戶心理和使用場景的交互設(shè)計？
這些設(shè)計與狹義的人機(jī)交互設(shè)計有著異曲同工之妙——
- 都從目標(biāo)出發(fā)（星巴克的目的是讓用戶覺得服務(wù)到位；宜家更偏重于學(xué)購，讓用戶邊學(xué)邊買，同時降低決策成本，快速完成消費）。
- 都基于用戶心理和使用場景，研究用戶的思維模式和使用習(xí)慣，提前設(shè)計方案來做應(yīng)對。
- 都類似于我們的人機(jī)交互設(shè)計，比如宜家的讓產(chǎn)品更容易被找到，不就和我們思考界面上的按鈕如何布局更顯眼類似嗎？而星巴克的服務(wù)話術(shù)，不也和我們app中設(shè)計的提示文案類似嗎？
由此可見，越來越多的人加入到了交互設(shè)計的行列，作為交互設(shè)計師，我們需要不斷的進(jìn)取與學(xué)習(xí)，借鑒傳統(tǒng)行業(yè)的優(yōu)秀經(jīng)驗，設(shè)計出更完善和良好的交互體驗！
四、如何再造交互設(shè)計
那具體該如何做呢？筆者總結(jié)了“八定法”：
1.定目的：確定設(shè)計目的。
筆者始終認(rèn)為，任何設(shè)計的核心在于目的，基于目的的設(shè)計，才能避免無效設(shè)計，可以根據(jù)產(chǎn)品定位或服務(wù)主旨等來制定目的，比如上文提到的星巴克，它的產(chǎn)品是咖啡，但是核心賣點其實是服務(wù)體驗，它希望每位客人都感覺賓至如歸，所以它的交互或服務(wù)設(shè)計目的就是給客人完善貼心的服務(wù)體驗。
2.定受眾：確定目標(biāo)用戶。
這里的用戶可能是一類，也可能有多類，這個取決于你的主觀目的和客觀市場，這里就不細(xì)說了，相信關(guān)于確認(rèn)目標(biāo)用戶，并給用戶繪制畫像這些流程，不僅僅是互聯(lián)網(wǎng)，傳統(tǒng)行業(yè)也一直在做。
3.定場景：確定用戶場景。
即目標(biāo)用戶會在何時、何地、何種情況下去使用功能或服務(wù)，舉兩個例子：星巴克的客人把車停在星巴克門口，想進(jìn)去坐著等人，這個時候他發(fā)現(xiàn)路邊無法停車，于是他進(jìn)到店里詢問店員附近哪里有停車場，這就是用戶場景；再比如iphone 6plus手機(jī)到屏幕尺寸太大，平時雙手使用很順利，但是一旦在地鐵里，一只手需要扶著扶手時，單手操作時，輸入文字就很麻煩，于是某輸入法設(shè)計了一個“單手模式”，鍵盤可以變成小半個，左手拿手機(jī)就靠左邊安置，方便用戶按到所有鍵盤區(qū)域。
4.定需求：確定用戶需求。
這里的需求也包含了潛在的用戶需求，有些需求需要交互設(shè)計師協(xié)助產(chǎn)品經(jīng)理一同挖掘。我們在進(jìn)行設(shè)計時，光考慮目的而忽略用戶的需求，必然會產(chǎn)生沖突，交互設(shè)計師需要找到一個平衡點，舉個例子：宜家的案例中，就有效的挖掘了三個用戶需求——新用戶第一次購置家居用品，不了解該如何選購，并避免遺漏；老用戶很熟悉宜家，也足夠有經(jīng)驗，不想再走一遍新手流程，希望直接去到自己需要的產(chǎn)品面前；任何用戶都有自己動手和學(xué)習(xí)的欲望。
5.定資源：確定現(xiàn)有資源。
這一步很多設(shè)計師，甚至產(chǎn)品經(jīng)理會忽視，設(shè)計可以天馬行空，但是落地得靠務(wù)實，只有清楚的了解現(xiàn)有的各類資源，才可以更好的進(jìn)行設(shè)計，避免務(wù)虛。比如星巴克的店長就會提前去了解周邊的停車場情況，又比如筆者在管理設(shè)計團(tuán)隊時，要求所有設(shè)計師必須清楚的了解當(dāng)前產(chǎn)品功能，避免做出一些與現(xiàn)有功能相沖突的設(shè)計。
6.定流程：確定交互流程。
流程說白了就是怎么去做，就不細(xì)說了，不是本文主要目的，下次找機(jī)會細(xì)說，一個好的交互流程有三個要素：誰發(fā)起，誰參與，誰結(jié)束。同時需要窮舉所有主分支的可能性，確保無遺漏。
7.定風(fēng)險：確定潛在風(fēng)險。
這里先說一個梗，筆者很愛喝星巴克，有時混熟了也愛給他們提點建議，我曾經(jīng)發(fā)現(xiàn)一個很有意思的點，星巴克的收銀流程是先刷會員卡，再提交飲料單（大家看到過應(yīng)該，就是在杯子上寫字然后遞給咖啡師，這個步驟類似點菜后的下單），最后再收錢，這個流程筆者認(rèn)為是為了更高效提升咖啡制作效率，同時給客人營造服務(wù)高于賺錢的錯覺。
整個流程其實控制的也不錯，但是總有意外，如果你點的是新鮮調(diào)制咖啡，收營員通常會轉(zhuǎn)身到滴濾咖啡機(jī)處，親子給你準(zhǔn)備咖啡。那這個時候就會很尷尬，筆者遇到至少幾十次，手舉著錢或銀行卡，看著收營員的背影，放下也不是，舉著也不是的干等著。
為什么會發(fā)生這個情況？其實是用戶真實流程和預(yù)先設(shè)計流程之間的一個小小出入，用戶總是習(xí)慣了把會員卡和錢一起遞給收營員，而收營員的流程里明確告訴他要最后拿用戶手中的錢。
當(dāng)然遇到一些有經(jīng)驗的收營員，他會把你的錢一起收去，或及時的接下你手中的錢。
所以筆者認(rèn)為，一切設(shè)計，都是基于預(yù)判的，都有潛在的風(fēng)險，這些風(fēng)險來自于操作人員、場景變化等等。
我們可能無法一次性把所有潛在風(fēng)險做預(yù)測，但是在交互設(shè)計的流程確定后，必須做反復(fù)的復(fù)盤，以確保把風(fēng)險降到最低！
比如2016年春節(jié)時，微信搶紅包功能就多次出現(xiàn)異常，然后大家可以看到，很多之前沒見過的提示文案都及時的出現(xiàn)，這就是一種針對潛在風(fēng)險制定的交互設(shè)計預(yù)案。
8.定方案：確定設(shè)計方案（這步就水到渠成，不展開了）。
筆者總結(jié)的“八定法”，無論是人機(jī)交互設(shè)計，還是傳統(tǒng)行業(yè)的交互設(shè)計，都完全適用，這八個點一旦確認(rèn)，可以更好的幫助設(shè)計師準(zhǔn)確無誤的進(jìn)行有效的交互設(shè)計，從而為使用者提供更好的交互體驗！
行文至此，臨近尾聲，再和各位嘮叨幾句
筆者始終認(rèn)為傳統(tǒng)行業(yè)和互聯(lián)網(wǎng)有著很多共同之處，許多地方可以相互借鑒與融合，所以無論是產(chǎn)品還是交互，抑或是體驗設(shè)計，筆者都提倡取兩者之長、補對方之短，互聯(lián)網(wǎng)也沒必要把自己擱在一個居高臨下的位置上，總覺得傳統(tǒng)行業(yè)有多落后。
同時筆者接觸過很多傳統(tǒng)行業(yè)向互聯(lián)網(wǎng)轉(zhuǎn)型的朋友，他們有著這樣那樣的疑慮，甚至對互聯(lián)網(wǎng)有著很多不解，筆者認(rèn)為，有必要幫助他們更好的理解一個真實的互聯(lián)網(wǎng)世界，只有理解，才會信任，只有信任，才會支持！
作者：寧白衣，魔窗產(chǎn)品總監(jiān)，9年互聯(lián)網(wǎng)產(chǎn)品設(shè)計經(jīng)驗，曾主導(dǎo)多個B2B供應(yīng)鏈電商項目從0到1。
本文由 @寧白衣 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自unsplash，基于CC0協(xié)議
一、個人認(rèn)為星巴克告知停車場位置的做法，僅是錦上添花，起不到雪中送炭。
1，星巴克開店的位置，不能說全在繁華地帶，也不會開在人員稀少的街頭巷口，在這種擁堵的地方，我下車去問店里忙得一團(tuán)糟的員工說停車場在哪？打斷別人點餐問自己的事情并不是太禮貌，員工問你解釋停車場在哪，你還可能聽不懂，這時候你的車可能已經(jīng)被貼條了。
2，我花費一些時間去店里問停車場位置，我為何不花一分鐘讓保安大哥告訴我“前方500米右轉(zhuǎn)呢”
二、點餐先使用會員卡得到產(chǎn)品在付錢，這是餐館里的套路，餐館用餐不是一次性消費，可能在過程中還要加菜加啤酒??????，每次付一次錢你是什么感受。星巴克不一樣啊，一次性消費居多，把錢沖進(jìn)會員卡，掏一次卡問題都解決了，喜歡微信支付寶的開通網(wǎng)上會員，在等餐的時候還可以玩會手機(jī)。
每一個場景都有特定的服務(wù)，而不是感覺自己做好了，為別人帶沒帶來方便就不知道了，這種問心無愧的心態(tài)在交互中最忌諱的，交互是雙方面的。
說的也是有道理！像是作為筆者的補充，學(xué)習(xí)了！
交互就是研究用戶的習(xí)慣做出的相關(guān)設(shè)計流程？