2018年12條移動端用戶體驗(yàn)設(shè)計趨勢

2018-3-17    ui設(shè)計分享達(dá)人


如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里 


在移動應(yīng)用領(lǐng)域,事物正飛速發(fā)展。要想在用戶體驗(yàn)設(shè)計領(lǐng)域獲得成功,設(shè)計師必須有遠(yuǎn)見,并為即將到來的新挑戰(zhàn)做好準(zhǔn)備。

 

為了簡化這個任務(wù),我列出了2018年最重要、最有影響力的趨勢,而且很有可能遠(yuǎn)不止如此。

 

1. 簡化用戶的使用流程

當(dāng)我們與應(yīng)用程序或網(wǎng)站互動時,我們有一個特別的目標(biāo)。通常,我們花在實(shí)現(xiàn)這一目標(biāo)上的努力越少,體驗(yàn)就越好。


線性用戶使用流程

線性用戶體驗(yàn)設(shè)計指的是一種帶有特定的開始、過程和結(jié)束,并且可以讓用戶在每一步完成一個動作的用戶體驗(yàn)設(shè)計。這種設(shè)計對用戶很友好,因?yàn)樗梢詾橛脩艄烙嬐瓿梢豁?xiàng)任務(wù)所需的時間。

Uber打車就是線性用戶流程的一個例子


漸進(jìn)式信息展示

當(dāng)你的應(yīng)用程序有很多信息或操作要展示時,沒有必要將所有的信息一次性呈現(xiàn)。設(shè)計師將采用“漸進(jìn)式信息展示”的方式——只在用戶需要時才會顯示信息或操作。漸進(jìn)式信息展示能有效減少認(rèn)知負(fù)荷,提高界面的可理解性。

漸進(jìn)式信息展示會在用戶與界面交互時,溫和地向用戶介紹界面和特性


2. app內(nèi)手勢與動畫結(jié)合

隨著iPhone X的發(fā)布,設(shè)計師面臨著新的挑戰(zhàn)。物理Home鍵取消意味著即使是與設(shè)備最基本的交互現(xiàn)在也改為手勢了。這對設(shè)計師來說意味著什么?這意味著設(shè)計師必須更加注意手勢的設(shè)計。


如果你想了解基于手勢的界面設(shè)計有什么挑戰(zhàn),請閱讀丹·諾曼關(guān)于這個主題的文章:《基于手勢的界面:在可用性方面的倒退》,文章指出了與基于手勢的交互設(shè)計的相關(guān)的關(guān)鍵問題,如發(fā)現(xiàn)性和可學(xué)習(xí)性問題。在解決這些問題的嘗試中,設(shè)計師將重點(diǎn)關(guān)注動畫設(shè)計和微互動。


我們將在以下這些情形下使用動畫:


- 確定哪些交互是可用的(動畫提示);

動畫提示與文字說明相結(jié)合。圖片來源:Material Design


- 說明UI元素之間的空間關(guān)系(動畫轉(zhuǎn)換);

- 為互動提供反饋。

提供反饋和說明空間關(guān)系。圖片來源:Shakuro


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

良好的管理和易于訪問的內(nèi)容是使一個App吸引其目標(biāo)用戶的重要原因。在2018年,設(shè)計師可以通過以下這些方式將內(nèi)容保持在主要位置:


清理

消除視覺混亂和提高理解是現(xiàn)在許多UX設(shè)計師的目標(biāo)。設(shè)計人員刪除無關(guān)的信息(噪音),并通過將內(nèi)容放在首位、說明清楚視覺語言的方式優(yōu)先考慮相關(guān)信息(符號)的展示。


內(nèi)容優(yōu)先于視覺設(shè)計

清除所有的視覺混亂可以幫助你集中于你想要表達(dá)的信息的核心。


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

保持UI元素以清晰的順序呈現(xiàn)會使內(nèi)容理解更加容易。強(qiáng)烈的視覺符號(比如操作按鈕的對比色)用在某些交互元素或基本信息上來引導(dǎo)用戶。

 undefined

主要操作按鈕使用對比色。圖片來源:谷歌


4. 全屏體驗(yàn)

隨著三星Galaxy S8和iPhone X的發(fā)布,無框設(shè)計成為了一種潮流。更大的屏幕空間可供用戶使用,用戶希望有全屏體驗(yàn)。

 

高清圖像和視頻

你的App應(yīng)該提供全屏體驗(yàn),這一點(diǎn)很重要。不僅如此,圖像視頻的質(zhì)量將直接影響用戶對應(yīng)用程序的期望。圖像在移動屏幕上的顯示也應(yīng)該是高清的。

5. 充滿活力的顏色

顏色是設(shè)計師工具包中最強(qiáng)大的工具之一。顏色可以吸引注意力、營造氛圍、影響用戶的情緒和行為。在移動應(yīng)用設(shè)計上,充滿活力的顏色就真正派上用場了。


顏色作為功能元素

顏色不僅用于美化界面,而且也將成為功能體驗(yàn)的一部分。例如,設(shè)計師將使用顏色來區(qū)分不同類型的通知。

