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

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

接下來(lái)匹颤,我會(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流程通常也是有開(kāi)始因悲、經(jīng)過(guò)和結(jié)果這樣的三段式的體驗(yàn),用戶每完成一個(gè)操作就距離結(jié)果更進(jìn)一步勺爱。線性用戶流程對(duì)于用戶而言是方向明確晃琳、清晰可行的。因?yàn)橛脩裟軌蛟谶@當(dāng)中估算出經(jīng)歷多久能夠完成任務(wù)琐鲁。

逐步展現(xiàn)

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

2奈泪、手勢(shì)交互和動(dòng)效的匹配

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

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

借助動(dòng)效壁却,設(shè)計(jì)師可以讓手勢(shì)交互更加明晰:

幫助用戶了解哪些元素和區(qū)域是可交互的(動(dòng)畫(huà)提示)

闡明UI元素之間的空間關(guān)系(過(guò)渡動(dòng)效)

提供關(guān)于交互的視覺(jué)反饋

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

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

降低信息噪音

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

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

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

4凿跳、全屏體驗(yàn)

隨著iPhone X 和三星 Galaxy S8這樣的全屏設(shè)備的普及,無(wú)邊框式的全屏體驗(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ì)使用色彩來(lái)區(qū)分不同類型的按鈕和通知。色彩的使用通常需要結(jié)合色彩心理學(xué)和配色規(guī)則來(lái)使用自阱,而時(shí)下流行的明亮的色彩窖式,更是要注意。

6动壤、情感化的體驗(yàn)設(shè)計(jì)

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

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

對(duì)于人而言淮逻,情感的呈現(xiàn)很自然琼懊,即使是只有字符串,人也能使用表情符號(hào)來(lái)表達(dá)情緒爬早。在移動(dòng)端APP大爆發(fā)的年代哼丈,我們有更多的方式來(lái)傳遞情感。最典型的是源自于iPhone X 的人臉識(shí)別技術(shù)和 Animoji筛严,用戶可以將自己的表情轉(zhuǎn)化為動(dòng)畫(huà)發(fā)送出去醉旦。

APP中的自然交互

手勢(shì)交互改變了我們和界面交互的方式,而隨之而來(lái)的語(yǔ)音交互也正在逐步成熟桨啃,借助AR技術(shù)车胡,我們具備了和虛擬對(duì)象交互的可能性。我們?cè)贏PP中的交互會(huì)越來(lái)越自然多變照瘾。

情感化的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)容和視頻元素在過(guò)去的2017年當(dāng)中有明顯的上升吟税,平均每周有超過(guò)78%的用戶在線看視頻,而超過(guò)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)越來(lái)越成熟了然低,也逐步成了如今的授權(quán)和管理系統(tǒng)中重要的組成部分。從如今已經(jīng)無(wú)處不在的指紋識(shí)別务唐,到逐步成熟的棉布識(shí)別雳攘,聲紋識(shí)別,我們自己正在成為自己的密碼枫笛。

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

生物識(shí)別并非是全新的技術(shù)吨灭。諸如指紋識(shí)別就是非常成熟的技術(shù),根據(jù)蘋果公司的統(tǒng)計(jì)刑巧,平均每個(gè)iPhone用戶會(huì)解鎖80次喧兄,而其中89%的用戶使用的是指紋識(shí)別。在2018年啊楚,我們會(huì)看到越來(lái)越多的生物識(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)熟練的使用自己的面孔來(lái)解鎖界面咨演,隨后應(yīng)該會(huì)有更多的企業(yè)和服務(wù)商加入到面部識(shí)別技術(shù)的普及當(dāng)中來(lái)。

9蚯斯、對(duì)話式界面和交互設(shè)計(jì)

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

聊天機(jī)器人平臺(tái)

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

更成熟的語(yǔ)音助手

自然語(yǔ)言處理的技術(shù)已經(jīng)有了顯著的提升划纽,這也使得Siri 和 Alexa

這樣的語(yǔ)音助手可以作為語(yǔ)音交互的入口而長(zhǎng)期存在。Google 在

