網(wǎng)站設(shè)計(jì)中為什么選擇交互設(shè)計(jì)--網(wǎng)站建設(shè)如何做到交互設(shè)計(jì)

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

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

什么是交互設(shè)計(jì)?我認(rèn)為所有問題類型難回答的就是 “為什么”。因?yàn)楹芏酁槭裁粗敝甘虑楸举|(zhì)。那么交互設(shè)計(jì)的本質(zhì)是什么?

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

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

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

甲問乙：你吃飯了嗎?

乙答曰：吃了。你呢?

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

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

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

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

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

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

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

交互設(shè)計(jì)的線

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

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

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

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

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

交互設(shè)計(jì)的面

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

線：流程圖

面：原型圖

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

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

設(shè)計(jì)因此而生。

網(wǎng)頁名稱：網(wǎng)站設(shè)計(jì)中為什么選擇交互設(shè)計(jì)--網(wǎng)站建設(shè)如何做到交互設(shè)計(jì)
當(dāng)前鏈接：http://www.muchs.cn/news47/292347.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、網(wǎng)站策劃、品牌網(wǎng)站設(shè)計(jì)、外貿(mào)建站、商城網(wǎng)站、標(biāo)簽優(yōu)化

廣告

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