2018年不可錯過的12個移動UX設計趨勢

最新 01-14

作者｜Nick Babich

譯者｜MQ Wang

在過去的 2017，我們開始嘗試著使用面部解鎖，逐漸習慣了語音搜索，不再帶著現金出門，各種移動應用已經完全融入了我們的日常生活，先進技術的飛速發展也帶動了移動交互設計的發展。在這篇文章中，作者將介紹一些極具影響力的移動端 UX 設計趨勢，來幫助您在全新開啟的 2018 年做好充足的準備。

移動應用的世界瞬息萬變。想要在移動端的 UX 設計領域取得一些成績，設計師們就必須具備敏銳的洞察力並時刻為即將到來的挑戰做好準備。為了使任務簡單些，我將會列舉一些最重要、最具影響力的趨勢來幫助你應對 2018，或是更遠的將來。

1. 簡化用戶使用流程

當我們使用 app 或瀏覽網頁時，都會帶著一個特定的目的。通常來說，花費越少的精力達成目的，就會得到越好的體驗。

線性用戶操作流程

線性設計體驗具有明確的開端、中間過程和結尾，它能引導用戶在每一步完成一個相應的動作。線性的用戶操作流程對用戶非常友好，因為它能給出一個任務完成的大致時間。

這是 Uber 中預訂計程車的流程是線性操作流的一個例子：

GIF

逐步呈現

當你的應用包含無數的信息和操作，就沒有必要一次性把所有內容都顯示出來。設計師們會使用「逐步呈現」這種手法，在用戶需要的時候才把相應的信息和操作顯示出來。這種方法能夠減少認知負擔並提升界面的易理解性。

了解更多：

https://uxplanet.org/design-patterns-progressive-disclosure-for-mobile-apps-f41001a293ba

2. 應用內手勢與動畫結合

隨著 iPhone X 的發布，設計師們又遇到了新的挑戰。物理 Home 鍵的取消意味著用戶與設備最基礎的交互也必須通過手勢來實現。這對設計師們又意味著什麼呢？意味著設計師們需要放更多的精力在手勢設計上。

如果你想深入了解基於手勢的界面設計會面臨哪些挑戰，可以閱讀一下 Don Norman 的文章：

http://www.jnd.org/dn.mss/gestural_interfaces_a_step_backwards_in_usability_6.html

這篇文章會說明手勢交互相關的關鍵問題，例如可發現性和可學習性。為了解決這些問題，設計師們需要更加關注動效設計及微交互設計。

運用動畫可以實現這些效果:

指明可以進行的交互操作（動態指示）

描述 UI 元素的空間關係（動態過渡）

提供交互的反饋

GIF

3. 以內容為中心的體驗

精心策劃和容易理解的內容能使移動應用更加吸引用戶。在 2018 年，設計師們可以試著用以下方式來突出內容：

去除冗雜

移除視覺上的冗雜以及促進內容理解是當前 UX 設計師們熱衷的目標。設計師們會通過將內容前置，或是精心設計清晰的視覺語言來去除不相關的信息（雜訊）並優先顯示相關的信息（信號）。

去掉所有雜亂的視覺效果能幫助你將注意力集中在核心信息上。

清晰的視覺層次

對 UI 元素進行清晰的層次設計能夠讓用戶更容易地理解內容。強烈的視覺信號（例如用於行為召喚的按鈕會具有鮮明的對比色）能夠為用戶指引特定的交互元素或是重要的信息，進行用戶行為召喚（call to action）的按鈕會使用對比色。

4. 全屏體驗

隨著三星 Galaxy S8 和 iPhone X 的發布，無邊框設計成為了趨勢。隨著屏幕空間的擴大，用戶們也期望能獲得更多的全屏體驗。

HD 圖片和視頻

不僅是應用的全屏體驗非常重要，內容的質量也會對用戶的期望產生直接影響。屏幕上顯示的圖片出現像素點是萬萬不可的。

5. 躍動的色彩

色彩是設計師的背包里最有力的工具。色彩可以吸引注意力，營造氛圍，甚至影響用戶的情緒和行為。在移動應用的設計中，更能使這些色彩得到真正的應用。

色彩作為功能性元素

色彩的運用不僅為了美觀，它還可以成為功能性體驗的一部分。比如設計師們會用色彩來區分不同類型的通知。

GIF

用色彩來區分不同類型的動態

6. 情感體驗

在 2018 年更多的情緒智能（EI）將被運用在移動端體驗中。EI 不再完全是用戶完成特定操作時顯示的動效。它作為一種強有力的方法，可以使交互體驗變得更加愉悅動人。