2016年的調(diào)研發(fā)現(xiàn)锌畸,20%的移動(dòng)端的搜索已經(jīng)是使用語(yǔ)音指令發(fā)出勇劣,這樣能解釋為何各大科技企業(yè)都在向著語(yǔ)音助手領(lǐng)域而奮進(jìn)。語(yǔ)音助手對(duì)于用戶體驗(yàn)確實(shí)有所提升潭枣,它也是有著巨大潛力的發(fā)展方向比默。

愈發(fā)重要的文案

UI界面中的文案越來(lái)越受重視,而語(yǔ)音所承載的文本同樣是文案內(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è)用戶都是非常不同的胀葱,不僅僅是偏好不同漠秋,用戶的視力狀況、需求抵屿、愛(ài)好庆锦、文化背景都有著明顯的差異。個(gè)性化的UI界面應(yīng)該單獨(dú)適配每一個(gè)用戶轧葛,借助內(nèi)置的傳感器和其他的輔助信息搂抒,來(lái)實(shí)現(xiàn)更加深度定制的UI界面艇搀。

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

和對(duì)話式界面和語(yǔ)音交互一樣求晶,現(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)用越來(lái)越多,而諸如蘋果和Google等大型企業(yè)也都推出了AR設(shè)計(jì)的規(guī)范和相應(yīng)的素材爵赵,讓設(shè)計(jì)師和開(kāi)發(fā)者可以設(shè)計(jì)出體驗(yàn)更好的AR類APP吝秕。

娛樂(lè)用AR

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

用AR解決現(xiàn)實(shí)問(wèn)題

AR技術(shù)從誕生之日起就是為了應(yīng)對(duì)具體問(wèn)題而存在的则剃,諸如 AR Measure 這樣的應(yīng)用就是用來(lái)幫助用戶測(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ì)師而言,也是無(wú)法忽略的大趨勢(shì)悲关。

本文地址:查看原文請(qǐng)點(diǎn)擊

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末谎僻,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子寓辱,更是在濱河造成了極大的恐慌艘绍,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,539評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件秫筏,死亡現(xiàn)場(chǎng)離奇詭異诱鞠,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)这敬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評(píng)論 3 396
  • 文/潘曉璐 我一進(jìn)店門航夺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人崔涂,你說(shuō)我怎么就攤上這事阳掐。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,871評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵缭保,是天一觀的道長(zhǎng)汛闸。 經(jīng)常有香客問(wèn)我,道長(zhǎng)涮俄,這世上最難降的妖魔是什么蛉拙? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,963評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮彻亲,結(jié)果婚禮上孕锄,老公的妹妹穿的比我還像新娘。我一直安慰自己苞尝,他們只是感情好畸肆,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,984評(píng)論 6 393
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著宙址,像睡著了一般轴脐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上抡砂,一...
    開(kāi)封第一講書(shū)人閱讀 51,763評(píng)論 1 307
  • 那天大咱,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蛾坯,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播厦瓢,決...
    沈念sama閱讀 40,468評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼啤月!你這毒婦竟也來(lái)了煮仇?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤谎仲,失蹤者是張志新(化名)和其女友劉穎浙垫,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體郑诺,經(jīng)...
    沈念sama閱讀 45,850評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡绞呈,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,002評(píng)論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了间景。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,144評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡艺智,死狀恐怖倘要,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤封拧,帶...
    沈念sama閱讀 35,823評(píng)論 5 346
  • 正文 年R本政府宣布志鹃,位于F島的核電站,受9級(jí)特大地震影響泽西,放射性物質(zhì)發(fā)生泄漏曹铃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,483評(píng)論 3 331
  • 文/蒙蒙 一捧杉、第九天 我趴在偏房一處隱蔽的房頂上張望陕见。 院中可真熱鬧,春花似錦味抖、人聲如沸评甜。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,026評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)忍坷。三九已至,卻和暖如春熔脂,著一層夾襖步出監(jiān)牢的瞬間佩研,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,150評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工霞揉, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留旬薯,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,415評(píng)論 3 373
  • 正文 我出身青樓零聚,卻偏偏與公主長(zhǎng)得像袍暴,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子隶症,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,092評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容