亚洲欧洲视频在线_久久综合久久综合九色_亚洲精品国产手机_亚洲专区第一页

你剪一塊布，就能遮羞，能弊體。你多剪幾塊布，縫一件衣服，就體面了。 你精心裁剪布料，細(xì)心縫合，穿著就舒服了。 你再精心選料，精心裁剪，精心縫合，精心點(diǎn)綴……穿衣就成了享受。設(shè)計因此而生。本文由人人都是產(chǎn)品經(jīng)理社區(qū) 作者 @ 莫莫 原創(chuàng)發(fā)布。

你認(rèn)為什么是交互設(shè)計?你覺得交互設(shè)計師的核心是什么?你怎樣看待交互設(shè)計師在每道工作環(huán)節(jié)中的溝通與職責(zé)?

類似這樣的問題經(jīng)常會有一些職業(yè)新人以及面試官問道，也有很多專門討論這些的話題和文章。后面兩個問題答案因人因公司而異，答案也很多，因此這里咱就從第一個問題去剖析下。

什么是交互設(shè)計?我認(rèn)為所有問題類型最難回答的就是 “為什么”，因為很多為什么直指事情本質(zhì)。那么交互設(shè)計的本質(zhì)是什么?

交互設(shè)計的點(diǎn)

現(xiàn)在我們提到交互設(shè)計，大多數(shù)人的理解是認(rèn)為它是運(yùn)用于互聯(lián)網(wǎng)的。而實際上不管是在計算機(jī)領(lǐng)域還是實際生活中的方方面面其實我們都會涉及到這兒詞：交互。

我們先來看一下詞條釋義，交互從詞面解釋為：交替;互相;彼此。那這三個詞又是指什么呢?我們舉個例子：

甲問乙：你吃飯了嗎?

乙答曰：吃了，你呢?

甲答曰：還沒，本來想跟你一塊吃的。

甲問乙話，問完之后乙回答，并且甲說話的時候乙保持沉默，乙說話的時候甲保持沉默，話語權(quán)在兩人間來回切換，這就是交替。互相跟彼此，是指這里存在的甲乙雙方，并且甲乙并不是一個人，即有關(guān)聯(lián)，又存在差異性。如果這個對話變成甲或者乙單獨(dú)一人說話，那就不屬于交互了。

這是生活中的交互，而在計算機(jī)領(lǐng)域，交互設(shè)計定義為 “參與活動的對象，可以相互交流，雙方面互動”。比如你敲下鍵盤上的按鍵 E，電腦顯示屏輸入框上顯示 E;你在計算器上按下數(shù)字鍵，液晶屏對應(yīng)顯示字符;你晃動鼠標(biāo)，電腦顯示器中鼠標(biāo)指針來回擺動。這些都是交互。當(dāng)你不管如何操作對方都沒反應(yīng)的時候，你就知道它出問題了，這就是失去交互的感覺。

無論什么事情追本溯源它都會變得極其簡單， 《道德經(jīng)》有言：道生一，一生二，二生三，三生萬物。參與元素越多，涉及對象越多，事情就會變得負(fù)責(zé)。透過交互的定義分析，我們完全可以用最簡單的事情去禪說這個定義。

從點(diǎn)線面出發(fā)聊聊交互設(shè)計的本質(zhì)

生活中燈的開關(guān)， 你按下房間中電燈的控制開關(guān)開，電源接通，燈泡發(fā)出亮光。你再按下關(guān)，電源切斷燈泡停止發(fā)光。一開一關(guān)，一明一滅，這就是交互。

互聯(lián)網(wǎng)中以 PC 端網(wǎng)站按鈕為例，為什么一個按鈕會有多種狀態(tài)?

從點(diǎn)線面出發(fā)聊聊交互設(shè)計的本質(zhì)

因為這來源于與用戶的交互反饋，透過這些交互反饋給用戶一些信息，你可以點(diǎn)這個按鈕，你已經(jīng)點(diǎn)了這個按鈕，你不能點(diǎn)這個按鈕。類似這樣的交互點(diǎn)在交互設(shè)計當(dāng)中整理起來就形成了規(guī)范和功能，比如一些通用交互規(guī)范：按鈕的狀態(tài)、框體的展示、通用控件、導(dǎo)航標(biāo)簽，一些功能點(diǎn)：未讀消息提醒，聊天記錄、訂單撤銷、列表全選……我們可以利用交互點(diǎn)，在分析場景的時候去思考功能的優(yōu)化取舍。

