什麼叫好的互動設計?淺談互動設計中的小技巧

對於剛學習交互設計的新人,肯定會面對繁多的交互設計原則,不知道按照那個原則來設計。其實我感覺設計最重要的原則就是站在用戶的角度,滿足用戶的需求,讓用戶體驗感蹭蹭蹭地上升,我們設計的作品就是成功的。說完最重要的原則,下面我們由淺及深,先聊聊交互原則的那些事兒,想要學習的小夥伴可以看看的哦。

什麼叫好的交互設計?淺談交互設計中的小技巧

為什麼需要設計原則?

設計原則其實就是對一些設計過程中基於人類的認知規律對設計做出的一些指導性原則,並且對已經成為行業共識的設計經驗做個總結,用來指導設計師界定問題、提高效率。

經常用的設計原則有哪些?

1、可學習性

目標用戶在已有的知識和經驗基礎上,能正確理解產品界面,無需要思考而一目瞭然;或者是用戶通過自己的學習,藉助提示或幫助說明,能夠理解產品界面。則界面具有了可學習性。

2、一致性

在相似的情景下,應在幾個方面保持一致性:視覺表現、交互行為、操作結果。良好的一致性,可以減少用戶學習成本培養用戶習慣,也可體現產品設計的嚴 謹。如果有不同,應作相應的區別處理,特別是視覺表現上要予以區分。

3、簡潔性

少即是多,儘可能精簡界面上的元素。當設計出原型,先將元素減半,然後再看能否再簡化。生活其實很簡單,但很多時候我們人為將其複雜化了。保證主要任務流程順利完成,消減其餘不相關元素的干擾。

4、流暢性

用戶操作連貫,任務完成順暢,避免干擾或打斷。明確最基本的核心任務,並保證它的順利執行,輔助操作應在不影響核心任務的基礎上展開。

什麼叫好的交互設計?淺談交互設計中的小技巧

上面這四個原則都是最基本的原則,下面我們站在用戶的角度去想問題,聊聊交互設計的小技巧。

  1. 分層界面設計

什麼叫好的交互設計?淺談交互設計中的小技巧

如同我們所知道的那樣,移動設備的屏幕不夠大,不能夠提供桌面端的那種全景式的瀏覽體驗。然而,移動端設計的主要要求是簡潔,但是為了有效傳遞出所有的服務內容,你需要有技巧性地組織利用這些有限的空間。這促成了分層界面設計的崛起。位於前端層次的元件應該活躍,位於後端層次的原件應當順從考前層次的原件。

2.扁平化的界面

什麼叫好的交互設計?淺談交互設計中的小技巧

2015年,我們將更專注於功能的傳遞而非界面裝飾的至臻完美。這就是為什麼扁平化設計成為了潮流,因為它能夠賦予你的移動 App 一種簡明的結構,這種特性能夠有效地促進提高網站訪問者的用戶體驗。

3.社交媒體整合

什麼叫好的交互設計?淺談交互設計中的小技巧

2015年,移動應用將會在很大程度上依賴於諸如 Facebook,Google,Twitter(當然了,在國內就是 QQ,微信,新浪微博)等等的社交網站。整合社交媒體現在在移動 App 中似乎成為了不可或缺的一部分,因為它能夠豐富你的 App 的功能。而且,它也能成為一種連接其他用戶的工具,因為你的用戶們能夠讓他們的朋友來嘗試這款應用,或者至少在社交媒體上面露個臉。它還是一種很重要的營銷工具。

4.從社交媒體登錄

什麼叫好的交互設計?淺談交互設計中的小技巧

大部分的 App 設計者或許認為一個很大的 login 表單看起來很酷,但是他們往往沒能夠意識到用戶看見那麼恐怖的表單的時候往往會直接崩潰掉。因此,許多用戶在他們下完應用後就把它們卸載掉了。為了去除掉這種惹人討厭的註冊表單,你應該允許用戶們從社交平臺進行登錄。這不僅能夠幫助用戶節省他們的時間,而且免除了用戶需要費力記住他們註冊的用戶名和密碼的煩惱。

5.使用素雅的、簡單的顏色主題

什麼叫好的交互設計?淺談交互設計中的小技巧

是用豐富的,甚至是豔俗的顏色會使得你的用戶分心。因此,如果你不希望你的用戶在看到花裡胡哨的、扎眼的 App 之後就把它刪掉,你就應當使用一種簡單的顏色主題。簡單的顏色主題同時也是扁平化設計的要求,這能夠使得用戶在使用你的 App 時能夠有順滑的體驗。

6.在瞭解你的用戶後再開始設計

什麼叫好的交互設計?淺談交互設計中的小技巧

在設計 App 功能的同時要把你的目標用戶時刻放在心裡,這將有助於你達到你的目標。為了讓他們下載你的 App,你需要提供他們他們所需要的,真正會喜歡的東西。如果在為一個特殊的年齡群體設計 App,你應當確定你在 App 中所設置的操作方式能夠被用戶所喜歡。年輕群體會更喜歡炫酷的手勢操作方式,而中老年群體會偏向於簡單的操作方式。如果你不想讓你的用戶怒刪 App,最好就將他們的喜好納入你的考慮範圍。

7.實體或描邊 icon

什麼叫好的交互設計?淺談交互設計中的小技巧

另外一個2015的設計趨勢是使用線性圖標,這能夠使得用戶能夠迅速地在活躍和非活躍的 icon 之間進行識別,因而,提高了用戶體驗。

什麼叫好的交互設計?淺談交互設計中的小技巧

這次的分享就到這裡了,有興趣的小夥伴可以在下面領取設計資料的哦~http://t.cn/ROCIyd0(複製到瀏覽器打開即可)詳情請看職業研學社


分享到:


相關文章: