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

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

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

所有的這些元素

都會對用戶的使用體驗產(chǎn)生影響

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

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

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

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

（By Jony Vino）

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

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

（By Prem Gurusamy ）

      大多數(shù)的線上購物網(wǎng)站，如果想要查看自己的購物車，你必須重新開一個網(wǎng)頁或app頁面。但是，現(xiàn)在因為一個小小的交互設(shè)計，你只需點擊“add to cart”按鈕，想要購買的物品就可以肉眼可見地飛到頁面左邊的小框里。隨時買，隨時查看，無需打開過多頁面。

（By Igor Pavlinski）

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

（By Tubik）

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

      點上一個自己想要的漢堡，簡直輕而易舉。

（By Rahul.Design）

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

（By Forest Plasencia）

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

      即使是過濾過的信息，也能輕松找到，進行回看。

（By Dmitro Petrenko）

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

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

（By Dominik Martin）

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

（By Mykolas Puodziunas）

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

（By Jakub Antalik）

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

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

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

      課程涵蓋

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

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

      案例分析

      人機交互指南

      線框設(shè)計

      原型，測試和迭代

      課程成果

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

      課程對象

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