當(dāng)我們打開(kāi)一個(gè)網(wǎng)站或app

最先關(guān)注的是什么？

logo，顏色，圖標(biāo)，插畫(huà)還是整體畫(huà)面？

所有的這些元素

都會(huì)對(duì)用戶的使用體驗(yàn)產(chǎn)生影響

并組成一個(gè)綜合性的概念：交互設(shè)計(jì)。

什么是交互設(shè)計(jì)？

      交互設(shè)計(jì)是加強(qiáng)用戶和產(chǎn)品及服務(wù)之間交流的方式。根據(jù)Interaction Design Foundation的定義，“交互設(shè)計(jì)的目的是盡可能地創(chuàng)造能夠給予用戶最好使用體驗(yàn)的產(chǎn)品”。換句話說(shuō)，交互設(shè)計(jì)必須讓每一個(gè)設(shè)計(jì)元素都變得有意義。用戶可以通過(guò)點(diǎn)擊，滑動(dòng)，輕觸或其他各種方式來(lái)感受到交互設(shè)計(jì)所能夠帶來(lái)的便捷。

      說(shuō)了這么多，交互設(shè)計(jì)到底是什么樣子的呢？今天小編就來(lái)帶領(lǐng)大家看看在現(xiàn)實(shí)生活中，體現(xiàn)交互設(shè)計(jì)的十個(gè)小例子。

（By Jony Vino）

      和朋友一起吃飯，旅游，購(gòu)物，難免得碰上分?jǐn)傎M(fèi)用這件事。這一款app能夠幫你理清所有賬務(wù)。

      它能夠讓用戶輸入總額，并且挑選相應(yīng)的小費(fèi)(沒(méi)錯(cuò)，小費(fèi)的計(jì)算在國(guó)外真的很重要)。不同于人工計(jì)算每個(gè)人應(yīng)該要出的費(fèi)用，這款app可以根據(jù)配比自動(dòng)更新每一個(gè)人的份額。

（By Prem Gurusamy ）

      大多數(shù)的線上購(gòu)物網(wǎng)站，如果想要查看自己的購(gòu)物車(chē)，你必須重新開(kāi)一個(gè)網(wǎng)頁(yè)或app頁(yè)面。但是，現(xiàn)在因?yàn)橐粋€(gè)小小的交互設(shè)計(jì)，你只需點(diǎn)擊“add to cart”按鈕，想要購(gòu)買(mǎi)的物品就可以肉眼可見(jiàn)地飛到頁(yè)面左邊的小框里。隨時(shí)買(mǎi)，隨時(shí)查看，無(wú)需打開(kāi)過(guò)多頁(yè)面。

（By Igor Pavlinski）

      社交媒體app很多時(shí)候由于過(guò)多的信息而特別煩人?？偸菍⒁曨l，文章或者新聞同時(shí)置頂?shù)绞謾C(jī)上。但是這一款新型社交媒體app將選擇權(quán)交到了用戶手上。它根據(jù)信息來(lái)源整理內(nèi)容，比如YouTube，Vimeo，Twitter和Reddit等。你可以盡情選擇頻道，去看發(fā)出來(lái)的信息。這種卡片式的布局讓你能夠有更多時(shí)間去選擇自己想要看的內(nèi)容。

（By Tubik）

       當(dāng)你想要在自己的手機(jī)上點(diǎn)一個(gè)漢堡時(shí)，你需要怎么做？手機(jī)上密密麻麻的選項(xiàng)很多時(shí)候會(huì)讓你頭痛不已。這一款交互設(shè)計(jì)理念就簡(jiǎn)化了顧客點(diǎn)餐的步驟。通過(guò)將所有食材分類(lèi)，從而讓顧客能夠點(diǎn)擊每一個(gè)分類(lèi)選擇自己想要的東西。比如你想在漢堡里加如指定cheese，選擇cheese那個(gè)分類(lèi)，就會(huì)彈出更多cheese選項(xiàng)。

      點(diǎn)上一個(gè)自己想要的漢堡，簡(jiǎn)直輕而易舉。

（By Rahul.Design）

      如果你是一個(gè)家裝愛(ài)好者，但是又不能親眼見(jiàn)到很多立體式的裝修。那么，最好的選擇就是進(jìn)入這一款app，來(lái)一次虛擬的視覺(jué)體驗(yàn)。這個(gè)理念適用于所有的地產(chǎn)軟件，以一個(gè)全新的視角來(lái)看整個(gè)房子。你可以點(diǎn)擊任意房間，比如廚房或者客廳。搖擺你的手機(jī)獲取一個(gè)360度全方位的觀看。比起實(shí)地考察，這種足不出戶的看房方法，顯得更加簡(jiǎn)便。

