2018年移動用戶體驗(yàn)設(shè)計(jì)的趨勢

移動互聯(lián)網(wǎng)領(lǐng)域快速發(fā)展的背景下鳖谈,為了在移動用戶體驗(yàn)領(lǐng)域取得成功,作為設(shè)計(jì)師的我們必須有遠(yuǎn)見阔涉,準(zhǔn)備好迎接新的挑戰(zhàn)缆娃。

下面簡單的列出了一些2018年最重要的,最具影響力瑰排,并且可以超越的現(xiàn)有用戶體驗(yàn)趨勢贯要。

1.簡化用戶路徑

當(dāng)我們使用移動端軟件與PC端網(wǎng)站時(shí),都是有一個既定的目標(biāo)椭住。通常來說崇渗,我們在實(shí)現(xiàn)這一目標(biāo)所進(jìn)行操作次數(shù)越少,交互路徑越短京郑,則用戶體驗(yàn)越好宅广。

線性的用戶體驗(yàn)流程

線性的用戶體驗(yàn)設(shè)計(jì)具有特定的開始,中間態(tài)與結(jié)束態(tài)些举。其中用戶每個步驟只能完成一項(xiàng)操作跟狱。線性流程對于用戶來說是一種好的用戶體驗(yàn),因?yàn)榭梢怨烙?jì)完成任務(wù)所需時(shí)間户魏。

Uber發(fā)單線性流程

循序漸進(jìn)

當(dāng)應(yīng)用程序有大量信息與較多操作時(shí)驶臊,可以不用全部展示挪挤。設(shè)計(jì)師可以運(yùn)用技術(shù)的方式將用戶所需的信息與操作循序漸進(jìn)展現(xiàn)出來。通過這種方式可以減少用戶學(xué)習(xí)成本关翎,提高對界面的理解电禀。

循序漸進(jìn)的呈現(xiàn)信息內(nèi)容與交互操作

2.交互手勢與動效相結(jié)合

隨著iPhone X的發(fā)布,設(shè)計(jì)師遍面臨新的挑戰(zhàn)笤休。手勢是與移動設(shè)備最基本的交互行為,而iPhone X去掉了物理home鍵症副。這對于設(shè)計(jì)師意味著什么呢店雅?就是設(shè)計(jì)師不得不關(guān)注更多的交互手勢。

如果你想了解界面手勢有哪些挑戰(zhàn)贞铣,請閱讀 Don Norman 的文章:

http://www.jnd.org/dn.mss/gestural_interfaces_a_step_backwards_in_usability_6.html

這篇文章指出了基于手勢交互的相關(guān)關(guān)鍵問題闹啦。為了解決這些問題,設(shè)計(jì)師必須專注于微交互與運(yùn)動行為設(shè)計(jì)辕坝。

動效的使用

· 明確什么樣的交互可使用動效

· 闡述UI元素之間的空間關(guān)系

· 提供交互操作反饋

闡述清晰的UI元素空間關(guān)系

3.以內(nèi)容為中心的體驗(yàn)

優(yōu)質(zhì)且易于理解的內(nèi)容可以讓移動端應(yīng)用吸引更多的目標(biāo)用戶窍奋。2018年設(shè)計(jì)師可以通過以下的方式將內(nèi)容為中心化:

干凈整潔、易用性的界面

現(xiàn)在許多的用戶體驗(yàn)設(shè)計(jì)師以消除視覺干擾與增強(qiáng)界面的理解度為目標(biāo)酱畅。內(nèi)容排版時(shí)琳袄,通過闡述清晰的視覺語言,優(yōu)先考慮重要內(nèi)容纺酸,去除不相關(guān)內(nèi)容窖逗。

避免視覺混亂,幫助用戶專注的理解核心信息內(nèi)容餐蔬。

了解更多:https://medium.com/amazing-stuff/complexion-reduction-a-new-trend-in-mobile-design-cef033a0b978

清晰的可視化層級結(jié)構(gòu)

