當我們打開一個網站或app
最先關注的是什么?
logo,顏色,圖標,插畫還是整體畫面?
所有的這些元素
都會對用戶的使用體驗產生影響
并組成一個綜合性的概念:交互設計。
什么是交互設計?
交互設計是加強用戶和產品及服務之間交流的方式。根據Interaction Design Foundation的定義,“交互設計的目的是盡可能地創造能夠給予用戶最好使用體驗的產品”。換句話說,交互設計必須讓每一個設計元素都變得有意義。用戶可以通過點擊,滑動,輕觸或其他各種方式來感受到交互設計所能夠帶來的便捷。
說了這么多,交互設計到底是什么樣子的呢?今天小編就來帶領大家看看在現實生活中,體現交互設計的十個小例子。
(By Jony Vino)
和朋友一起吃飯,旅游,購物,難免得碰上分攤費用這件事。這一款app能夠幫你理清所有賬務。
它能夠讓用戶輸入總額,并且挑選相應的小費(沒錯,小費的計算在國外真的很重要)。不同于人工計算每個人應該要出的費用,這款app可以根據配比自動更新每一個人的份額。
(By Prem Gurusamy )
大多數的線上購物網站,如果想要查看自己的購物車,你必須重新開一個網頁或app頁面。但是,現在因為一個小小的交互設計,你只需點擊“add to cart”按鈕,想要購買的物品就可以肉眼可見地飛到頁面左邊的小框里。隨時買,隨時查看,無需打開過多頁面。
(By Igor Pavlinski)
社交媒體app很多時候由于過多的信息而特別煩人。總是將視頻,文章或者新聞同時置頂到手機上。但是這一款新型社交媒體app將選擇權交到了用戶手上。它根據信息來源整理內容,比如YouTube,Vimeo,Twitter和Reddit等。你可以盡情選擇頻道,去看發出來的信息。這種卡片式的布局讓你能夠有更多時間去選擇自己想要看的內容。
(By Tubik)
當你想要在自己的手機上點一個漢堡時,你需要怎么做?手機上密密麻麻的選項很多時候會讓你頭痛不已。這一款交互設計理念就簡化了顧客點餐的步驟。通過將所有食材分類,從而讓顧客能夠點擊每一個分類選擇自己想要的東西。比如你想在漢堡里加如指定cheese,選擇cheese那個分類,就會彈出更多cheese選項。
點上一個自己想要的漢堡,簡直輕而易舉。
(By Rahul.Design)
如果你是一個家裝愛好者,但是又不能親眼見到很多立體式的裝修。那么,最好的選擇就是進入這一款app,來一次虛擬的視覺體驗。這個理念適用于所有的地產軟件,以一個全新的視角來看整個房子。你可以點擊任意房間,比如廚房或者客廳。搖擺你的手機獲取一個360度全方位的觀看。比起實地考察,這種足不出戶的看房方法,顯得更加簡便。
(By Forest Plasencia)
每個app上都會有過濾功能,它能夠幫助用戶篩選出最有用的信息。但是,很多的軟件會在人們選擇過濾信息時,將已經過濾過的信息完全刪除。當用戶又開始想查看曾經那些被刪除的信息,該怎么辦呢?這一個交互設計就幫你解決了問題。它將所有的信息都做上標記,想要查看那一類的信息,點擊那個分類即可。
即使是過濾過的信息,也能輕松找到,進行回看。
(By Dmitro Petrenko)
在外出時,能夠定時查看自己的房間這已經不是什么稀奇事了。但是,能夠設計出一款在布局上落落大方,但是又能夠照顧到所有方面的房間檢測app,就又需要花一個大功夫啦!
房間,室溫,能源,電量,將所有這一切都綜合起來,讓用戶在外也能夠掌握家里的狀況。
(By Dominik Martin)
有的時候,一個交互的體驗不需要特別引人注目或者五彩斑斕,需要的就是能夠實際給用戶帶來便利。用戶會在很多情況下會需要填寫個人信息,但是冗長的名單(比如國家填寫),往往會讓人顯得不耐煩。其實,只需要一個交互小設計,把所有信息以開頭字母分類,就能夠讓選擇的名單變得直觀。
(By Mykolas Puodziunas)
越來越多的購物網站運用“快速查看”這一方法,讓網上購物更加迅速。無需打開過多網頁去查詢商品詳情,用戶在目錄頁就可以直接查看衣服樣式。不同的顏色也可以直接展現出來,為用戶省去了一大把時間。
(By Jakub Antalik)
在Apple Watch的概念提出之時,很多人對此表示過疑問。一個小小的手表,能有什么作用?但是,當產品出世之時,很多人又開始驚嘆它的精巧。這其中,電話,日程,信息等等軟件都集合在這個小小的手表中。這一切都是交互設計師的功勞。原來,交互設計無處不在。它能夠幫助人們更好地學習,生活和工作。它將智能普及千家萬戶。
當你在使用一款產品時,是否有過不好的體驗?
那么,你是否考慮過改變這些體驗呢?如何從使用者搖身一變成為造福人類的交互設計師?如何將自己的設計想法形成一個成熟的產品?或許,南廣國際交互設計短期課程能夠幫到你。這里有最前沿的交互理念,最精準的學習目標,以及最專業的課程導師。與此同時,你的導師將向你介紹一系列可用的工具,用于創建設計和構建簡單的原型,從而確保你可以在自己課后的時間獨立使用。如:Adobe Illustrator、Adobe Photoshop、Sketch、Axure等。
課程涵蓋
設計原則和形態
信息架構和內容設計
案例分析
人機交互指南
線框設計
原型,測試和迭代
課程成果
在課程結束時,你將對交互及用戶體驗設計的好處有更多的理解和信心。 您將構建一個應用程序原型并嘗試測試、優化和分享它。
課程對象
非常適合對新媒體和數字媒體設計有濃厚興趣的設計類專業學生或平面設計從業者。 建議提前預習Adobe Illustrator、Adobe Photoshop或Sketch的一些知識。