2018年移動端UX設計趨勢

移動端APP的世界真的是瞬息萬變啊,各種設計技法和新鮮趨勢你方唱罷我登場,想要維持住產品的熱度和關注度,設計師需要不斷地學習和調整設計,應對越來越嚴苛的挑戰。

接下來,我會列舉出在2018年會持續發展的12個設計趨勢,如果你想讓你的產品有著更優秀的體驗、更突出的競爭力,不妨在這12個趨勢上多花點心思。

1、用戶歷程的簡化

當我們同APP和網站進行交互的時候,通常是會有一個特定的目標。而為了達成目標,耗費在用戶歷程上耗費的精力越少,體驗就越好。

線性用戶流程

UX流程通常也是有開始、經過和結果這樣的三段式的體驗,用戶每完成一個操作就距離結果更進一步。線性用戶流程對于用戶而言是方向明確、清晰可行的。因為用戶能夠在這當中估算出經歷多久能夠完成任務。

逐步展現

當你的APP當中包含有很多信息和交互的時候,無需一次呈現所有內容,只有在用戶需要的時候才展現所需的信息和交互,這種漸進式的展現方式能夠減少認知符合,提升界面的可理解性。

2、手勢交互和動效的匹配

隨著iPhone X 這樣的全面屏設備的逐步普及,實體Home鍵一去不返,交互將越來越依賴手勢交互。對于設計師而言,這意味著需要越來越多地關注手勢的交互和設計。

對于許多用戶而言,手勢交互的關鍵性問題在于它的可發現性和學習性。為了解決這個問題,UI和交互設計師需要將目光投放到動效和微交互的設計上。

借助動效,設計師可以讓手勢交互更加明晰:

幫助用戶了解哪些元素和區域是可交互的(動畫提示)

闡明UI元素之間的空間關系(過渡動效)

提供關于交互的視覺反饋

3、以內容為中心的體驗設計

為了更好地吸引用戶的注意力,以內容為中心的用戶體驗設計成了新要求。諸如Medium 這樣內容為主的產品甚至設置了內容策略師這樣的職位。在新的一年,設計師可以試著通過下面的方式來進行設計。

降低信息噪音

降低視覺噪音,提升內容的一致性和可理解性是如今許多UX設計師的主要設計目標。將關鍵和核心內容置于首位,制定出清晰的視覺語言,去除不相關的信息噪音,優先處理關鍵性的信息。

更清晰的層次結構

讓UI元素以更明確的順序呈現,讓內容更容易被理解。通過強烈的視覺符號(比如行為召喚按鈕)引導用戶同特定元素互動。

4、全屏體驗

隨著iPhone X 和三星 Galaxy S8這樣的全屏設備的普及,無邊框式的全屏體驗成了新的設計要求。更多的屏幕空間可供用戶使用,大家自然也希望體驗能夠更加“全屏化”。

高清圖片和視頻

讓你的應用更加貼合全面屏是非常重要的,這些素材的質量將直接影響用戶體驗,不能達到用戶預期又怎么能保證用戶留存率呢?

5、明亮的色彩

色彩是設計師手上最強大的工具之一。色彩能夠吸引用戶的注意力,影響用戶的情緒和行為。對于移動端應用而言,色彩是用戶獲取到的第一信息,鮮艷的色彩對于用戶的影響是巨大而明顯的。

將色彩作為功能性元素

色彩并不僅僅具有美學特征,而且也能塑造功能和體驗。比如設計師會使用色彩來區分不同類型的按鈕和通知。色彩的使用通常需要結合色彩心理學和配色規則來使用,而時下流行的明亮的色彩,更是要注意。

6、情感化的體驗設計

在2018年我們必然會看到更多的帶有優秀的情感化設計的移動端APP。

更好的情感呈現手段

對于人而言,情感的呈現很自然,即使是只有字符串,人也能使用表情符號來表達情緒。在移動端APP大爆發的年代,我們有更多的方式來傳遞情感。最典型的是源自于iPhone X 的人臉識別技術和 Animoji,用戶可以將自己的表情轉化為動畫發送出去。

APP中的自然交互

手勢交互改變了我們和界面交互的方式,而隨之而來的語音交互也正在逐步成熟,借助AR技術,我們具備了和虛擬對象交互的可能性。我們在APP中的交互會越來越自然多變。

情感化的UI反饋

作為人類,我們會和所使用的產品產生情感聯系,因此我們在和APP交互的時候,會期望它有“人性化”的反饋。即使我們知道APP并非人類,也不會有情緒,但是有情感化的UI反饋出現的時候,我們依然會為之激動。

7、視頻內容的大范圍普及

根據HubSpot 的數據,作為營銷和展示的視頻內容和視頻元素在過去的2017年當中有明顯的上升,平均每周有超過78%的用戶在線看視頻,而超過55%的用戶每天都在看視頻。視頻內容正在成為大勢所趨。

為碎片時間而生的短視頻

根據統計,人類的平均注意力維持時間從2000年的12秒,逐步降低,2015年的數據是8秒。這樣的局面使得短視頻成為了內容交付的新途徑,也更加符合當前人們生活的碎片化的信息獲取渠道。

偏向人物拍攝的視頻內容

根據 Luke W 的統計數據,如今手機拍攝的內容當中94%是人物相關的內容(自拍?),這意味著視頻內容的制作方向也要有意識地向著這個方向偏移。

8、生物識別

生物識別系統已經越來越成熟了,也逐步成了如今的授權和管理系統中重要的組成部分。從如今已經無處不在的指紋識別,到逐步成熟的棉布識別,聲紋識別,我們自己正在成為自己的密碼。

更多的生物識別和認證

生物識別并非是全新的技術。諸如指紋識別就是非常成熟的技術,根據蘋果公司的統計,平均每個iPhone用戶會解鎖80次,而其中89%的用戶使用的是指紋識別。在2018年,我們會看到越來越多的生物識別技術,設計師也可以將這些技術充分地運用到APP設計當中。

Face ID 將會逐步替代 Touch ID

以 Face ID 為代表的面部識別技術已經成為新趨勢,iPhone X的用戶已經熟練的使用自己的面孔來解鎖界面,隨后應該會有更多的企業和服務商加入到面部識別技術的普及當中來。

9、對話式界面和交互設計

根據 comScore 的調研,普通用戶最常使用的三個應用當中,至少包含一個通訊類APP。人們喜歡聊天,這也是為什么普及型人工智能目前最常見的形態是聊天機器人(ChatBot)和聲控語音助手。毫無疑問,對話式界面和語音交互將會是2018 的明星級趨勢。

聊天機器人平臺

雖然各種ChatBot這樣的語音機器人不大可能將圖形化界面替代掉,但是它們也會作為各大服務平臺的主力助手,幫助企業和服務商來同用戶進行溝通。

更成熟的語音助手

自然語言處理的技術已經有了顯著的提升,這也使得Siri 和 Alexa

這樣的語音助手可以作為語音交互的入口而長期存在。Google 在

2016年的調研發現,20%的移動端的搜索已經是使用語音指令發出,這樣能解釋為何各大科技企業都在向著語音助手領域而奮進。語音助手對于用戶體驗確實有所提升,它也是有著巨大潛力的發展方向。

愈發重要的文案

UI界面中的文案越來越受重視,而語音所承載的文本同樣是文案內容。ChatBot和用戶之間的信息交互,本質上就是文本的交互,文案在此有多重要,就不用贅述了。

10、深度個性化

個性化的用戶體驗將會成為2018年的熱門趨勢。

基于用戶的位置提供內容

由于移動端設備通常會隨著用戶的位置改變而變化,基于不同的地理位置信息,而為用戶提供不同的內容并不難實現,甚至成為用戶體驗優化的一個固定方向。以星巴克為代表的服務商已經在他們的APP當中內置了這樣的功能,用戶能在不同的門店享受到不同的優惠服務。

定制化的用戶界面

UI界面中的個性化設計不僅僅是關乎內容,每個用戶都是非常不同的,不僅僅是偏好不同,用戶的視力狀況、需求、愛好、文化背景都有著明顯的差異。個性化的UI界面應該單獨適配每一個用戶,借助內置的傳感器和其他的輔助信息,來實現更加深度定制的UI界面。

11、現實增強技術

和對話式界面和語音交互一樣,現實增強技術為用戶提供了全新的、可用的交互方式。2018年將會是顯示增強技術爆發式增長的一年,每個用戶的手機鏡頭都會成為和虛擬世界溝通的橋梁。

更容易實現的AR體驗

目前AR類應用越來越多,而諸如蘋果和Google等大型企業也都推出了AR設計的規范和相應的素材,讓設計師和開發者可以設計出體驗更好的AR類APP。

娛樂用AR

以Pokemon Go 為代表的AR類應用,讓大家看到了AR在娛樂領域的巨大潛力。它不僅可以用作游戲,還能集成在各種應用中,提供更具吸引力的用戶體驗。

用AR解決現實問題

AR技術從誕生之日起就是為了應對具體問題而存在的,諸如 AR Measure 這樣的應用就是用來幫助用戶測量各種真實物體的尺寸而生的。

12、移動支付

中國的移動支付已經走在世界前列了,大家使用現金的頻率已經相當低了,而移動端支付已經成為主要的日常支付手段了。

移動支付對于整個商業和金融體系的改變是巨大的,對于移動端的UI和UX設計師而言,也是無法忽略的大趨勢。

本文地址:查看原文請點擊

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,606評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,582評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,540評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,028評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,801評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,223評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,294評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,442評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,976評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,800評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,996評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,543評論 5 360
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,233評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,926評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,702評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374

推薦閱讀更多精彩內容