交互設(shè)計的線

從上面一些例子我們可以看出交互它其實是一個循環(huán)線程，而不是單線程。是有來有去的，它似雙車道，彼此的起點(diǎn)是對方的終點(diǎn)，似圓而非直線。它是多元素參與的結(jié)果，而非單元素的展現(xiàn)。我們最熟悉的一個諺語 “一個巴掌拍不響” 就是這意思。再比如我們在懸崖邊扔石塊根據(jù)石塊碰撞傳回的聲音來判斷深淺，但是假如扔出去的石塊毫無反饋……

交互它雖然是多元素參與，但是卻存在一個主導(dǎo)性。比如上面例子中，甲問乙：你吃飯了嗎? 甲的話題是以吃飯為中心的，他想聽到的乙的回答也是跟吃飯相關(guān)的。如果乙回答，我買衣服了。這就是答非所問，這就脫離了甲的主導(dǎo)，不是他想要的結(jié)果。而甲最后一句 “還沒，本來想跟你一塊吃的” 這是甲所想要達(dá)到的目的，不過很顯然，甲的目的并未達(dá)成。主導(dǎo)性映射到互聯(lián)網(wǎng)上我把它理解為一種行為，而達(dá)成目的則理解為目標(biāo)，因此交互設(shè)計就可以理解成設(shè)計行為與目標(biāo)的一種活動。

從點(diǎn)線面出發(fā)聊聊交互設(shè)計的本質(zhì)

以相約吃飯為例，甲想約乙共同進(jìn)餐，那么他為了達(dá)到這個目的就要付諸行動，我們可以看到其實在這過程中，他尋找對方與對方溝通這都屬于交互的點(diǎn)，正是這些點(diǎn)連接起來最終促使甲完成了他想做的事。這是生活中的例子，那么在互聯(lián)網(wǎng)當(dāng)中，什么是交互的線呢?我們以電商為例，來看一下。

從點(diǎn)線面出發(fā)聊聊交互設(shè)計的本質(zhì)

雖然屬于虛擬網(wǎng)絡(luò)，互聯(lián)網(wǎng)電商的購物流程卻跟我們在實際生活中購買物品相差不多。一般電商網(wǎng)站的購買流程都包含三大步，1 通過分類或者直接搜索你想要的產(chǎn)品，2 通過列表查看你想要的產(chǎn)品結(jié)果，3 詳細(xì)了解進(jìn)行購買。這就像你去逛街購買商品一樣，你想買衣服，那么你就要分清楚街道上哪家店是銷售衣服類的，之后你要進(jìn)店觀察那些陳列的衣服，有哪些是你比較中意的，如產(chǎn)生意向你可以向銷售員咨詢關(guān)于衣服的詳細(xì)信息，比如顏色、尺寸、成分等等，這些 sku 信息不管在線下還是在線上都是統(tǒng)一的。

交互設(shè)計的 “線” 干的就是這樣的事情，它是交互點(diǎn)的串聯(lián)，是將這些零散的目標(biāo)相統(tǒng)一的交互點(diǎn)、行為相關(guān)的交互點(diǎn)，進(jìn)行統(tǒng)一整理。這個線，在交互設(shè)計當(dāng)中稱之為流程圖，而整理交互的點(diǎn)，則有另一種表達(dá)方式，腦圖。

交互設(shè)計的面

上面我們歸納出交互設(shè)計可以理解成設(shè)計行為與目標(biāo)的一種活動。設(shè)計行為好理解，比如我要去店里買衣服，購買的行為過程我可以有多種執(zhí)行方式，比如我可以網(wǎng)上買，可以去店里買，我也可以電視購物，等等。但是為什么目標(biāo)也可以設(shè)計呢?目標(biāo)它是一種主觀的設(shè)想，是預(yù)期的方向性。并不是一成不變的，也不是 100%設(shè)定的。比如我要去參加年會，但是我沒有適合出場的禮服，我便打算去商場買衣服。這時候，買衣服便成了我的目標(biāo)，但是當(dāng)我走進(jìn)商場接到電話公司有變動年會取消，那么我的目標(biāo)也就消失了，我不需要買衣服了，因為用不到。再或者，當(dāng)我走進(jìn)商場的時候恰巧碰到了商場年終活動，我參加抽獎有幸得到一套很不錯的衣服，那么我也不需要去買衣服了。