將用戶界面中的元素以明確的層級排版碎紊,使界面內(nèi)容更易于理解。突出的視覺符號用于場景下特定的互動元素與基本信息來指導(dǎo)用戶樊诺。

對比色的用于特定的交互按鈕

4.全面屏體驗(yàn)

隨著三星Galaxy S8和iphone X的發(fā)布仗考,無框設(shè)計(jì)成為了一種趨勢。為用戶提供更多屏幕空間的同時(shí)词爬,用戶也期望全面屏新的體驗(yàn)秃嗜。

高清圖像和視頻

移動端應(yīng)用不僅以提供全面屏體驗(yàn)為重點(diǎn)。高清的內(nèi)容呈現(xiàn)也將影響到用戶的對移動端應(yīng)用程序的期望顿膨。比如下方圖片不應(yīng)在像素化的呈現(xiàn)在手機(jī)上痪寻。

5.明亮鮮艷的色彩

色彩是設(shè)計(jì)師工具中最強(qiáng)大的工具之一∷洳眩可以吸引注意力橡类,設(shè)定情緒,來影響用戶的行為與情緒芽唇。當(dāng)談及移動端應(yīng)用程序設(shè)計(jì)時(shí)顾画,現(xiàn)在絕對是鮮艷色彩的時(shí)代取劫。

功能性元素顏色

顏色不僅僅可以用于美學(xué),也將成為功能體驗(yàn)的一部分研侣。例如谱邪,設(shè)計(jì)師將不同的顏色作為區(qū)分不同類型的消息通知。

6.情感體驗(yàn)

在2018年庶诡,更多智能化情感設(shè)計(jì)融入移動端用戶體驗(yàn)中惦银。EI不在是用戶完成特定操作時(shí)顯示的動畫效果,而可以使體驗(yàn)更加的吸引人末誓、愉悅化的強(qiáng)大方式扯俱。

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

情感表達(dá)對于人來說是自然現(xiàn)象。即使是在編碼時(shí)代喇澡,我們也可以使用表情符號讓別人了解我們的感受迅栅。

1982年Scott Fahlman創(chuàng)建了著名的基于ASCII的表情符號

在當(dāng)今,我們有機(jī)會通過移動設(shè)備中廣泛的虛擬元素分享情感晴玖。人臉識別技術(shù)將用于提供相關(guān)反饋形式中读存。其中Animoji技術(shù)通過iPhoneX的相機(jī)響應(yīng)面部表情。

Animoji與其他人分享我們情感

自然的應(yīng)用程序交互

更多的操作手勢將改變我們與應(yīng)用程序的交互方式呕屎。例如让簿,內(nèi)容點(diǎn)贊,不再是點(diǎn)擊按鈕或圖標(biāo)秀睛,而是通過在屏幕繪制“心型”圖標(biāo)使其交互更加自然拜英。

圖片來源:Virgil Pana

情緒化的界面反饋

作為人類,我們希望與我們使用的產(chǎn)品建立情感化聯(lián)系琅催。因此居凶,當(dāng)我們與產(chǎn)品互動時(shí),期望得到一定程度上的情感反饋藤抡。即使知道產(chǎn)品不是人侠碧,但也希望移動端應(yīng)用程序可以做出情感反饋。

輸入內(nèi)容時(shí)缠黍,根據(jù)輸入的內(nèi)容給出情感化的反饋弄兜。圖片來源:Adip Nayak

7.視頻優(yōu)勢

2017年視頻作為內(nèi)容形式營銷的普及率劇增。根據(jù)Hubspot數(shù)據(jù)可知瓷式,每周有78%的人在線觀看視頻替饿,55%的人每天在觀看視頻。

在移動端設(shè)備中贸典,設(shè)計(jì)師應(yīng)該調(diào)整媒體的視頻形式视卢。

調(diào)整短視頻

用戶對于視頻的關(guān)注時(shí)間從2000年的12秒降至2015年的8秒。短視頻的上傳形式也在隨之變化廊驼。像360視頻與facebook live這種移動端應(yīng)用就是由于這種形式視頻的產(chǎn)生而誕生的据过。2018年惋砂,更多的用戶及企業(yè)將通過這種方式進(jìn)行及時(shí)的重要信息的傳播。

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

