2018年移動端UX設(shè)計的12個趨勢

2 評論 18489 瀏覽 105 收藏 15 分鐘

移動端APP的世界真的是瞬息萬變啊,各種設(shè)計技法和新鮮趨勢你方唱罷我登場,想要維持住產(chǎn)品的熱度和關(guān)注度,設(shè)計師需要不斷地學(xué)習(xí)和調(diào)整設(shè)計,應(yīng)對越來越嚴(yán)苛的挑戰(zhàn)。

接下來,我會列舉出在2018年會持續(xù)發(fā)展的12個設(shè)計趨勢,如果你想讓你的產(chǎn)品有著更優(yōu)秀的體驗、更突出的競爭力,不妨在這12個趨勢上多花點(diǎn)心思。

1、用戶歷程的簡化

當(dāng)我們同APP和網(wǎng)站進(jìn)行交互的時候,通常是會有一個特定的目標(biāo)。而為了達(dá)成目標(biāo),耗費(fèi)在用戶歷程上耗費(fèi)的精力越少,體驗就越好。

線性用戶流程

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

逐步展現(xiàn)

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

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

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

對于許多用戶而言,手勢交互的關(guān)鍵性問題在于它的可發(fā)現(xiàn)性和學(xué)習(xí)性。為了解決這個問題,UI和交互設(shè)計師需要將目光投放到動效和微交互的設(shè)計上。

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

  • 幫助用戶了解哪些元素和區(qū)域是可交互的(動畫提示)
  • 闡明UI元素之間的空間關(guān)系(過渡動效)
  • 提供關(guān)于交互的視覺反饋

3、以內(nèi)容為中心的體驗設(shè)計

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

降低信息噪音

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

更清晰的層次結(jié)構(gòu)

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

4、全屏體驗

隨著iPhone X 和三星 Galaxy S8這樣的全屏設(shè)備的普及,無邊框式的全屏體驗成了新的設(shè)計要求。更多的屏幕空間可供用戶使用,大家自然也希望體驗?zāi)軌蚋印叭粱薄?/p>

高清圖片和視頻

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

5、明亮的色彩

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

將色彩作為功能性元素

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

6、情感化的體驗設(shè)計

在2018年我們必然會看到更多的帶有優(yōu)秀的情感化設(shè)計的移動端APP。

更好的情感呈現(xiàn)手段

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

APP中的自然交互

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

情感化的UI反饋

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

7、視頻內(nèi)容的大范圍普及

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

為碎片時間而生的短視頻

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

偏向人物拍攝的視頻內(nèi)容

根據(jù) Luke W 的統(tǒng)計數(shù)據(jù),如今手機(jī)拍攝的內(nèi)容當(dāng)中94%是人物相關(guān)的內(nèi)容(自拍?),這意味著視頻內(nèi)容的制作方向也要有意識地向著這個方向偏移。

8、生物識別

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

更多的生物識別和認(rèn)證

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

Face ID 將會逐步替代 Touch ID

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

9、對話式界面和交互設(shè)計

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

聊天機(jī)器人平臺

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

更成熟的語音助手

自然語言處理的技術(shù)已經(jīng)有了顯著的提升,這也使得Siri 和 Alexa 這樣的語音助手可以作為語音交互的入口而長期存在。Google 在 2016年的調(diào)研發(fā)現(xiàn),20%的移動端的搜索已經(jīng)是使用語音指令發(fā)出,這樣能解釋為何各大科技企業(yè)都在向著語音助手領(lǐng)域而奮進(jìn)。語音助手對于用戶體驗確實有所提升,它也是有著巨大潛力的發(fā)展方向。

愈發(fā)重要的文案

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

10、深度個性化

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

基于用戶的位置提供內(nèi)容

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

定制化的用戶界面

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

11、現(xiàn)實增強(qiáng)技術(shù)

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

更容易實現(xiàn)的AR體驗

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

娛樂用AR

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

用AR解決現(xiàn)實問題

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

12、移動支付

中國的移動支付已經(jīng)走在世界前列了,大家使用現(xiàn)金的頻率已經(jīng)相當(dāng)?shù)土?,而移動端支付已?jīng)成為主要的日常支付手段了。

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

 

原文作者 :?Nick Babich

譯者 :?陳子木

譯文地址:http://www.uisdc.com/2018-mobile-ux-design-trends

題圖來自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 第八節(jié)中提到的 “棉布識別” 我還以為有什么新技術(shù)我不知道,去百度了,百度問我要找的是不是面部識別!

    來自北京 回復(fù)