使用顏色區(qū)分不同類型的活動。圖片來源:Jae-seong, Jeong


6. 情感體驗(yàn)

在2018年,我們會看到更多的情感智能融入到移動體驗(yàn)中。當(dāng)用戶完成特定動作時,情緒智能(EI)不再是所有的動畫效果。它是一種讓交互體驗(yàn)變得更加迷人和愉快的強(qiáng)大方式。

 

更好的情感表達(dá)方式

表達(dá)情感對人來說是很自然的。即使在命令字符串接口的時代,我們使用表情符號表達(dá)我們的情緒。

 

1982年,斯科特·法曼(Scott Fahlman)創(chuàng)作出了著名的基于ascii的表情符號


在移動設(shè)備時代,我們可以更廣泛地傳播情感。面部識別將被用來提供更符合實(shí)際的情感體驗(yàn)。其中一項(xiàng)技術(shù)是Animoji -動畫表情,它通過iPhone X相機(jī)對面部表情做出反應(yīng)。

 

Animoji提供一種與他人分享我們情感的機(jī)會


App的自然交互

更多關(guān)注手勢設(shè)計會改變我們與應(yīng)用程序的交互方式。例如,我們點(diǎn)贊內(nèi)容的方式。與其點(diǎn)擊按鈕或圖標(biāo),在屏幕上繪制“心”圖形使點(diǎn)贊更加自然。

 

圖片來源:Virgil Pana

 

模擬反饋用戶界面中的情緒

作為人類,我們與我們使用的所有產(chǎn)品建立情感聯(lián)系。因此,當(dāng)我們與產(chǎn)品交互時,我們期望有某種程度的擬人化反饋。即使我們知道產(chǎn)品不是人類,也不能感知情感,我們?nèi)韵嘈潘鼈兡堋?

 

應(yīng)用程序模擬人類的反應(yīng)時,提供對用戶輸入的響應(yīng)。圖片來源:Adip Nayak


7.視頻的主導(dǎo)地位

2017年,視頻作為一種流行的內(nèi)容營銷形式的人氣激增。據(jù)Hubspot統(tǒng)計,78%的人每周在線觀看視頻,55%的人每天在線觀看視頻。


在移動設(shè)備使用的場景中,設(shè)計師將根據(jù)不同的媒介調(diào)整視頻形式:


適應(yīng)短時間注意力的視頻

人類的平均注意力時長從2000年的12秒下降到2015年的8秒。新的內(nèi)容表達(dá)方式是適應(yīng)變化的結(jié)果。像360度全景視頻和Facebook 視頻直播都是適應(yīng)這種變化的產(chǎn)物。2018年,更多的用戶和企業(yè)將使用這種方式發(fā)布重要信息和實(shí)時資訊。

 

Facebook視頻直播。圖片來源:Buzzfeed

 

為視頻調(diào)整屏幕方向

根據(jù)盧克·W (Luke W)的說法,94%的時間移動電話使用的是縱向定位。這意味著所有內(nèi)容(包括視頻)都應(yīng)該適合這個方向。

 

圖片來源:Luke W

 

8.生物識別技術(shù)

基于生物識別技術(shù)的App可以繞過傳統(tǒng)的登錄方式。隨著生物識別技術(shù)的發(fā)展,App所需要的是一種特定的生理或行為特征,如面部識別、指紋或語音識別。

 

更多人將使用生物識別技術(shù)

生物識別技術(shù)并不是一項(xiàng)新技術(shù)。現(xiàn)在很多人都使用生物認(rèn)證來代替密碼。據(jù)蘋果公司稱,iPhone用戶平均每天解鎖設(shè)備80次,而89%使用Touch ID解鎖。在2018年,生物識別技術(shù)將更加普及,我們將看到更多使用生物識別技術(shù)進(jìn)行身份驗(yàn)證和身份管理的系統(tǒng)。將這種技術(shù)應(yīng)用到他們的App中,還可以提高終端用戶和企業(yè)的安全性。

 

Face ID替代Touch ID

在2018年,我們將使用一個受保護(hù)程度最高的、同時也是最易于使用的對象進(jìn)行身份驗(yàn)證——我們的臉。在未來一年,F(xiàn)ace ID有可能成為iPhone X用戶最自然的認(rèn)證方式。

 

9. 對話設(shè)計

2015年comScore的研究顯示,普通用戶只使用了大約3個應(yīng)用程序,其中至少有一個是即時通訊應(yīng)用,人們喜歡聊天。這就是為什么在2018年,由人工智能驅(qū)動的聊天機(jī)器人和聲控助手將成為熱門趨勢。


聊天機(jī)器人在消息平臺中充當(dāng)助手

最可能的情況是,聊天機(jī)器人不會完全替代傳統(tǒng)的圖形交互界面,但它們將被集成到消息傳遞平臺(比如Facebook Messages)中作為助手。企業(yè)將與客戶進(jìn)行實(shí)時的自動對話。

 

圖片來源:Isil Uzum

 

