2018年移動(dòng)端UX設(shè)計(jì)的12個(gè)趨勢(shì)

2 評(píng)論 18465 瀏覽 105 收藏 15 分鐘

移動(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é)議

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

    來自北京 回復(fù)