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

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

 

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

 

1. 簡(jiǎn)化用戶的使用流程

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

線性用戶使用流程

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

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

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

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

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

2. app內(nèi)手勢(shì)與動(dòng)畫結(jié)合

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

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

我們將在以下這些情形下使用動(dòng)畫：

- 確定哪些交互是可用的（動(dòng)畫提示）；

動(dòng)畫提示與文字說(shuō)明相結(jié)合。圖片來(lái)源:Material Design

- 說(shuō)明UI元素之間的空間關(guān)系(動(dòng)畫轉(zhuǎn)換)；

- 為互動(dòng)提供反饋。

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

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

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

清理

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

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

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

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

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

 

主要操作按鈕使用對(duì)比色。圖片來(lái)源:谷歌

4. 全屏體驗(yàn)

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

 

高清圖像和視頻

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

5. 充滿活力的顏色

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

顏色作為功能元素

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

使用顏色區(qū)分不同類型的活動(dòng)。圖片來(lái)源：Jae-seong, Jeong

6. 情感體驗(yàn)

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

 

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

表達(dá)情感對(duì)人來(lái)說(shuō)是很自然的。即使在命令字符串接口的時(shí)代，我們使用表情符號(hào)表達(dá)我們的情緒。

 

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

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

 

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

與App的自然交互

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

 

圖片來(lái)源：Virgil Pana

 

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

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

 

應(yīng)用程序模擬人類的反應(yīng)時(shí)，提供對(duì)用戶輸入的響應(yīng)。圖片來(lái)源:Adip Nayak

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

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

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

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

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

 

Facebook視頻直播。圖片來(lái)源:Buzzfeed

 

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

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

 

圖片來(lái)源：Luke W

 

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

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

 

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

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

 

Face ID替代Touch ID

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

 

9. 對(duì)話設(shè)計(jì)

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

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

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

 

圖片來(lái)源：Isil Uzum

 

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

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

 

Tip：最好的接口是沒(méi)有接口。

 

文案的重要性

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

 

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

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

 

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

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

 

定制用戶界面

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

 

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

 

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

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

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

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

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

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

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

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

 

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

 

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

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

 

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

 

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

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

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