網(wǎng)站、應(yīng)用程序和軟件都依賴交互設(shè)計(jì)(IxD)來(lái)為用戶提供簡(jiǎn)單而有意義的體驗(yàn)。本文為大家?guī)?lái)美國(guó)南加州大學(xué)交互設(shè)計(jì)專業(yè)的課程指導(dǎo)，讓大家了解什么是交互設(shè)計(jì)、交互設(shè)計(jì)與用戶體驗(yàn)和用戶界面設(shè)計(jì)的區(qū)別。

一、交互設(shè)計(jì)釋義

交互設(shè)計(jì)是人機(jī)交互的融合。其目的是將數(shù)字產(chǎn)品從機(jī)械和冰冷的體驗(yàn)轉(zhuǎn)變?yōu)樽匀缓蛡€(gè)性化的體驗(yàn)。

或者換一種說(shuō)法，交互設(shè)計(jì)是使網(wǎng)站和應(yīng)用程序具有交互性的過(guò)程。

交互設(shè)計(jì)師關(guān)注的是用戶在與數(shù)字產(chǎn)品交互時(shí)想要實(shí)現(xiàn)的目標(biāo)。他們?yōu)槲覀兲峁M足我們需求的體驗(yàn)，幫助我們?nèi)〉贸晒Α?/p>

有很多交互設(shè)計(jì)的例子是我們?cè)诓恢挥X(jué)中完成的。例如，我們?cè)?Instagram 上滾動(dòng)瀏覽，當(dāng)我們想喜歡某個(gè)帖子時(shí)，就會(huì)點(diǎn)擊紅心。我們?cè)?OkCupid 等交友軟件上向左或向右滑動(dòng)，希望得到 "我們找到了匹配對(duì)象 "這一充滿希望的信息。我們?cè)?Duolingo 等應(yīng)用程序上學(xué)習(xí)新語(yǔ)言，當(dāng)我們完成一門(mén)課程時(shí)，這些應(yīng)用程序會(huì)用卡通人物為我們加油打氣。

交互設(shè)計(jì)提出了這些參與點(diǎn)，并決定了我們?cè)谶M(jìn)行這些操作時(shí)收到的反饋。

二、交互設(shè)計(jì)如何在用戶和計(jì)算機(jī)之間創(chuàng)造對(duì)話?

當(dāng)我們使用一個(gè)應(yīng)用程序或網(wǎng)站時(shí)，根據(jù)我們想要做的事情，我們會(huì)經(jīng)歷一系列步驟。當(dāng)我們進(jìn)行特定操作或輸入信息時(shí)，計(jì)算機(jī)會(huì)做出響應(yīng)。當(dāng)我們做其他事情時(shí)，系統(tǒng)會(huì)再次做出響應(yīng)。

交互設(shè)計(jì)的重點(diǎn)是讓這種來(lái)回的操作感覺(jué)流暢自然。我們不再是在單向交流中接受計(jì)算機(jī)的指令，而是在完成每一步操作的過(guò)程中成為持續(xù)對(duì)話的一部分。

三、交互設(shè)計(jì)如何創(chuàng)造參與感?

用戶界面元素、微交互、導(dǎo)航選項(xiàng)和其他類型的交互元素就像向?qū)В刮覀兡軌蛲瓿赡承﹦?dòng)作。交互設(shè)計(jì)不僅規(guī)定了這些步驟，還預(yù)測(cè)了我們的反應(yīng)和行為。

在一篇關(guān)于交互設(shè)計(jì)基礎(chǔ)知識(shí)的文章中，要求設(shè)計(jì)師在設(shè)計(jì)中加入用戶界面元素和其他交互功能時(shí)考慮以下幾點(diǎn)：

這些元素的大小是否合理，使用戶能夠與之互動(dòng)?

菜單和其他導(dǎo)航選項(xiàng)是否占據(jù)了角落或其他明顯的線條或邊緣交叉點(diǎn)?

是否有常用的設(shè)計(jì)模式和熟悉的交互方式來(lái)幫助訪客導(dǎo)航和參與?

四、交互設(shè)計(jì)為何重要?

當(dāng)然，工程設(shè)計(jì)很重要。但如果過(guò)于復(fù)雜，即使是最尖端的技術(shù)也會(huì)失敗。交互設(shè)計(jì)是與工程學(xué)相對(duì)應(yīng)的溫暖而模糊的設(shè)計(jì)，它使我們與數(shù)字產(chǎn)品的接觸更加人性化。是它讓我們?cè)敢夥磸?fù)使用產(chǎn)品。

交互設(shè)計(jì)師能促進(jìn)共鳴和聯(lián)系。他們了解目標(biāo)受眾的心理和動(dòng)機(jī)，為我們量身定制讓我們感覺(jué)良好的交互方式。

五、什么是好的交互設(shè)計(jì)?

好的交互設(shè)計(jì)能提高可用性，并為我們提供順利旅行所需的一切。以下是交互設(shè)計(jì)師在設(shè)計(jì)交互時(shí)考慮的主要原則。

了解用戶：交互設(shè)計(jì)師要考慮誰(shuí)會(huì)使用產(chǎn)品，他們的需求是什么。

有意且明顯：無(wú)論是引導(dǎo)訪客完成一系列交互步驟的微文案、"立即購(gòu)物 "按鈕，還是移動(dòng)設(shè)備控制面板上的設(shè)置，交互都應(yīng)該有特定的目的。除了有意為之之外，交互設(shè)計(jì)還需要明顯。圖標(biāo)、用戶界面元素和其他交互功能的功能應(yīng)該易于識(shí)別。Twitter 的轉(zhuǎn)發(fā)圖標(biāo)、Instagram 的評(píng)論氣泡、Lyft 問(wèn) "你要去哪里?"的表單都是有明確目的的交互元素。

提供反饋：交互設(shè)計(jì)可以通過(guò)文字、視覺(jué)效果、動(dòng)畫(huà)、音頻或狀態(tài)的變化讓用戶知道他們完成了一項(xiàng)任務(wù)或邁出了一步。

提供語(yǔ)境：交互設(shè)計(jì)師會(huì)考慮產(chǎn)品最有可能在哪里使用。例如，人們?cè)诼猛局惺褂玫囊苿?dòng)應(yīng)用程序與可能在臺(tái)式機(jī)上瀏覽的冗長(zhǎng)網(wǎng)站的功能會(huì)有所不同。

根據(jù)信息結(jié)構(gòu)和組織提供互動(dòng)：網(wǎng)站的信息結(jié)構(gòu)可以告訴我們應(yīng)該在何時(shí)何地進(jìn)行交互。交互設(shè)計(jì)師會(huì)關(guān)注信息的整體組織，并找到交互發(fā)生的準(zhǔn)確時(shí)機(jī)。

海馬課堂專業(yè)課程輔導(dǎo)，2100+嚴(yán)選碩博學(xué)霸師資，針對(duì)學(xué)生的薄弱科目和學(xué)校教學(xué)進(jìn)度，匹配背景相符的導(dǎo)師，根據(jù)學(xué)生情況進(jìn)行1V1專屬備課，上課時(shí)間靈活安排，中英雙語(yǔ)詳細(xì)講解課程中的考點(diǎn)、 難點(diǎn)問(wèn)題，并提供多方位的課后輔導(dǎo)，輔助學(xué)生掌握全部課程知識(shí)，補(bǔ)足短板。