更復(fù)雜的語音助手

今天,圖形用戶界面并不是我們與應(yīng)用程序交互的唯一方式。自然語言處理和計算能力的顯著進(jìn)步使得使用不同類型的接口成為可能。2016年,谷歌表示,大約20%的移動端搜索都是由語音完成的。未來這幾年的一件大事將是聲控接口這已是顯而易見的了。語音交互通過消除形式來提升用戶體驗(yàn),這也為應(yīng)用程序用戶消除了另一個潛在的摩擦因素(因?yàn)槿藗儽仨殞W(xué)習(xí)如何使用應(yīng)用程序)。

 

Tip:最好的接口是沒有接口。

 

文案的重要性

隨著設(shè)計人員和開發(fā)人員之間會話接口的流行,這種類型接口的文案也變得越來越重要。因?yàn)榱奶鞕C(jī)器人幾乎完全基于用戶和機(jī)器之間的文字交流,每一個詞都需要精心挑選。

 

10.個性化的增強(qiáng)

個性化用戶體驗(yàn)將繼續(xù)成為2018年的熱門趨勢。

 

根據(jù)用戶位置提供內(nèi)容

由于移動設(shè)備是與用戶待在一起,所以安裝在設(shè)備上的應(yīng)用程序可以利用位置數(shù)據(jù)來提供與用戶當(dāng)前位置相關(guān)的內(nèi)容。這使得應(yīng)用服務(wù)對周圍環(huán)境的變化更加敏感。像星巴克的這樣的一些應(yīng)用已經(jīng)利用這個特性為用戶提供特別的服務(wù)。2018年,我們將看到更多的應(yīng)用程序使用這些功能來提升用戶體驗(yàn)。

 

定制用戶界面

UI設(shè)計中的個性化不僅僅是內(nèi)容。所有的用戶都是不同的——有些人視力不好,有些人可能是色盲。那么,為什么應(yīng)用程序應(yīng)該對每個人都用相同的用戶界面呢?

 

個性化也包括根據(jù)用戶進(jìn)行調(diào)整。這可以通過利用用戶已經(jīng)提供的信息和設(shè)備傳感器來實(shí)現(xiàn)(跟蹤用戶如何與應(yīng)用程序交互以及他們所面臨的問題)?;谶@些信息,應(yīng)用程序可以判斷是否需要為用戶放大字體,或者在播放視頻時調(diào)高音量。

 

11.增強(qiáng)現(xiàn)實(shí)

除了會話界面之外,另一個將會徹底改變我們和應(yīng)用交互方式的是飛速發(fā)展的增強(qiáng)現(xiàn)實(shí)技術(shù)(augmented reality, AR)。一年前,馬克·扎克伯格預(yù)言所有的屏幕最終都將被鏡頭取代。很明顯,2018年將是增強(qiáng)現(xiàn)實(shí)的一年。很多人會把他們的手機(jī)或平板電腦當(dāng)作一個虛擬世界的鏡頭。


創(chuàng)建AR體驗(yàn)將變得更簡單

現(xiàn)在市面上已經(jīng)有很多基于AR的應(yīng)用。但直到最近,創(chuàng)建AR應(yīng)用程序才變得容易起來。2017年,蘋果和谷歌發(fā)布了AR框架,使得構(gòu)建AR應(yīng)用程序變得更加容易。


基于AR技術(shù)的游戲娛樂

我們很多人都熟悉 Pokemon Go這個游戲,這是AR在游戲方面的一個典型應(yīng)用。但是AR不僅僅局限于游戲。在即時通訊應(yīng)用中集成AR鏡頭可以創(chuàng)造更有吸引力的用戶體驗(yàn)。

AR作為現(xiàn)實(shí)問題的解決方案

AR正在快速成為一種解決實(shí)際問題并為用戶提供真正價值的技術(shù)。例如,在沒有傳統(tǒng)物理測量工具的情況下,AR度量也可以測量真實(shí)世界的物體。

 

在沒有傳統(tǒng)物理測量工具的情況下,AR度量也可以測量真實(shí)世界的物體

 

12.無現(xiàn)金支付

對多數(shù)用戶來說,無現(xiàn)金支付已經(jīng)成為一個新的標(biāo)準(zhǔn)(在2017年,使用這種支付方式的人數(shù)幾乎翻了一番)。

 

根據(jù)Juniper Research的一份報告,使用Apple Pay和Android Pay的用戶數(shù)量分別達(dá)到了86萬和2400萬

 

無現(xiàn)金支付發(fā)展迅速,幾乎能夠改變?nèi)粘5慕灰追绞?。像在中國,無現(xiàn)金支付的用戶的越來越多,這也被認(rèn)為是一種更好的支付方式。


對于移動應(yīng)用開發(fā)者來說,這意味著什么?這意味著,在2018年,我們將不得不提供Apple Pay或Android Pay作為我們產(chǎn)品支付的默認(rèn)方式(無論是離線還是在線)。


藍(lán)藍(lán)設(shè)計bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)


分享本文至:

日歷

鏈接

個人資料

存檔