調(diào)整視頻的方向

根據(jù) Luke W的說法:“94%的用戶使用手機(jī)縱向拍攝”西饵。這就意味著手機(jī)必須適應(yīng)縱向播放。

8.生物技術(shù)的應(yīng)用

輕松的繞過傳統(tǒng)登陸的生物識別技術(shù)的需求日益劇增鳞芙。生物識別技術(shù)需要特定的生理或行為特征眷柔,例如面部識別、指紋或語音識別原朝。

生物認(rèn)識將被更多的用戶使用

生物技術(shù)識別解鎖已經(jīng)不再是一項(xiàng)最新的技術(shù)⊙敝觯現(xiàn)在有很多的用戶使用該技術(shù)來代替密碼解鎖。據(jù)蘋果公司稱竿拆,iPhone用戶平均每天會解鎖80次設(shè)備,其中89%的用戶使用Touch ID進(jìn)行解鎖宾尚。2018年丙笋,生物識別技術(shù)將被更頻繁使用,更多該項(xiàng)技術(shù)用于身份驗(yàn)證與身份管理煌贴。生物識別技術(shù)同時(shí)也可以被運(yùn)用到移動應(yīng)用中來提升安全性御板。

Face ID 將代替 Touch ID

2018年,面孔將成為最安全牛郑,最易用的身份驗(yàn)證方式之一怠肋。iPhone X的用戶在2018年率先體驗(yàn)這最新最流暢的身份驗(yàn)證方式。

9.社交設(shè)計(jì)

2015年comScore研究表示淹朋,用戶常使用3種應(yīng)用程序笙各,其中至少一種為消息應(yīng)用。這也說明為什么Chatbots和聲控系統(tǒng)的人工智能型應(yīng)用將成為2018年的熱門趨勢础芍。

Chatbots融入消息平臺

Chatbots雖不能代替常規(guī)的用戶界面體驗(yàn)杈抢,但可以被用作消息平臺的傳遞媒介。讓企業(yè)與客戶進(jìn)行實(shí)時(shí)模擬對話仑性。

圖片來源:Isil Uzum

更先進(jìn)的語言系統(tǒng)

在今天UI界面已經(jīng)不是我們與應(yīng)用進(jìn)行交互的唯一方式惶楼。隨著計(jì)算機(jī)計(jì)算能力與語言系統(tǒng)的顛覆性發(fā)展,我們可以使用不同種類的語言界面诊杆。2016年歼捐,谷歌表示大約20%的移動搜索行為是通過語音系統(tǒng)激活的。語音激活的交互形式可以避開我們必須學(xué)會使應(yīng)用程序晨汹,消除之間的隔閡豹储,提升用戶體驗(yàn)。這樣一來就很容易說明為什么語言系統(tǒng)將是未來幾年的發(fā)展趨勢了吧淘这。

10.個性化

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

根據(jù)定位推送內(nèi)容

用戶與移動設(shè)備手機(jī)通常一起出行晃洒。設(shè)備上的定位程序可以利用實(shí)時(shí)位置數(shù)據(jù)來推送用戶所處位置的相關(guān)內(nèi)容。這樣的功能可以更好的根據(jù)用戶周圍環(huán)境與用戶進(jìn)行交互朦乏。像星巴克應(yīng)用程序就是利用這樣的功能為用戶提供優(yōu)惠活動球及。2018年,更多的應(yīng)用將通過這項(xiàng)功能來改善體驗(yàn)呻疹。

可定制化的用戶界面

個性化的用戶體驗(yàn)設(shè)計(jì)不僅僅體現(xiàn)在內(nèi)容項(xiàng)吃引。每個用戶都是不同的,有一些用戶可能視力不好刽锤,色盲色弱的弱勢群體等镊尺,但應(yīng)用程序中的的用戶界面設(shè)計(jì)呈現(xiàn)在所有人面前都是一樣的。

