2018年移動用戶體驗設計趨勢 不容錯過這12個

導讀 ­  手機 App 一天一個變,要想在移動用戶體驗設計領域分一份羹,設計師一定要有遠見,并隨時迎接新的挑戰。­  簡單粗暴來說

­  手機 App 一天一個變,要想在移動用戶體驗設計領域分一份羹,設計師一定要有遠見,并隨時迎接新的挑戰。

­  簡單粗暴來說,這里有 12 個今年最有影響的設計趨勢,2018 年乃至更后的日子,你都能用到。

­  1. 簡單的用戶旅程

­  我們用 App,必然有特定目的。通常,達成目的所花努力越少,用戶體驗感越好。

­  線性用戶流程

­  線性設計體驗,有明確的起轉變化,能讓用戶通過 1 個動作完成 1 個任務。線性用戶流程的好處,在于它能讓用戶知道完成某項任務的大概時間。

­  通過 Uber 叫車的過程,就是線性用戶流程的示例。

­  漸進呈現

­  當 App 有太多信息或動作時,沒必要一次性呈現所有內容。設計師可以利用「漸進呈現」這個技巧,使信息或動作只在用戶需要的情況下呈現出來。

­  漸進呈現的好處,在于它能減少認知負荷,同時能提高用戶對界面的認識。

­  在用戶與界面交互過程中,漸進呈現逐步向用戶介紹界面內容和功能。

­  2. 動畫與內置手勢相結合

­  自 iPhone X 發布以來,設計師面臨了新的挑戰。沒了實體 Home 鍵,哪怕是最基本的交互都是基于手勢完成的。

­  這對設計師來說意味著什么?這需要更加關注手勢設計。

­  如果你想了解基于手勢的界面背后的挑戰,不妨閱讀這篇來自 Donald Norman 的文章《手勢界面:實用性在倒退》

­  這篇文章講述了基于手勢交互的幾個核心問題,比如可發現性和可學性。要解決這些問題,設計師應該更加關注動態設計和微交互。

­  加入動態設計:

­  可以讓用戶了解有哪些交互(動態提示)

­  文字描述和動態提示相結合。圖片來源:Material Design

­  可以讓用戶了解界面元素的空間關系(動態轉場) 可以給用戶提供交互相關的反饋

­  空間關系明朗清晰,同時有交互相關的反饋。圖片來源:Shakuro

­  3. 以內容為主的用戶體驗

­  布局良好、輕松獲取的內容信息,讓你的 App 更具有吸引力。設計師可以通過以下 2 種設計技巧突出主要內容:

­  去雜化

­  移除視覺雜亂元素并提高用戶理解,符合當今眾多設計師的設計理念。設計師應牢記「內容第一」和「清晰呈現」,移除無關緊要的內容,并按重要性排列相關信息。

­  移除視覺雜亂元素,可以幫你聚焦在你想傳遞給用戶的核心信息。

­  清晰的視覺層次

­  界面元素清晰布局,能讓用戶更簡單地理解內容。可以通過明顯的視覺能指(比如行為號召按鈕上的反差顏色),讓用戶關注某些交互元素或重要信息。

­  4. 全面屏體驗

­  三星 Galaxy S8 和 iPhone X 發布后,無邊框設計成了設計趨勢。用戶在體驗更多屏幕空間的同時,也期待更友好的全面屏體驗。

­  高清圖像和視頻

­  App 應該給用戶提供友好的全面屏體驗。界面內容的質量將直接影響用戶對 App 的期待。就圖片而言,在移動客戶端的圖片,最好不要過于像素化。

­  AppSo 注:像素化的文字或圖片會讓人看到像素網格,通常都是過度放大圖片或者文字造成的一種結果。

­  5. 用色大膽

­  設計師的工具包里,永遠也少不了色彩。色彩能喚起注意力,影響心情,影響用戶的情感和行為。就手機 App 設計而言,如今絕對是一個大膽用色的時代。

­  把色彩用作功能元素

­  色彩并不只用于美學,它也是功能體驗的一部分。比如,設計師會通過色彩在視覺上將不同類別的通知信息分層。

­  通過色彩歸類不同類型的事件。圖片來源:Jae-seong, Jeong

­  6. 情感體驗

­  2018 年,我們會看到更多把情感智能(EI)融入到移動用戶體驗的案例。EI 不再只是用戶完成某特定任務的動效,而是讓用戶體驗更有趣、更友好的有力途徑。

­  表達情感的更好方法

­  表達情感是人之常情。即便在充滿命令串的界面上,我們也用表情符號表達感情。

­  1982 年,Scott Fahlman 發明了基于 ASCII 碼的表情符號。

­  在如今的移動設備時代,我們有機會分享更多的表情。面部識別技術可以用來提供更多相關的交互行為。

­  值得一提的是 Animoji,它是 iPhone X 相機里根據人臉表情生成的動畫表情。

­  用了 Animoji,與朋友分享情感變得更簡單

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!