用更好的方式表達情緒

表達情感是人類的天性。即使在使用命令行交互的年代，我們也會使用符號表情來向他人表達自己的感受。

Scott Fahlman 在 1982 年創造了著名的基於 ASCII 碼的表情符號：

在使用移動設備的時代，我們能夠更廣泛的散播情感。面部識別被用於提供更符合實際的情感反應。其中一種技術就是 Animoji，它是一種動態的 emoji 表情，可以通過 iPhone X 的攝像頭反應出真實的面部表情。

GIF

與應用自然地交互

對手勢操作關注度的增加會改變我們和應用間的交互方式。在給內容點贊時，我們可以用更自然的方式，比如在屏幕上畫一顆心，來替代傳統的圖標和按鈕點擊。

GIF

通過 UI 模擬情緒

作為人類，我們會和所有使用的產品形成情感聯繫。因此，我們會期望在和產品交互時得到一些類似人類的反饋。即便我們知道產品不像人類能感受到情緒，但還是希望它們可以。

GIF

應用對輸入的內容作出反饋時模擬了人的反應。

7. 視頻的統治

2017 見證了視頻作為一種內容營銷模式在人氣上的激增。Hubspot 顯示，78% 的用戶每周都會在線看視頻，55% 的用戶每天都會在線看視頻。

在使用移動設備的場景下，設計師們會根據媒介的變化調整視頻的形式。

為較短的注意力持續時間調整視頻

人類的平均注意力持續時間已經從 2000 年的 12 秒下降到了 2015 年的 8 秒。新形勢下的內容交付方式是適應變化的產物。像 360 度全景視頻和 Facebook Live 也都是為了適應這種變化而產生的。2018 年，更多的用戶和企業會選擇這種形式去發布重要和實時的資訊。

GIF

縱向調整視頻

據 Luke W 網站統計，94% 的時間裡手機都是被縱向使用的。這表示所有的內容（包括視頻在內）都應該去適應這個方向的使用。

8. 生物特徵鑒權

使用生物識別技術的應用可以繞過傳統的登錄方式。有了生物識別技術，鑒權就只需要一些特定的生理上或是行為上的特徵，比如面部識別、指紋和語音識別。

更多人將使用生物鑒權

生物鑒權並不是嚴格意義上的新技術。現在許多用戶都已經開始使用這種技術來代替原來的密碼輸入。據蘋果公司統計，用戶平均每天會進行 80 次設備解鎖，而其中 89% 都是使用 Touch ID 來完成的。2018 年，生物識別技術將會更多地被用作鑒權和身份管理。對於終端用戶和在移動應用中使用了這項技術的企業來說，它也同時在促進著安全的發展。

Face ID 是 Touch ID 的替代品

2018 年我們將使用一個最受保護的，也是最易用的物體來進行鑒權——我們的臉部。iPhoneX 具備的 Face ID 將成為這一年最自然的鑒權方式。

GIF

9. 會話設計

2015 年 comScore 的研究表示平均每個用戶只會頻繁的使用 3 個應用，且其中至少有一個是消息類的。人們熱愛聊天，這就是為什麼人工智慧驅動的聊天機器人以及聲控助手會在 2018 年持續火熱。

聊天機器人在消息平台中充當助手

聊天機器人不會完全替代傳統的圖形交互界面，但它們會作為助手被集成進消息平台（例如 Facebook Messages）。商家將可以和客戶進行實時的自動會話。

更複雜的語音助手

現在，圖形用戶界面已經不是我們和應用交互的唯一方式了。自然語言處理以及計算性能取得的巨大進步使語音這種交互方式成為可能。2016 年，谷歌表示大約有 20% 的移動終端搜索都是由語音完成的。聲控界面成為這一年的大趨勢是顯而易見的。語音交互通過消除形式來增強用戶體驗，也消除了其他潛在的交互方式引起的爭端（因為用戶必須去學習如何進行使用）。

文案設計的重要性

會話交互界面在設計師和開發者之中的普及會引起對文案設計重要性的認識。考慮到聊天機器人的實現完全是基於用戶和機器間文字的交換，就更應該字字斟酌。

10. 個性化的增強

在 2018 年，個性化的用戶體驗將持續成為熱門。

基於用戶位置提供內容服務

移動終端始終跟隨者用戶，因此終端上的應用可以結合用戶的位置信息提供相關的內容。這能使應用服務更快地響應周圍環境的變化。像 Starbucks 這類的應用已經開始使用這些特性來為用戶提供特別的服務。2018 年將會有更多的應用通過這種能力來優化用戶體驗。