佛山網(wǎng)站設計中為什么選擇交互設計,如何做到交互設計

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

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

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

交互設計的點

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

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

甲問乙：你吃飯了嗎?

乙答曰：吃了，你呢?

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

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

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

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

佛山網(wǎng)站建設今天來舉個例子：生活中燈的開關， 你按下房間中電燈的控制開關開，電源接通，燈泡發(fā)出亮光。你再按下關，電源切斷燈泡停止發(fā)光。一開一關，一明一滅，這就是交互。

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

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

交互設計的線

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

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

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

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

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

交互設計的面

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

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

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

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

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

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

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

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

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

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

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

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

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

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

關于上面點線面，其實很簡單。

點： 思維腦圖、功能結構圖

線：流程圖

面：原型圖

成都網(wǎng)站建設這是把交互設計當做事情來做需要達到的基本元素，基本的態(tài)度，如果想要做好當然遠不止這些。說到底，其實重要的還是態(tài)度。態(tài)度是什么?

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

設計因此而生。

網(wǎng)站欄目：佛山網(wǎng)站設計中為什么選擇交互設計,如何做到交互設計
當前鏈接：http://www.muchs.cn/news13/213013.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、定制開發(fā)、小程序開發(fā)、微信公眾號、品牌網(wǎng)站設計、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)