當(dāng)然設(shè)計行為與目標(biāo)，并不等同于改變。有個很經(jīng)典的銷售例子，一位老板在聽到他的銷售人員在當(dāng)天只接待了一位顧客后大發(fā)雷霆，但是當(dāng)他知道這一位顧客比之前一天的所有顧客加起來的營業(yè)額還要高時他震驚到了!在他仔細(xì)詢問過后才明白事情的原委。原來這位顧客是一名剛退休的老人。老人的目的很簡單，買一套漁具釣魚。但是細(xì)心的銷售員發(fā)現(xiàn)老人并無釣魚經(jīng)驗，也缺乏各種戶外運(yùn)動防護(hù)常識，于是她接二連三的向老人推薦了一件又一件商品，從衣物到吃喝到露宿扎營到代步工具，方方面面。

經(jīng)營方總是在你完成購買目的以后，試著讓你對其它東西產(chǎn)生興趣，從而再次產(chǎn)生新的目的，因此你在瀏覽各大電視網(wǎng)站，比如淘寶京東，你會發(fā)現(xiàn)在你購買流程中會有很多推薦商品，甚至你購買完成了依舊還在向你推薦。我們可以感受到目標(biāo)對于行為而言是具有引導(dǎo)性質(zhì)的，但是目標(biāo)并不是行為的決定性因素，決定行為的直觀因素是動機(jī)，什么是動機(jī)?在心理學(xué)當(dāng)中動機(jī)是推動人們某種心理與行為的原因與力量。與動機(jī)緊密相連的另一個概念則是需要(注：我們互聯(lián)網(wǎng)中所說的需求在心理學(xué)里并不等同于需要)。我們來看一下在心理學(xué)中如何展示這些元素之間的關(guān)系的：

從點(diǎn)線面出發(fā)聊聊交互設(shè)計的本質(zhì)

需要是人的主觀概念，而需要是人們在生活中所缺少的東西。需要與需求在生活中我們通常是不加區(qū)分的，但是在一定的行業(yè)里是需要認(rèn)真區(qū)分對待的。互聯(lián)網(wǎng)行業(yè)里我們用的是需求，需求來源廣泛，因此存在需求分析。從這幅圖我們就可以看到，交互設(shè)計只是貫穿整個活動的一種環(huán)節(jié)。當(dāng)我們經(jīng)歷了交互的點(diǎn)、線，最終又經(jīng)線串聯(lián)成面的時候，我們發(fā)行它變的趨于完善，形成了一種結(jié)構(gòu)。這種結(jié)構(gòu)同樣是循環(huán)不止的，而交互設(shè)計只是其中一個環(huán)節(jié)。

在生活中，當(dāng)我們把需要、需求、動機(jī)、行為、目的這些因素連起來以后，我們可以說自己完成了一件事。而如果這些因素較復(fù)雜，滿足了 N 條需要需求，達(dá)成了 N 個目的，囊括了 N 中行為，我們可以說我們完成了一項活動。

互聯(lián)網(wǎng)產(chǎn)品同樣如此，它一定是由一個點(diǎn)出發(fā)，點(diǎn)匯成線，線會成面，面面具到成為一種產(chǎn)品。

翻到最初吃飯的例子， 如果只是單純的工作午休時間，這個對話場景再熟悉不過了，但是我們腦補(bǔ)下，這件事情可能發(fā)生在辦公室，也可能發(fā)生在互聯(lián)網(wǎng)的 QQ、微信、微博等等。