個性化的設(shè)計(jì)應(yīng)該可以根據(jù)每個人調(diào)整結(jié)構(gòu)布局并思。通過由用戶提供個性信息和使用設(shè)備傳感器來實(shí)現(xiàn)庐氮。也可以根據(jù)這些信息,判斷是否調(diào)整字體大小宋彼,或在視頻播放時(shí)是否調(diào)整音量弄砍。

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

除了剛才所說的設(shè)計(jì)界面之外,另一個我們有望看到改變應(yīng)用程序便是虛擬現(xiàn)實(shí)技術(shù)输涕。一年前音婶,馬克伯格預(yù)測所有屏幕將被鏡頭取代。2018年將是虛擬現(xiàn)實(shí)的一年莱坎,許多用戶將會以手機(jī)或平板作為虛擬現(xiàn)實(shí)的鏡頭衣式。

目前市場上已經(jīng)有很多AR的應(yīng)用程序,但直到現(xiàn)在創(chuàng)建AR應(yīng)用程序也并非易事檐什。蘋果和谷歌在2017年也都發(fā)布了AR框架碴卧,幫助輕松搭建應(yīng)用程序。

娛樂AR

我們大家應(yīng)該都熟悉Pokemon Go這款游戲吧乃正,這就是一個將AR技術(shù)很好的運(yùn)用的例子。其實(shí)AR的運(yùn)用不僅限于游戲。例如消息應(yīng)用程序中的AR鏡頭垢箕,創(chuàng)建了更具吸引力的用戶體驗(yàn)。

生活實(shí)際問題中的AR體驗(yàn)

AR正快速成為解決生活實(shí)際問題為用戶帶來真正便捷的技術(shù)兑巾。例如条获,AR Measure代替?zhèn)鹘y(tǒng)物理測量工具來測真實(shí)世界物體。

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

無現(xiàn)金快捷支付正在成為許多用戶的新標(biāo)準(zhǔn)蒋歌。像中國帅掘,這種支付方式正在迅速的成為一種理想的支付方式委煤,改變著商業(yè)模式。

這對移動應(yīng)用程序意味著什么呢?在2018年我們必須提供Apple Pay / android Pay作為產(chǎn)品的默認(rèn)功能吱窝。


原文作者:Nick Babich

文章鏈接:https://uxplanet.org/12-mobile-ux-design-trends-for-2018-5b4ce7e8445f

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末讥邻,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子院峡,更是在濱河造成了極大的恐慌发魄,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件俩垃,死亡現(xiàn)場離奇詭異励幼,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)吆寨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進(jìn)店門赏淌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來踩寇,“玉大人啄清,你說我怎么就攤上這事“乘铮” “怎么了辣卒?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長睛榄。 經(jīng)常有香客問我荣茫,道長,這世上最難降的妖魔是什么场靴? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任啡莉,我火速辦了婚禮,結(jié)果婚禮上旨剥,老公的妹妹穿的比我還像新娘咧欣。我一直安慰自己,他們只是感情好轨帜,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布魄咕。 她就那樣靜靜地躺著,像睡著了一般蚌父。 火紅的嫁衣襯著肌膚如雪哮兰。 梳的紋絲不亂的頭發(fā)上毛萌,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機(jī)與錄音喝滞,去河邊找鬼阁将。 笑死,一個胖子當(dāng)著我的面吹牛囤躁,可吹牛的內(nèi)容都是我干的冀痕。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼狸演,長吁一口氣:“原來是場噩夢啊……” “哼言蛇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起宵距,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤腊尚,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后满哪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體婿斥,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年哨鸭,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了民宿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡像鸡,死狀恐怖活鹰,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情只估,我是刑警寧澤志群,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站蛔钙,受9級特大地震影響锌云,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吁脱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一桑涎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧兼贡,春花似錦攻冷、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春涉兽,著一層夾襖步出監(jiān)牢的瞬間招驴,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工枷畏, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留别厘,地道東北人。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓拥诡,卻偏偏與公主長得像触趴,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子渴肉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評論 2 353

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