你的手機會怎麼變？這裡有今年最值得關注的 12 個設計趨勢

作者：井島俊鐵

智能手機時代，手機實際上是 App 的容器，而 App 才是直接決定用戶體驗的關鍵因素。

2018 年，你的手機會怎麼變？很大程度上取決於你手機里的 App 怎麼變。這裡有今年 12 個最有影響力的設計趨勢，2018 年乃至更後的日子，你都能用到。

簡單的用戶旅程

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

線性用戶流程

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

GIF

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

漸進呈現

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

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

漸進呈現逐步向用戶介紹界面內容和功能

動畫與內置手勢相結合

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

對設計師來說，這意味著需要更加關注手勢設計，應該更加關注動態設計和微交互。

加入動態設計有幾大好處，首先是可以讓用戶了解有哪些交互（動態提示）：

GIF

文字描述和動態提示相結合，圖片來源：Material Design

其次，還可以讓用戶了解界面元素的空間關係（動態轉場），並且給用戶提供交互相關的反饋：

GIF

空間關係明朗清晰，同時有交互反饋，圖片來源：Shakuro

以內容為主的用戶體驗

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

去雜化

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

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

清晰的視覺層次

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

反差顏色主要用於行為號召按鈕，圖片來源：Google

全面屏體驗

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

高清圖像和視頻

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

AppSo （微信公眾號）註：像素化的文字或圖片會讓人看到像素網格，通常都是過度放大圖片或者文字造成的一種結果。

像素化的文字

用色大膽

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

把色彩用作功能元素

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

GIF

通過色彩歸類不同類型的事件，圖片來源：Jae-seong

情感體驗

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

表達情感的更好方法

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

1982 年，Scott Fahlman 發明了基於 ASCII 碼的表情符號

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

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

GIF

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

與 App 的自然交互

對手勢的更加關注，將改變我們與 App 的交互方式。比如點贊，除了傳統的點贊按鈕或圖標，還可以通過在屏幕上「畫心」使整個交互過程更加自然。

GIF

圖片來源：Virgil Pana

界面反饋中的情感模仿

我們與所有使用的產品都建立了情感聯繫。因此，當我們與產品交互時，我們期待在某種程度上得到類似人類給出的反饋。

儘管產品不是人類，也不會感受情感，但我們相信它們能做到這樣。

GIF

App 模仿人類進行交互，圖片來源：Adip Nayak

小視頻的「崛起」

作為一種內容營銷方式，小視頻在 2017 年火了起來。根據 Hubspot （美國數字營銷公司），每周約 78% 的用戶都在線看小視頻，更有 55% 的用戶每天都在線看小視頻。

就移動設備而言，設計師需要根據傳播途徑調整視頻呈現的形式：

針對用戶瞬時注意力的調整

人類平均瞬時注意力時間從 2000 年的 12 秒縮短到 2015 年的 8 秒。隨著這種變化，出現了新的內容呈現方式。

Facebook Live 就是這種變化下的產物。在 2018 年，將有更多的用戶和商業機構通過這種方式來傳遞重要及時的信息。

GIF

Facebook Live 視頻，圖片來源：Buzzfeed

針對豎屏的調整

根據 Luke W，手機在 94% 的情況下都處於豎屏狀。也就是說，所有內容（包括視頻）應該針對豎屏進行調整。

圖片來源：Luke W

生物識別授權

App 加入生物識別技術後，省去了傳統的登錄要求。通過生物識別技術，唯一需要的是特定生理或行為特徵，比如面部識別，指紋或語音識別。

越來越多的人在使用生物識別技術

生物識別技術並不是新技術。很多人都用生物識別技術替換了密碼。據 Apple 稱，iPhone 用戶平均每天解鎖手機 80 次，其中有 89% 的人通過 Touch ID 完成解鎖。

在 2018 年，生物識別技術的運用將更加廣泛，我們會看到更多的運用案例。這對終端用戶和商業機構來說，安全性能會進一步提高。

Face ID 替換 Touch ID

2018 年，我們會使用更受保護、也更簡單的方式來驗證授權——面部識別。iPhone X 有了面部識別，接下來面部識別將會更加普遍。

GIF

對話交互設計

2015 年美國（comScore）移動用戶行為報告指出，手機用戶日常平均使用的 App 只有 3 個，其中至少 1 個是聊天軟體。用戶喜歡聊天。

因此，通過人工智慧開發的聊天機器人（Chatbots）或語音助手在 2018 年將更加流行。

GIF

與用戶實時自動聊天，圖片來源：Isil Uzum

更加智能的語音助手

圖形用戶界面（GUI）並不是我們與 App 交互的唯一途徑。在自然語言處理（NLP）和計算能力等方面的重大進步，出現了新的基於語音的界面。

根據 Google 2016 年公布的信息，約 20% 的手機搜索都是通過語音完成的。不難推斷，接下來幾年基於語音的界面將變成主流。

基於語音的交互，省去了用戶的打字輸入過程，同時也省去了另一種麻煩（因為用戶需要學習使用 App），還可以提升用戶體驗。

最好的界面就是沒有界面。

文案的重要性

設計師和開發者都熟悉對話交互界面，這必定會引起對文案的關注。因為聊天機器人幾乎是基於用戶和機器的文字交流，所以每個字都需要反覆斟酌。

個性化定製

個性化用戶體驗將持續引領 2018 年潮流。

根據用戶定位提供特定內容

因為手機永遠跟著用戶走，手機 App 可以利用定位信息，為用戶提供當前位置有關的內容。比如星巴克 App 就通過這種信息為用戶提供優惠。

越來越多 App 通過這種信息提供友好的用戶體驗

個性化用戶界面

個性化界面設計並非只是和內容有關。每個用戶都不一樣——有些人視力不好，有些人可能是色盲。為什麼每個人的界面都要一樣的呢？

個性化界面，要根據特定用戶調整布局。可以通過用戶已提供的信息或根據設備感測器（感測器可以追蹤用戶與 App 交互的方式以及過程中遇到的問題）進行個性化定製。

基於這些信息，App 可以判定是否需要加大字體，或者是否需要在播放視頻時調高音量。

增強現實

除對話交互界面外，還有另一個徹底改變我們使用 App 的方式——增強現實（AR）。1 年前，馬克?扎克伯格曾預言，所有的屏幕終究將被鏡頭取代。

毫無質疑的是，AR 在 2018 年將非常重要。很多用戶都會把手機或平板電腦用作鏡頭，從而進入虛擬世界。

AR 體驗將變得更加簡單

市場上已有很多基於 AR 開發的 App。但直到現在，開發 AR App 都還困難重重。在 2017 年，Apple 和 Google 都發布了 AR 架構，這可以讓 AR App 開發更簡單。

將 AR 應用於娛樂

大多數人都知道 Pokemon Go 這個遊戲，這是 AR 體驗應用於娛樂的例子。但 AR 並不局限於遊戲。

比如，聊天軟體中嵌入 AR 鏡頭，也可以讓用戶體驗更加有趣。

Snapchat 的 AR 功能

AR 用作現實生活問題解決方案

AR 正快速變成可以解決真實問題並創造真實價值的一項技術。比如，AR Measure 就可以幫你測量現實生活中的物體。沒有捲尺？掏出你的 iPhone X 就行了！

GIF

不用捲尺，AR Measure 就可以幫你測量某實物

無現金支付

無現金支付越來越受用戶青睞（2017 年使用無現金支付的用戶翻了一倍）。

GIF

根據 Juniper Research 一項報告顯示，Apple Pay 和 Android Pay 用戶分別達到了 8600 萬和 2400 萬。

在中國，在街市買菜都可以無現金支付。可想而知，無現金支付可以帶來多大的商業變化。

這對開發者來說又意味著什麼？2018 年，Apple Pay 和 Android Pay 至少應該是（線上線下支付的）默認選項。

譯者註：原作者可能還不知道，在中國，支付寶支付和微信支付早已經成了線上線下支付的默認選項之一了。

「使用 Apple Pay 支付」選項

作者 | Nick Babich，俄羅斯籍軟體工程師，關注 UI 和 UX。

譯者 | Jorri

本文授權譯自 12 Mobile UX Design Trends For 2018。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！