2018年移動(dòng)端UX設(shè)計(jì)的12個(gè)趨勢(shì)
移動(dòng)端APP的世界真的是瞬息萬變啊,各種設(shè)計(jì)技法和新鮮趨勢(shì)你方唱罷我登場(chǎng),想要維持住產(chǎn)品的熱度和關(guān)注度,設(shè)計(jì)師需要不斷地學(xué)習(xí)和調(diào)整設(shè)計(jì),應(yīng)對(duì)越來越嚴(yán)苛的挑戰(zhàn)。
接下來,我會(huì)列舉出在2018年會(huì)持續(xù)發(fā)展的12個(gè)設(shè)計(jì)趨勢(shì),如果你想讓你的產(chǎn)品有著更優(yōu)秀的體驗(yàn)、更突出的競(jìng)爭(zhēng)力,不妨在這12個(gè)趨勢(shì)上多花點(diǎn)心思。
1、用戶歷程的簡(jiǎn)化
當(dāng)我們同APP和網(wǎng)站進(jìn)行交互的時(shí)候,通常是會(huì)有一個(gè)特定的目標(biāo)。而為了達(dá)成目標(biāo),耗費(fèi)在用戶歷程上耗費(fèi)的精力越少,體驗(yàn)就越好。
線性用戶流程
UX流程通常也是有開始、經(jīng)過和結(jié)果這樣的三段式的體驗(yàn),用戶每完成一個(gè)操作就距離結(jié)果更進(jìn)一步。線性用戶流程對(duì)于用戶而言是方向明確、清晰可行的。因?yàn)橛脩裟軌蛟谶@當(dāng)中估算出經(jīng)歷多久能夠完成任務(wù)。
逐步展現(xiàn)
當(dāng)你的APP當(dāng)中包含有很多信息和交互的時(shí)候,無需一次呈現(xiàn)所有內(nèi)容,只有在用戶需要的時(shí)候才展現(xiàn)所需的信息和交互,這種漸進(jìn)式的展現(xiàn)方式能夠減少認(rèn)知符合,提升界面的可理解性。
2、手勢(shì)交互和動(dòng)效的匹配
隨著iPhone X 這樣的全面屏設(shè)備的逐步普及,實(shí)體Home鍵一去不返,交互將越來越依賴手勢(shì)交互。對(duì)于設(shè)計(jì)師而言,這意味著需要越來越多地關(guān)注手勢(shì)的交互和設(shè)計(jì)。
對(duì)于許多用戶而言,手勢(shì)交互的關(guān)鍵性問題在于它的可發(fā)現(xiàn)性和學(xué)習(xí)性。為了解決這個(gè)問題,UI和交互設(shè)計(jì)師需要將目光投放到動(dòng)效和微交互的設(shè)計(jì)上。
借助動(dòng)效,設(shè)計(jì)師可以讓手勢(shì)交互更加明晰:
- 幫助用戶了解哪些元素和區(qū)域是可交互的(動(dòng)畫提示)
- 闡明UI元素之間的空間關(guān)系(過渡動(dòng)效)
- 提供關(guān)于交互的視覺反饋
3、以內(nèi)容為中心的體驗(yàn)設(shè)計(jì)
為了更好地吸引用戶的注意力,以內(nèi)容為中心的用戶體驗(yàn)設(shè)計(jì)成了新要求。諸如Medium 這樣內(nèi)容為主的產(chǎn)品甚至設(shè)置了內(nèi)容策略師這樣的職位。在新的一年,設(shè)計(jì)師可以試著通過下面的方式來進(jìn)行設(shè)計(jì)。
降低信息噪音
降低視覺噪音,提升內(nèi)容的一致性和可理解性是如今許多UX設(shè)計(jì)師的主要設(shè)計(jì)目標(biāo)。將關(guān)鍵和核心內(nèi)容置于首位,制定出清晰的視覺語言,去除不相關(guān)的信息噪音,優(yōu)先處理關(guān)鍵性的信息。
更清晰的層次結(jié)構(gòu)
讓UI元素以更明確的順序呈現(xiàn),讓內(nèi)容更容易被理解。通過強(qiáng)烈的視覺符號(hào)(比如行為召喚按鈕)引導(dǎo)用戶同特定元素互動(dòng)。
4、全屏體驗(yàn)
隨著iPhone X 和三星 Galaxy S8這樣的全屏設(shè)備的普及,無邊框式的全屏體驗(yàn)成了新的設(shè)計(jì)要求。更多的屏幕空間可供用戶使用,大家自然也希望體驗(yàn)?zāi)軌蚋印叭粱薄?/p>
高清圖片和視頻
讓你的應(yīng)用更加貼合全面屏是非常重要的,這些素材的質(zhì)量將直接影響用戶體驗(yàn),不能達(dá)到用戶預(yù)期又怎么能保證用戶留存率呢?
5、明亮的色彩
色彩是設(shè)計(jì)師手上最強(qiáng)大的工具之一。色彩能夠吸引用戶的注意力,影響用戶的情緒和行為。對(duì)于移動(dòng)端應(yīng)用而言,色彩是用戶獲取到的第一信息,鮮艷的色彩對(duì)于用戶的影響是巨大而明顯的。
將色彩作為功能性元素
色彩并不僅僅具有美學(xué)特征,而且也能塑造功能和體驗(yàn)。比如設(shè)計(jì)師會(huì)使用色彩來區(qū)分不同類型的按鈕和通知。色彩的使用通常需要結(jié)合色彩心理學(xué)和配色規(guī)則來使用,而時(shí)下流行的明亮的色彩,更是要注意。
6、情感化的體驗(yàn)設(shè)計(jì)
在2018年我們必然會(huì)看到更多的帶有優(yōu)秀的情感化設(shè)計(jì)的移動(dòng)端APP。
更好的情感呈現(xiàn)手段
對(duì)于人而言,情感的呈現(xiàn)很自然,即使是只有字符串,人也能使用表情符號(hào)來表達(dá)情緒。在移動(dòng)端APP大爆發(fā)的年代,我們有更多的方式來傳遞情感。最典型的是源自于iPhone X 的人臉識(shí)別技術(shù)和 Animoji,用戶可以將自己的表情轉(zhuǎn)化為動(dòng)畫發(fā)送出去。
APP中的自然交互
手勢(shì)交互改變了我們和界面交互的方式,而隨之而來的語音交互也正在逐步成熟,借助AR技術(shù),我們具備了和虛擬對(duì)象交互的可能性。我們?cè)贏PP中的交互會(huì)越來越自然多變。
情感化的UI反饋
作為人類,我們會(huì)和所使用的產(chǎn)品產(chǎn)生情感聯(lián)系,因此我們?cè)诤虯PP交互的時(shí)候,會(huì)期望它有“人性化”的反饋。即使我們知道APP并非人類,也不會(huì)有情緒,但是有情感化的UI反饋出現(xiàn)的時(shí)候,我們依然會(huì)為之激動(dòng)。
7、視頻內(nèi)容的大范圍普及
根據(jù)HubSpot 的數(shù)據(jù),作為營(yíng)銷和展示的視頻內(nèi)容和視頻元素在過去的2017年當(dāng)中有明顯的上升,平均每周有超過78%的用戶在線看視頻,而超過55%的用戶每天都在看視頻。視頻內(nèi)容正在成為大勢(shì)所趨。
為碎片時(shí)間而生的短視頻
根據(jù)統(tǒng)計(jì),人類的平均注意力維持時(shí)間從2000年的12秒,逐步降低,2015年的數(shù)據(jù)是8秒。這樣的局面使得短視頻成為了內(nèi)容交付的新途徑,也更加符合當(dāng)前人們生活的碎片化的信息獲取渠道。
偏向人物拍攝的視頻內(nèi)容
根據(jù) Luke W 的統(tǒng)計(jì)數(shù)據(jù),如今手機(jī)拍攝的內(nèi)容當(dāng)中94%是人物相關(guān)的內(nèi)容(自拍?),這意味著視頻內(nèi)容的制作方向也要有意識(shí)地向著這個(gè)方向偏移。
8、生物識(shí)別
生物識(shí)別系統(tǒng)已經(jīng)越來越成熟了,也逐步成了如今的授權(quán)和管理系統(tǒng)中重要的組成部分。從如今已經(jīng)無處不在的指紋識(shí)別,到逐步成熟的棉布識(shí)別,聲紋識(shí)別,我們自己正在成為自己的密碼。
更多的生物識(shí)別和認(rèn)證
生物識(shí)別并非是全新的技術(shù)。諸如指紋識(shí)別就是非常成熟的技術(shù),根據(jù)蘋果公司的統(tǒng)計(jì),平均每個(gè)iPhone用戶會(huì)解鎖80次,而其中89%的用戶使用的是指紋識(shí)別。在2018年,我們會(huì)看到越來越多的生物識(shí)別技術(shù),設(shè)計(jì)師也可以將這些技術(shù)充分地運(yùn)用到APP設(shè)計(jì)當(dāng)中。
Face ID 將會(huì)逐步替代 Touch ID
以 Face ID 為代表的面部識(shí)別技術(shù)已經(jīng)成為新趨勢(shì),iPhone X的用戶已經(jīng)熟練的使用自己的面孔來解鎖界面,隨后應(yīng)該會(huì)有更多的企業(yè)和服務(wù)商加入到面部識(shí)別技術(shù)的普及當(dāng)中來。
9、對(duì)話式界面和交互設(shè)計(jì)
根據(jù) comScore 的調(diào)研,普通用戶最常使用的三個(gè)應(yīng)用當(dāng)中,至少包含一個(gè)通訊類APP。人們喜歡聊天,這也是為什么普及型人工智能目前最常見的形態(tài)是聊天機(jī)器人(ChatBot)和聲控語音助手。毫無疑問,對(duì)話式界面和語音交互將會(huì)是2018 的明星級(jí)趨勢(shì)。
聊天機(jī)器人平臺(tái)
雖然各種ChatBot這樣的語音機(jī)器人不大可能將圖形化界面替代掉,但是它們也會(huì)作為各大服務(wù)平臺(tái)的主力助手,幫助企業(yè)和服務(wù)商來同用戶進(jìn)行溝通。
更成熟的語音助手
自然語言處理的技術(shù)已經(jīng)有了顯著的提升,這也使得Siri 和 Alexa 這樣的語音助手可以作為語音交互的入口而長(zhǎng)期存在。Google 在 2016年的調(diào)研發(fā)現(xiàn),20%的移動(dòng)端的搜索已經(jīng)是使用語音指令發(fā)出,這樣能解釋為何各大科技企業(yè)都在向著語音助手領(lǐng)域而奮進(jìn)。語音助手對(duì)于用戶體驗(yàn)確實(shí)有所提升,它也是有著巨大潛力的發(fā)展方向。
愈發(fā)重要的文案
UI界面中的文案越來越受重視,而語音所承載的文本同樣是文案內(nèi)容。ChatBot和用戶之間的信息交互,本質(zhì)上就是文本的交互,文案在此有多重要,就不用贅述了。
10、深度個(gè)性化
個(gè)性化的用戶體驗(yàn)將會(huì)成為2018年的熱門趨勢(shì)。
基于用戶的位置提供內(nèi)容
由于移動(dòng)端設(shè)備通常會(huì)隨著用戶的位置改變而變化,基于不同的地理位置信息,而為用戶提供不同的內(nèi)容并不難實(shí)現(xiàn),甚至成為用戶體驗(yàn)優(yōu)化的一個(gè)固定方向。以星巴克為代表的服務(wù)商已經(jīng)在他們的APP當(dāng)中內(nèi)置了這樣的功能,用戶能在不同的門店享受到不同的優(yōu)惠服務(wù)。
定制化的用戶界面
UI界面中的個(gè)性化設(shè)計(jì)不僅僅是關(guān)乎內(nèi)容,每個(gè)用戶都是非常不同的,不僅僅是偏好不同,用戶的視力狀況、需求、愛好、文化背景都有著明顯的差異。個(gè)性化的UI界面應(yīng)該單獨(dú)適配每一個(gè)用戶,借助內(nèi)置的傳感器和其他的輔助信息,來實(shí)現(xiàn)更加深度定制的UI界面。
11、現(xiàn)實(shí)增強(qiáng)技術(shù)
和對(duì)話式界面和語音交互一樣,現(xiàn)實(shí)增強(qiáng)技術(shù)為用戶提供了全新的、可用的交互方式。2018年將會(huì)是顯示增強(qiáng)技術(shù)爆發(fā)式增長(zhǎng)的一年,每個(gè)用戶的手機(jī)鏡頭都會(huì)成為和虛擬世界溝通的橋梁。
更容易實(shí)現(xiàn)的AR體驗(yàn)
目前AR類應(yīng)用越來越多,而諸如蘋果和Google等大型企業(yè)也都推出了AR設(shè)計(jì)的規(guī)范和相應(yīng)的素材,讓設(shè)計(jì)師和開發(fā)者可以設(shè)計(jì)出體驗(yàn)更好的AR類APP。
娛樂用AR
以Pokemon Go 為代表的AR類應(yīng)用,讓大家看到了AR在娛樂領(lǐng)域的巨大潛力。它不僅可以用作游戲,還能集成在各種應(yīng)用中,提供更具吸引力的用戶體驗(yàn)。
用AR解決現(xiàn)實(shí)問題
AR技術(shù)從誕生之日起就是為了應(yīng)對(duì)具體問題而存在的,諸如 AR Measure 這樣的應(yīng)用就是用來幫助用戶測(cè)量各種真實(shí)物體的尺寸而生的。
12、移動(dòng)支付
中國(guó)的移動(dòng)支付已經(jīng)走在世界前列了,大家使用現(xiàn)金的頻率已經(jīng)相當(dāng)?shù)土?,而移?dòng)端支付已經(jīng)成為主要的日常支付手段了。
移動(dòng)支付對(duì)于整個(gè)商業(yè)和金融體系的改變是巨大的,對(duì)于移動(dòng)端的UI和UX設(shè)計(jì)師而言,也是無法忽略的大趨勢(shì)。
原文作者 :?Nick Babich
譯者 :?陳子木
譯文地址:http://www.uisdc.com/2018-mobile-ux-design-trends
題圖來自 Unsplash,基于 CC0 協(xié)議
第八節(jié)中提到的 “棉布識(shí)別” 我還以為有什么新技術(shù)我不知道,去百度了,百度問我要找的是不是面部識(shí)別!