比如甲乙是同事也是上下級關(guān)系，可能吃飯只是一種行為，而并不是最終目的，只不過通過” 吃飯”這種行為能夠更好的達(dá)到目的。在延伸，比如甲要舉辦聚會，在生活中你可能需要一邊給好友打電話商談確定日期，一邊做筆記標(biāo)注參加的人數(shù)、時間等等。而在互聯(lián)網(wǎng)產(chǎn)品中你可以把你的熟人都加為 QQ 好友并且可以建立群組，消息同步接收。你也可以直接發(fā)布活動，好友們參加即可，省去繁瑣的電話及統(tǒng)計時間。

看看交互設(shè)計的本質(zhì)映射到互聯(lián)網(wǎng)，其實所謂互聯(lián)網(wǎng)產(chǎn)品不過是把現(xiàn)實生活中的活動轉(zhuǎn)移到了虛擬的網(wǎng)絡(luò)中進(jìn)行，來源于生活，并與生活有所差異，只因術(shù)業(yè)有專攻，行業(yè)有特性。但其本身概念并未有多不可逾越，只不過一件事情，你想了解，簡單。想做好卻并非那么容易。

從點(diǎn)線面看互聯(lián)網(wǎng)中的交互設(shè)計師

中國的互聯(lián)網(wǎng)發(fā)展一直在緊跟國外的步伐，雖然自家也有那么幾個牛逼的大公司，在世界排行上都能數(shù)一數(shù)二，但是整體水平還是落后于國外的。當(dāng)一個概念誕生并隨著演化在社會中越來越重要，它才會演變成一個角色，而只有當(dāng)這個角色所發(fā)揮的價值作用越來越不可忽視，不可或缺，才會被賦予另外一層定義，才能被認(rèn)可成為一種職業(yè)，而只有當(dāng)一個公司看到或認(rèn)同這個職業(yè)所產(chǎn)生的價值時，才會考慮給其設(shè)立崗位。而一種專業(yè)從概念到角色到職業(yè)崗位到最終成為專業(yè)被國家認(rèn)可，并不是一蹴而就的事情。

因為發(fā)展的參差不齊，也還未達(dá)成統(tǒng)一標(biāo)準(zhǔn)，因此交互設(shè)計在很多人心中的定位，很多公司的定位都不一樣。有人認(rèn)為交互設(shè)計師就是畫原型的，也有人將 UI 設(shè)計師稱為交互設(shè)計師。有的公司就沒有設(shè)立交互設(shè)計師崗位，而有的公司設(shè)立了交互設(shè)計師崗位，卻不知道他該負(fù)責(zé)什么。有的人明明掛的是產(chǎn)品經(jīng)理崗位，但是干卻只是交互設(shè)計師的活，而也有人明明是 UI 設(shè)計師，卻天天在糾結(jié)功能，糾結(jié)流程交互……

因為環(huán)境的紛雜，你不管是從理論還是從實際崗位職責(zé)內(nèi)容想要去說服其他人并不是那么容易的，各執(zhí)己見，這是常事。作為個人意見來講我覺得沒必要去撕逼這種事情。如果你是一名交互設(shè)計師，我認(rèn)為按照你自己心中的定位全力去做好這件事就可以了。

人總是在不停進(jìn)步的，例如我自己，寫這篇文章我花了挺長時間，也耗費(fèi)了不少腦細(xì)胞，我現(xiàn)在自認(rèn)為我總結(jié)的很好，挺不錯的。但是興許半年一年后，我的理解又不同，又站在了不同角度看待事情，對這篇文章還有 N 種看法，這都是很正常的。

關(guān)于上面點(diǎn)線面，其實很簡單。

點(diǎn)： 思維腦圖、功能結(jié)構(gòu)圖

線：流程圖

面：原型圖

這是把交互設(shè)計當(dāng)做事情來做需要達(dá)到的基本元素，最基本的態(tài)度，如果想要做好當(dāng)然遠(yuǎn)不止這些。說到底，其實重要的還是態(tài)度。態(tài)度是什么?

你剪一塊布，就能遮羞，能弊體。你多剪幾塊布，縫一件衣服，就體面了。 你精心裁剪布料，細(xì)心縫合，穿著就舒服了。 你再精心選料，精心裁剪，精心縫合，精心點(diǎn)綴……穿衣就成了享受。

設(shè)計因此而生。