2023-11-03 分類(lèi): 網(wǎng)站建設(shè)
你認(rèn)為什么是交互設(shè)計(jì)?你覺(jué)得交互設(shè)計(jì)師的核心是什么?你怎樣看待交互設(shè)計(jì)師在每道工作環(huán)節(jié)中的溝通與職責(zé)?
類(lèi)似這樣的問(wèn)題經(jīng)常會(huì)有一些職業(yè)新人以及面試官問(wèn)道。也有很多專(zhuān)門(mén)討論這些的話(huà)題和文章。后面兩個(gè)問(wèn)題答案因人因公司而異。答案也很多。因此這里網(wǎng)站建設(shè)就從個(gè)問(wèn)題去剖析下。
什么是交互設(shè)計(jì)?我認(rèn)為所有問(wèn)題類(lèi)型難回答的就是 “為什么”。因?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ì)涉及到這兒詞:交互。
我們先來(lái)看一下詞條釋義。交互從詞面解釋為:交替;互相;彼此。那這三個(gè)詞又是指什么呢?我們舉個(gè)例子:
甲問(wèn)乙:你吃飯了嗎?
乙答曰:吃了。你呢?
甲答曰:還沒(méi)。本來(lái)想跟你一塊吃的。
甲問(wèn)乙話(huà)。問(wèn)完之后乙回答。并且甲說(shuō)話(huà)的時(shí)候乙保持沉默。乙說(shuō)話(huà)的時(shí)候甲保持沉默。話(huà)語(yǔ)權(quán)在兩人間來(lái)回切換。這就是交替?;ハ喔舜恕J侵高@里存在的甲乙雙方。并且甲乙并不是一個(gè)人。即有關(guān)聯(lián)。又存在差異性。如果這個(gè)對(duì)話(huà)變成甲或者乙單獨(dú)一人說(shuō)話(huà)。那就不屬于交互了。
這是生活中的交互。而在計(jì)算機(jī)領(lǐng)域。交互設(shè)計(jì)定義為 “參與活動(dòng)的對(duì)象??梢韵嗷ソ涣?。雙方面互動(dòng)”。比如你敲下鍵盤(pán)上的按鍵 E。電腦顯示屏輸入框上顯示 E;你在計(jì)算器上按下數(shù)字鍵。液晶屏對(duì)應(yīng)顯示字符;你晃動(dòng)鼠標(biāo)。電腦顯示器中鼠標(biāo)指針來(lái)回?cái)[動(dòng)。這些都是交互。當(dāng)你不管如何操作對(duì)方都沒(méi)反應(yīng)的時(shí)候。你就知道它出問(wèn)題了。這就是失去交互的感覺(jué)。
無(wú)論什么事情追本溯源它都會(huì)變得極其簡(jiǎn)單。 《道德經(jīng)》有言:道生一。一生二。二生三。三生萬(wàn)物。參與元素越多。涉及對(duì)象越多。事情就會(huì)變得負(fù)責(zé)。透過(guò)交互的定義分析。我們完全可以用簡(jiǎn)單的事情去禪說(shuō)這個(gè)定義。
網(wǎng)站建設(shè)今天來(lái)舉個(gè)例子:生活中燈的開(kāi)關(guān)。 你按下房間中電燈的控制開(kāi)關(guān)開(kāi)。電源接通。燈泡發(fā)出亮光。你再按下關(guān)。電源切斷燈泡停止發(fā)光。一開(kāi)一關(guān)。一明一滅。這就是交互。
互聯(lián)網(wǎng)中以 pC 端網(wǎng)站按鈕為例。為什么一個(gè)按鈕會(huì)有多種狀態(tài)?
因?yàn)檫@來(lái)源于與用戶(hù)的交互反饋。透過(guò)這些交互反饋給用戶(hù)一些信息。你可以點(diǎn)這個(gè)按鈕。你已經(jīng)點(diǎn)了這個(gè)按鈕。你不能點(diǎn)這個(gè)按鈕。類(lèi)似這樣的交互點(diǎn)在交互設(shè)計(jì)當(dāng)中整理起來(lái)就形成了規(guī)范和功能。比如一些通用交互規(guī)范:按鈕的狀態(tài)、框體的展示、通用控件、導(dǎo)航標(biāo)簽。一些功能點(diǎn):未讀消息提醒。聊天記錄、訂單撤銷(xiāo)、列表全選……我們可以利用交互點(diǎn)。在分析場(chǎng)景的時(shí)候去思考功能的優(yōu)化取舍。
交互設(shè)計(jì)的線(xiàn)
從上面一些例子我們可以看出交互它其實(shí)是一個(gè)循環(huán)線(xiàn)程。而不是單線(xiàn)程。是有來(lái)有去的。它似雙車(chē)道。彼此的起點(diǎn)是對(duì)方的終點(diǎn)。似圓而非直線(xiàn)。它是多元素參與的結(jié)果。而非單元素的展現(xiàn)。我們熟悉的一個(gè)諺語(yǔ) “一個(gè)巴掌拍不響” 就是這意思。再比如我們?cè)趹已逻吶邮瘔K根據(jù)石塊碰撞傳回的聲音來(lái)判斷深淺。但是假如扔出去的石塊毫無(wú)反饋……
交互它雖然是多元素參與。但是卻存在一個(gè)主導(dǎo)性。比如上面例子中。甲問(wèn)乙:你吃飯了嗎? 甲的話(huà)題是以吃飯為中心的。他想聽(tīng)到的乙的回答也是跟吃飯相關(guān)的。如果乙回答。我買(mǎi)衣服了。這就是答非所問(wèn)。這就脫離了甲的主導(dǎo)。不是他想要的結(jié)果。而甲后一句 “還沒(méi)。本來(lái)想跟你一塊吃的” 這是甲所想要達(dá)到的目的。不過(guò)很顯然。甲的目的并未達(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í)在這過(guò)程中。他尋找對(duì)方與對(duì)方溝通這都屬于交互的點(diǎn)。正是這些點(diǎn)連接起來(lái)終促使甲完成了他想做的事。這是生活中的例子。那么在互聯(lián)網(wǎng)當(dāng)中。什么是交互的線(xiàn)呢?我們以電商為例。來(lái)看一下。
雖然屬于虛擬網(wǎng)絡(luò)。互聯(lián)網(wǎng)電商的購(gòu)物流程卻跟我們?cè)趯?shí)際生活中購(gòu)買(mǎi)物品相差不多。一般電商網(wǎng)站的購(gòu)買(mǎi)流程都包含三大步。1 通過(guò)分類(lèi)或者直接搜索你想要的產(chǎn)品。2 通過(guò)列表查看你想要的產(chǎn)品結(jié)果。3 詳細(xì)了解進(jìn)行購(gòu)買(mǎi)。這就像你去逛街購(gòu)買(mǎi)商品一樣。你想買(mǎi)衣服。那么你就要分清楚街道上哪家店是銷(xiāo)售衣服類(lèi)的。之后你要進(jìn)店觀察那些陳列的衣服。有哪些是你比較中意的。如產(chǎn)生意向你可以向銷(xiāo)售員咨詢(xún)關(guān)于衣服的詳細(xì)信息。比如顏色、尺寸、成分等等。這些 sku 信息不管在線(xiàn)下還是在線(xiàn)上都是統(tǒng)一的。
交互設(shè)計(jì)的 “線(xiàn)” 干的就是這樣的事情。它是交互點(diǎn)的串聯(lián)。是將這些零散的目標(biāo)相統(tǒng)一的交互點(diǎn)、行為相關(guān)的交互點(diǎn)。進(jìn)行統(tǒng)一整理。這個(gè)線(xiàn)。在交互設(shè)計(jì)當(dāng)中稱(chēng)之為流程圖。而整理交互的點(diǎn)。則有另一種表達(dá)方式。腦圖。
交互設(shè)計(jì)的面
上面我們歸納出交互設(shè)計(jì)可以理解成設(shè)計(jì)行為與目標(biāo)的一種活動(dòng)。設(shè)計(jì)行為好理解。比如我要去店里買(mǎi)衣服。購(gòu)買(mǎi)的行為過(guò)程我可以有多種執(zhí)行方式。比如我可以網(wǎng)上買(mǎi)??梢匀サ昀镔I(mǎi)。我也可以電視購(gòu)物。等等。但是為什么目標(biāo)也可以設(shè)計(jì)呢?目標(biāo)它是一種主觀的設(shè)想。是預(yù)期的方向性。并不是一成不變的。也不是 100%設(shè)定的。比如我要去參加年會(huì)。但是我沒(méi)有適合出場(chǎng)的禮服。我便打算去商場(chǎng)買(mǎi)衣服。這時(shí)候。買(mǎi)衣服便成了我的目標(biāo)。但是當(dāng)我走進(jìn)商場(chǎng)接到電話(huà)公司有變動(dòng)年會(huì)取消。那么我的目標(biāo)也就消失了。我不需要買(mǎi)衣服了。因?yàn)橛貌坏健T倩蛘?。?dāng)我走進(jìn)商場(chǎng)的時(shí)候恰巧碰到了商場(chǎng)年終活動(dòng)。我參加抽獎(jiǎng)有幸得到一套很不錯(cuò)的衣服。那么我也不需要去買(mǎi)衣服了。
當(dāng)然設(shè)計(jì)行為與目標(biāo)。并不等同于改變。有個(gè)很經(jīng)典的銷(xiāo)售例子。一位老板在聽(tīng)到他的銷(xiāo)售人員在當(dāng)天只接待了一位顧客后大發(fā)雷霆。但是當(dāng)他知道這一位顧客比之前一天的所有顧客加起來(lái)的營(yíng)業(yè)額還要高時(shí)他震驚到了!在他仔細(xì)詢(xún)問(wèn)過(guò)后才明白事情的原委。原來(lái)這位顧客是一名剛退休的老人。老人的目的很簡(jiǎn)單。買(mǎi)一套漁具釣魚(yú)。但是細(xì)心的銷(xiāo)售員發(fā)現(xiàn)老人并無(wú)釣魚(yú)經(jīng)驗(yàn)。也缺乏各種戶(hù)外運(yùn)動(dòng)防護(hù)常識(shí)。于是她接二連三的向老人推薦了一件又一件商品。從衣物到吃喝到露宿扎營(yíng)到代步工具。方方面面。
經(jīng)營(yíng)方總是在你完成購(gòu)買(mǎi)目的以后。試著讓你對(duì)其它東西產(chǎn)生興趣。從而再次產(chǎn)生新的目的。因此你在瀏覽各大電視網(wǎng)站。比如淘寶京東。你會(huì)發(fā)現(xiàn)在你購(gòu)買(mǎi)流程中會(huì)有很多推薦商品。甚至你購(gòu)買(mǎi)完成了依舊還在向你推薦。我們可以感受到目標(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)中所說(shuō)的需求在心理學(xué)里并不等同于需要)。我們來(lái)看一下在心理學(xué)中如何展示這些元素之間的關(guān)系的:
需要是人的主觀概念。而需要是人們?cè)谏钪兴鄙俚臇|西。需要與需求在生活中我們通常是不加區(qū)分的。但是在一定的行業(yè)里是需要認(rèn)真區(qū)分對(duì)待的?;ヂ?lián)網(wǎng)行業(yè)里我們用的是需求。需求來(lái)源廣泛。因此存在需求分析。從這幅圖我們就可以看到。交互設(shè)計(jì)只是貫穿整個(gè)活動(dòng)的一種環(huán)節(jié)。當(dāng)我們經(jīng)歷了交互的點(diǎn)、線(xiàn)。終又經(jīng)線(xiàn)串聯(lián)成面的時(shí)候。我們發(fā)行它變的趨于完善。形成了一種結(jié)構(gòu)。這種結(jié)構(gòu)同樣是循環(huán)不止的。而交互設(shè)計(jì)只是其中一個(gè)環(huán)節(jié)。
在生活中。當(dāng)我們把需要、需求、動(dòng)機(jī)、行為、目的這些因素連起來(lái)以后。我們可以說(shuō)自己完成了一件事。而如果這些因素較復(fù)雜。滿(mǎn)足了 N 條需要需求。達(dá)成了 N 個(gè)目的。囊括了 N 中行為。我們可以說(shuō)我們完成了一項(xiàng)活動(dòng)。
互聯(lián)網(wǎng)產(chǎn)品同樣如此。它一定是由一個(gè)點(diǎn)出發(fā)。點(diǎn)匯成線(xiàn)。線(xiàn)會(huì)成面。面面具到成為一種產(chǎn)品。
翻到初吃飯的例子。 如果只是單純的工作午休時(shí)間。這個(gè)對(duì)話(huà)場(chǎng)景再熟悉不過(guò)了。但是我們腦補(bǔ)下。這件事情可能發(fā)生在辦公室。也可能發(fā)生在互聯(lián)網(wǎng)的 QQ、微信、微博等等。
比如甲乙是同事也是上下級(jí)關(guān)系??赡艹燥堉皇且环N行為。而并不是終目的。只不過(guò)通過(guò)” 吃飯"這種行為能夠更好的達(dá)到目的。在延伸。比如甲要舉辦聚會(huì)。在生活中你可能需要一邊給好友打電話(huà)商談確定日期。一邊做筆記標(biāo)注參加的人數(shù)、時(shí)間等等。而在互聯(lián)網(wǎng)產(chǎn)品中你可以把你的熟人都加為 QQ 好友并且可以建立群組。消息同步接收。你也可以直接發(fā)布活動(dòng)。好友們參加即可。省去繁瑣的電話(huà)及統(tǒng)計(jì)時(shí)間。
看看交互設(shè)計(jì)的本質(zhì)映射到互聯(lián)網(wǎng)。其實(shí)所謂互聯(lián)網(wǎng)產(chǎn)品不過(guò)是把現(xiàn)實(shí)生活中的活動(dòng)轉(zhuǎn)移到了虛擬的網(wǎng)絡(luò)中進(jìn)行。來(lái)源于生活。并與生活有所差異。只因術(shù)業(yè)有專(zhuān)攻。行業(yè)有特性。但其本身概念并未有多不可逾越。只不過(guò)一件事情。你想了解。簡(jiǎn)單。想做好卻并非那么容易。
從點(diǎn)線(xiàn)面看互聯(lián)網(wǎng)中的交互設(shè)計(jì)師
的互聯(lián)網(wǎng)發(fā)展一直在緊跟國(guó)外的步伐。雖然自家也有那么幾個(gè)牛逼的大公司。在世界排行上都能數(shù)一數(shù)二。但是整體水平還是落后于國(guó)外的。當(dāng)一個(gè)概念誕生并隨著演化在社會(huì)中越來(lái)越重要。它才會(huì)演變成一個(gè)角色。而只有當(dāng)這個(gè)角色所發(fā)揮的價(jià)值作用越來(lái)越不可忽視。不可或缺。才會(huì)被賦予另外一層定義。才能被認(rèn)可成為一種職業(yè)。而只有當(dāng)一個(gè)公司看到或認(rèn)同這個(gè)職業(yè)所產(chǎn)生的價(jià)值時(shí)。才會(huì)考慮給其設(shè)立崗位。而一種從概念到角色到職業(yè)崗位到終成為被國(guó)家認(rèn)可。并不是一蹴而就的事情。
因?yàn)榘l(fā)展的參差不齊。也還未達(dá)成統(tǒng)一標(biāo)準(zhǔn)。因此交互設(shè)計(jì)在很多人心中的定位。很多公司的定位都不一樣。有人認(rèn)為交互設(shè)計(jì)師就是畫(huà)原型的。也有人將 UI 設(shè)計(jì)師稱(chēng)為交互設(shè)計(jì)師。有的公司就沒(méi)有設(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)容想要去說(shuō)服其他人并不是那么容易的。各執(zhí)己見(jiàn)。這是常事。作為個(gè)人意見(jiàn)來(lái)講我覺(jué)得沒(méi)必要去撕逼這種事情。如果你是一名交互設(shè)計(jì)師。我認(rèn)為按照你自己心中的定位全力去做好這件事就可以了。
人總是在不停進(jìn)步的。例如我自己。寫(xiě)這篇文章我花了挺長(zhǎng)時(shí)間。也耗費(fèi)了不少腦細(xì)胞。我現(xiàn)在自認(rèn)為我總結(jié)的很好。挺不錯(cuò)的。但是興許半年一年后。我的理解又不同。又站在了不同角度看待事情。對(duì)這篇文章還有 N 種看法。這都是很正常的。
關(guān)于上面點(diǎn)線(xiàn)面。其實(shí)很簡(jiǎn)單。
點(diǎn): 思維腦圖、功能結(jié)構(gòu)圖
線(xiàn):流程圖
面:原型圖
網(wǎng)站建設(shè)這是把交互設(shè)計(jì)當(dāng)做事情來(lái)做需要達(dá)到的基本元素?;镜膽B(tài)度。如果想要做好當(dāng)然遠(yuǎn)不止這些。說(shuō)到底。其實(shí)重要的還是態(tài)度。態(tài)度是什么?
你剪一塊布。就能遮羞。能弊體。你多剪幾塊布??p一件衣服。就體面了。 你精心裁剪布料。細(xì)心縫合。穿著就舒服了。 你再精心選料。精心裁剪。精心縫合。精心點(diǎn)綴……穿衣就成了享受。
設(shè)計(jì)因此而生。
網(wǎng)頁(yè)名稱(chēng):網(wǎng)站設(shè)計(jì)中為什么選擇交互設(shè)計(jì)--網(wǎng)站建設(shè)如何做到交互設(shè)計(jì)
當(dāng)前鏈接:http://www.rwnh.cn/news47/292347.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開(kāi)發(fā)、網(wǎng)站策劃、品牌網(wǎng)站設(shè)計(jì)、外貿(mào)建站、商城網(wǎng)站、標(biāo)簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容