（By Forest Plasencia）

      每個(gè)app上都會(huì)有過(guò)濾功能，它能夠幫助用戶篩選出最有用的信息。但是，很多的軟件會(huì)在人們選擇過(guò)濾信息時(shí)，將已經(jīng)過(guò)濾過(guò)的信息完全刪除。當(dāng)用戶又開(kāi)始想查看曾經(jīng)那些被刪除的信息，該怎么辦呢？這一個(gè)交互設(shè)計(jì)就幫你解決了問(wèn)題。它將所有的信息都做上標(biāo)記，想要查看那一類(lèi)的信息，點(diǎn)擊那個(gè)分類(lèi)即可。

      即使是過(guò)濾過(guò)的信息，也能輕松找到，進(jìn)行回看。

（By Dmitro Petrenko）

      在外出時(shí)，能夠定時(shí)查看自己的房間這已經(jīng)不是什么稀奇事了。但是，能夠設(shè)計(jì)出一款在布局上落落大方，但是又能夠照顧到所有方面的房間檢測(cè)app，就又需要花一個(gè)大功夫啦！

      房間，室溫，能源，電量，將所有這一切都綜合起來(lái)，讓用戶在外也能夠掌握家里的狀況。

（By Dominik Martin）

       有的時(shí)候，一個(gè)交互的體驗(yàn)不需要特別引人注目或者五彩斑斕，需要的就是能夠?qū)嶋H給用戶帶來(lái)便利。用戶會(huì)在很多情況下會(huì)需要填寫(xiě)個(gè)人信息，但是冗長(zhǎng)的名單(比如國(guó)家填寫(xiě))，往往會(huì)讓人顯得不耐煩。其實(shí)，只需要一個(gè)交互小設(shè)計(jì)，把所有信息以開(kāi)頭字母分類(lèi)，就能夠讓選擇的名單變得直觀。

（By Mykolas Puodziunas）

      越來(lái)越多的購(gòu)物網(wǎng)站運(yùn)用“快速查看”這一方法，讓網(wǎng)上購(gòu)物更加迅速。無(wú)需打開(kāi)過(guò)多網(wǎng)頁(yè)去查詢商品詳情，用戶在目錄頁(yè)就可以直接查看衣服樣式。不同的顏色也可以直接展現(xiàn)出來(lái)，為用戶省去了一大把時(shí)間。

（By Jakub Antalik）

      在Apple Watch的概念提出之時(shí)，很多人對(duì)此表示過(guò)疑問(wèn)。一個(gè)小小的手表，能有什么作用？但是，當(dāng)產(chǎn)品出世之時(shí)，很多人又開(kāi)始驚嘆它的精巧。這其中，電話，日程，信息等等軟件都集合在這個(gè)小小的手表中。這一切都是交互設(shè)計(jì)師的功勞。原來(lái)，交互設(shè)計(jì)無(wú)處不在。它能夠幫助人們更好地學(xué)習(xí)，生活和工作。它將智能普及千家萬(wàn)戶。

      當(dāng)你在使用一款產(chǎn)品時(shí)，是否有過(guò)不好的體驗(yàn)？

      那么，你是否考慮過(guò)改變這些體驗(yàn)?zāi)?？如何從使用者搖身一變成為造福人類(lèi)的交互設(shè)計(jì)師？如何將自己的設(shè)計(jì)想法形成一個(gè)成熟的產(chǎn)品？或許，南廣國(guó)際交互設(shè)計(jì)短期課程能夠幫到你。這里有最前沿的交互理念，最精準(zhǔn)的學(xué)習(xí)目標(biāo)，以及最專(zhuān)業(yè)的課程導(dǎo)師。與此同時(shí)，你的導(dǎo)師將向你介紹一系列可用的工具，用于創(chuàng)建設(shè)計(jì)和構(gòu)建簡(jiǎn)單的原型，從而確保你可以在自己課后的時(shí)間獨(dú)立使用。如：Adobe Illustrator、Adobe Photoshop、Sketch、Axure等。

      課程涵蓋

      設(shè)計(jì)原則和形態(tài)

      信息架構(gòu)和內(nèi)容設(shè)計(jì)

      案例分析

      人機(jī)交互指南

      線框設(shè)計(jì)

      原型，測(cè)試和迭代

      課程成果

      在課程結(jié)束時(shí)，你將對(duì)交互及用戶體驗(yàn)設(shè)計(jì)的好處有更多的理解和信心。 您將構(gòu)建一個(gè)應(yīng)用程序原型并嘗試測(cè)試、優(yōu)化和分享它。

      課程對(duì)象

      非常適合對(duì)新媒體和數(shù)字媒體設(shè)計(jì)有濃厚興趣的設(shè)計(jì)類(lèi)專(zhuān)業(yè)學(xué)生或平面設(shè)計(jì)從業(yè)者。 建議提前預(yù)習(xí)Adobe Illustrator、Adobe Photoshop或Sketch的一些知識(shí)。