2017年最大的用戶體驗(yàn)設(shè)計(jì)趨勢

設(shè)計(jì)是決定一個產(chǎn)品成功的關(guān)鍵要素之一优质。設(shè)計(jì)包含一切竣贪,從一個產(chǎn)品的外觀樣式到人們使用它的感受。每年我們都會總結(jié)設(shè)計(jì)中的新樣式巩螃。2017年也快結(jié)束了演怎,此時總結(jié)今年影響最大的用戶體驗(yàn)趨勢恰當(dāng)時。

在這篇文章里避乏,我概括了在設(shè)計(jì)的視覺與技術(shù)方面14個最重大的變化爷耀。

1.極簡主義的興起

2017年,許多大品牌轉(zhuǎn)變?yōu)榱粟呌诤唵闻钠ぁO簡的設(shè)計(jì)歹叮。清晰的線條、大片的空白以及盡可能少的圖形元素铆帽,成為許多網(wǎng)站與APP的基本特征咆耿。這些都不是巧合。通過清晰的可視化交流爹橱,以處理用戶問題為目的萨螺,極簡主義的設(shè)計(jì)強(qiáng)調(diào)最重要的東西—內(nèi)容。這種設(shè)計(jì)強(qiáng)化了內(nèi)容,極簡主義的交互界面結(jié)合良好的可用性慰技,在實(shí)際中讓人印象深刻椭盏。如果易于瀏覽,一個簡單的APP或者網(wǎng)站將會是一種有效的交流方式吻商。

簡單布局成為APP與網(wǎng)站的主流趨勢掏颊。

YouTube網(wǎng)站(2015 vs. 2017)


Facebook iOS版(2015 vs. 2017)

2.無處不在的視頻

視覺是人類感覺中最強(qiáng)烈的感覺。長期以來艾帐,圖像一直是用戶界面設(shè)計(jì)的大頭乌叶,但是在2017年圖像使用慢慢減少,并迎來了它的自然而然的繼承者:視頻掩蛤。他們說一圖勝千言枉昏。但是視頻包含的信息是圖片的十倍,這是因?yàn)閭鹘y(tǒng)的圖像是靜態(tài)的揍鸟,而視頻是動態(tài)的兄裂。到2017年,在線視頻將會占據(jù)74%的在線流量阳藻。

視頻成為著陸頁的熱門選擇晰奖。頁面上簡短與循環(huán)播放視頻,以能讓觀眾對故事本身著迷的方式展示一個產(chǎn)品腥泥。

視頻是視覺敘事的一種手段匾南。它能夠給予一款產(chǎn)品或者技術(shù)一種可視化的概念,這是圖像很難達(dá)到的蛔外。Tesla(特斯拉)采用視頻讓消費(fèi)者了解駕駛一輛電動汽車的感受蛆楞。

由于視頻天然的優(yōu)勢就是從一開始就能吸引訪問者的目光,因此對于許多信息源來說夹厌,視頻成為他們傳遞內(nèi)容的首選方式豹爹。2017年,許多大型新聞網(wǎng)站在文章中使用了嵌入式的視頻矛纹。

視頻是對文本信息的理想補(bǔ)充臂聋。圖片來源:CNN

最重要的是,我們看到在2017年用戶產(chǎn)生了大量的視頻內(nèi)容或南。事實(shí)上孩等,每個人的口袋里都有一個像樣的攝像機(jī)。這些攝像機(jī)使得每個用戶都能參與直播(例如采够,F(xiàn)acebook直播)以及拍攝微視頻(通過Instagram 的Stories和Snapchat 的Snaps)肄方。

Instagram的 Stories。圖像來源:Techcrunch

3.高清的定制圖片與插圖

高清定制圖片是一種強(qiáng)有力的信息交流形式吁恍。它通過將概念簡化為易于理解的視覺形式扒秸,清晰的說明信息播演,在產(chǎn)品和用戶之間建立起強(qiáng)連接冀瓦。今天伴奥,我們能夠在數(shù)字產(chǎn)品上能看到許多有趣的圖片和插圖。

越來越多帶有高分辨率屏幕的設(shè)備翼闽,強(qiáng)制設(shè)計(jì)者在設(shè)計(jì)中只能使用高清圖片和插畫拾徙,而模糊的圖片則無法立腳。

2017年感局,用戶期望看到像素級完美的圖片和插畫尼啡。圖片來源:Basecamp


圖像來源:shopify

4.更多功能性與娛樂性的動畫

關(guān)注細(xì)節(jié)在今年尤為重要。動畫在用戶體驗(yàn)設(shè)計(jì)中扮演著重要作用询微,特別是在用戶每次使用APP時都進(jìn)行成數(shù)千次交互和微交互的設(shè)備上崖瞭。精心設(shè)計(jì)的動畫通常提升了數(shù)字體驗(yàn)的簡易性,并且加強(qiáng)了數(shù)字交互撑毛。

功能性的動畫(讓用戶)產(chǎn)生了參與感书聚,使互動變得更有趣味、更有意義藻雌。

5.超越用戶界面的情感體驗(yàn)

在2017年雌续,我們看到了轉(zhuǎn)向情感智能設(shè)計(jì)的趨勢。在我們決策中胯杭,情感扮演著重要的角色驯杜,它指引我們做出每一個決定。所有體驗(yàn)都會產(chǎn)生情感做个,無論你是否為它們而設(shè)計(jì)鸽心。但是情感設(shè)計(jì)在于有意讓產(chǎn)品和用戶之間產(chǎn)生情感連接。情感設(shè)計(jì)意味著更加人性化的技術(shù)與令人愉悅的微交互居暖。

偉大的設(shè)計(jì)并不僅僅是塑造具有可用性和吸引力的產(chǎn)品顽频,而是使得人與人之間的交流更加便利。

圖像來源:Snapchat via Wired? ?

6.鮮艷的色彩與漸變

2017年膝但,大膽冲九、明快的顏色與漸變卷土重來。設(shè)計(jì)師采用充滿活力的色彩使得設(shè)計(jì)更加令人難忘跟束。

圖片來源:Method

為平面設(shè)計(jì)注入新的活力:

通過采用明快莺奸、飽和的顏色與Material Design結(jié)合,設(shè)計(jì)師喚起了現(xiàn)代感冀宴。圖片來源:Ramotion

或者讓人們注意力集中在重要的元素之上:

當(dāng)訪問者登陸Airbnb的主頁時灭贷,其品牌名與“Search”這一響應(yīng)性按鈕就立馬吸引了他們的注意。

7.游戲化

游戲化是2017年最重要的交互趨勢之一略贮∩跖保“游戲化”一詞代表將游戲機(jī)制融入到非游戲環(huán)境的技術(shù)仗岖。一些APP采用了簡單的游戲元素,例如鼓勵用戶更多的與APP互動览妖,參與挑戰(zhàn)轧拄。但是對一些APP來說,游戲化成為用戶流程中的基本組成部分讽膏。例如檩电, Duolingo是一個語言學(xué)習(xí)Web/APP,它(通過游戲化)能讓用戶覺得他們自己就是一名真正的府树,開啟了產(chǎn)品個人使用旅程的玩家俐末。

游戲化已經(jīng)深入到了Duolingo的每一門課程。

8.個性化

就在幾年前奄侠,市場上的絕大多數(shù)APP在設(shè)計(jì)和內(nèi)容上都是靜態(tài)的卓箫。他們?yōu)槊總€人都提供同樣無差別的體驗(yàn),不管用戶如何與它們互動垄潮。

機(jī)器學(xué)習(xí)和AI的最新進(jìn)展使得APP可以掌握它們使用者的偏好烹卒。這使得向每個用戶提供最相關(guān)的內(nèi)容成為可能。如今魂挂,用戶希望在與產(chǎn)品互動時擁有個人體驗(yàn)甫题。用戶需要了解他們的APP。

市場上有很多個性化的例子涂召,其中之一是Spotify坠非。Spotify證明了機(jī)器學(xué)習(xí)的優(yōu)勢在于可以顯著提高用戶的參與度。Spotify不僅可以存儲和播放用戶喜歡的音樂果正,還可以幫助用戶找到與他們正在收聽的內(nèi)容有關(guān)炎码,但可能錯過的新歌或歌手。

我們都不一樣秋泳,為什么我們用的APP對每個人都是一樣的潦闲?Spotify的個性化內(nèi)容是基于用戶的行為偏好推薦。

一些APP不僅僅是為用戶定制內(nèi)容迫皱,而是更具個性化歉闰。一個完美的例子就是iOS 版的Nike + Run Club。它首先會讓用戶選擇一個鍛煉計(jì)劃卓起,然后根據(jù)用戶的訓(xùn)練進(jìn)度自動調(diào)整原有的鍛煉計(jì)劃和敬。用戶選擇他們想要達(dá)到的目標(biāo),APP跟蹤他們的進(jìn)度戏阅,這樣基本上能為用戶定制出能達(dá)到最佳效果的訓(xùn)練計(jì)劃昼弟。Nike+ Run Club 就如同一個住在你兜里真正的健身教練。

耐克明白每個人都是獨(dú)一無二的奕筐,而且沒有所謂的“一刀切”的鍛煉計(jì)劃舱痘。

個性化推薦在2018年將依然是一個重要的趨勢变骡。

9.移動支付與數(shù)據(jù)安全

一段時間以來,移動支付一直被吹捧為下一個重大事件芭逝。行業(yè)專家預(yù)測到塌碌,移動設(shè)備無處不在的性質(zhì)將導(dǎo)致傳統(tǒng)錢包的終結(jié)。2017年铝耻,我們看到越來越多的證據(jù)顯示信用卡將很快被移動支付系統(tǒng)取代誊爹。世界上的一些地區(qū)幾乎全部轉(zhuǎn)向移動支付蹬刷。例如在中國瓢捉,現(xiàn)金將很快消失,因?yàn)檫@個國家的人在日常生活大量使用移動支付(譯者注:有點(diǎn)夸張了吧)办成。中國的商店和服務(wù)業(yè)逐漸以移動支付APP為中心泡态,如微信支付和支付寶。

現(xiàn)金和信用卡很快會被嵌入在我們手機(jī)中的新技術(shù)取代迂卢。圖片來源: Apple Pay via Gizmodo

多種在線支付方式使得安全問題成為移動應(yīng)用領(lǐng)域的一個重要趨勢某弦。移動應(yīng)用的安全性在2018年肯定會保持一個重要趨勢。

10.可穿戴設(shè)備

2017年而克,可穿戴設(shè)備變得更加復(fù)雜(功能更多)靶壮。根據(jù)最近發(fā)布的Apple Watch 3,用戶可以單獨(dú)使用Watch打電話员萍。這意味著在不遠(yuǎn)的將來腾降,對于一些用戶群體,可穿戴設(shè)備完全有潛力替代智能手機(jī)碎绎。

帶有LTE(譯者注:4G網(wǎng)絡(luò))的Apple Watch 3 有可能真正成為iPhone的替代品螃壤。圖片來源:thenextweb

11.會話式界面

在聊天機(jī)器人和語音交互界面的發(fā)展推動下,2016年和2017年都是會話界面(仿真與真人聊天的用戶界面)發(fā)展的突出年份筋帖。

聊天機(jī)器人在移動應(yīng)用程序中非常受歡迎奸晴,特別是在一些聊天客戶端,例如Facebook Messenger與微信日麸。創(chuàng)造全方位的會話解決方案存在著很大的機(jī)遇寄啼。根據(jù)ComScore的一項(xiàng)研究顯示,平均每個智能手機(jī)用戶通常只會頻繁使用三個APP代箭,并且至少其中一個是聊天軟件墩划。因?yàn)榱奶焓俏覀兣c其他人主要的交流方式,因此聊天本身是一種非成倚叮基本的互動走诞。相比點(diǎn)擊一大堆按鈕,在用戶界面中瀏覽復(fù)雜菜單蛤高,使用聊天機(jī)器人顯得更加直觀和簡單蚣旱。

Facebook M正在使用這種看起來很基本的方式碑幅,讓日常工作簡單得只需發(fā)送很少的文字信息。

語音界面在虛擬助手中備受歡迎塞绿,例如Siri沟涨、Cortana和亞馬遜的Alexa。不依靠觸摸屏异吻、鼠標(biāo)點(diǎn)擊和鍵盤命令裹赴,語音交互技術(shù)正在慢慢地但是從根本上改變用戶與界面的交互方式。越來越多用戶的雙手在日常生活中得到了解放诀浪,比如獲取天氣預(yù)報(bào)或查找一個食譜棋返。

亞馬遜的Echo是一個語音控制系統(tǒng)。來源:ibtimes

聊天機(jī)器人與語音交互系統(tǒng)都將在2018年持續(xù)增長雷猪。會話式的界面有可能成為人們交流的主要界面類型睛竣。

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

除了會話界面之外,還有另一個有望在不久的將來徹底改變我們APP使用方式的方向-增強(qiáng)現(xiàn)實(shí)(AR)求摇。在2017年射沟,蘋果和谷歌都為開發(fā)者發(fā)布了增強(qiáng)現(xiàn)實(shí)平臺ARKit和ARCore。新的架構(gòu)使得開發(fā)人員輕松地為iOS和Android系統(tǒng)創(chuàng)造增強(qiáng)現(xiàn)實(shí)體驗(yàn)与境。

雖然虛擬現(xiàn)實(shí)技術(shù)(VR)和增強(qiáng)現(xiàn)實(shí)技術(shù)(AR)都被寄予推動新媒介發(fā)展的希望验夯,但其中一個因素將會使得AR超越VR,就是其實(shí)際價值摔刁。VR技術(shù)最大優(yōu)勢在于其可以將數(shù)字產(chǎn)品無縫集成到用戶的生活中挥转。整合虛擬世界和現(xiàn)實(shí)世界的可能性無止境。例如簸搞,2017年AR平臺上發(fā)布了最令人印象深刻的實(shí)用工具之一—Measurekit 扁位。Measurekit只是一款簡單的AR應(yīng)用程序,但通過一部iPhone或iPad的相機(jī)趁俊,它就能測量幾乎任何東西域仇。這基本上可以幫助任何用戶。

圖片來源:Measurekit via TheVerge?

13.娛樂化的虛擬現(xiàn)實(shí)

VR正在迅速成為娛樂的未來寺擂。在2017年暇务,我們目睹了一些很贊的VR體驗(yàn),比如VR版的《美女與野獸》怔软。預(yù)計(jì)到2018年垦细,活躍的VR用戶數(shù)量將達(dá)到1.71億(幾乎是2017年用戶的兩倍)。不過挡逼,絕大多數(shù)用戶將是KT&T和游戲玩家括改。

迪士尼帶來了具有魔力的《美麗與野獸》。圖片來源:迪士尼

除了游戲之外家坎,在2018年我們一定會看到VR蔓延至日常生活的其他方面嘱能。實(shí)際上吝梅,VR 現(xiàn)在可以在瀏覽器中體驗(yàn)。這意味著像亞馬遜惹骂、eBay和Shopify這樣的電商巨頭將會清醒地意識到苏携,在VR與在線購物結(jié)合之時,他們需要豐富他們平臺(的瀏覽體驗(yàn))并且擁抱VR对粪。

14.設(shè)計(jì)沖刺與原型的爆發(fā)

在2016年和2017年右冻,設(shè)計(jì)沖刺越來越受到產(chǎn)品團(tuán)隊(duì)的歡迎。在Google Ventures的推動下著拭,設(shè)計(jì)沖刺這一概念已被世界各地的設(shè)計(jì)團(tuán)隊(duì)所采納纱扭,以改善其用戶體驗(yàn)設(shè)計(jì)流程。

設(shè)計(jì)沖刺為團(tuán)隊(duì)提供了一個無需建立和啟動即可學(xué)習(xí)的捷徑茫死。圖片來源:Google Ventures

除了采用設(shè)計(jì)沖刺這一方法跪但,許多創(chuàng)造性團(tuán)隊(duì)意識到了在制作數(shù)字產(chǎn)品時原型的重要性。新的原型工作顯著的改善了設(shè)計(jì)師們的工作進(jìn)程峦萎,讓他們花更多的時間思考最終的用戶,而不是每次都從零開始忆首。

Adobe XD讓設(shè)計(jì)人員在數(shù)秒內(nèi)從線框圖轉(zhuǎn)換到交互式原型并測試設(shè)計(jì)爱榔。


總結(jié):

很明顯,2017年是技術(shù)革新和界面設(shè)計(jì)都同樣重要的一年糙及。在科技世界详幽,2018年每天都將繼續(xù)看到許多變化。作為設(shè)計(jì)人員和開發(fā)人員浸锨,緊跟這些趨勢唇聘,這樣我們才能創(chuàng)造良好的用戶體驗(yàn)。


原文鏈接

作者簡介:Nick Babich柱搜,一名開發(fā)人員迟郎、技術(shù)狂人和UX愛好者,在軟件行業(yè)擁有十余年的開發(fā)工作經(jīng)驗(yàn)聪蘸。他興趣愛好廣泛宪肖,包括廣告、心理以及攝影等健爬。

譯者:游俠兒控乾,關(guān)注互聯(lián)網(wǎng)金融、大數(shù)據(jù)娜遵,愛閱讀愛健身蜕衡。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市设拟,隨后出現(xiàn)的幾起案子慨仿,更是在濱河造成了極大的恐慌鸽扁,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件镶骗,死亡現(xiàn)場離奇詭異桶现,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)鼎姊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進(jìn)店門骡和,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人相寇,你說我怎么就攤上這事慰于。” “怎么了唤衫?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵婆赠,是天一觀的道長。 經(jīng)常有香客問我佳励,道長休里,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任赃承,我火速辦了婚禮妙黍,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘瞧剖。我一直安慰自己拭嫁,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布抓于。 她就那樣靜靜地躺著做粤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪捉撮。 梳的紋絲不亂的頭發(fā)上怕品,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天,我揣著相機(jī)與錄音呕缭,去河邊找鬼堵泽。 笑死,一個胖子當(dāng)著我的面吹牛恢总,可吹牛的內(nèi)容都是我干的迎罗。 我是一名探鬼主播,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼片仿,長吁一口氣:“原來是場噩夢啊……” “哼纹安!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤厢岂,失蹤者是張志新(化名)和其女友劉穎光督,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體塔粒,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡结借,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了卒茬。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片船老。...
    茶點(diǎn)故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖圃酵,靈堂內(nèi)的尸體忽然破棺而出柳畔,到底是詐尸還是另有隱情,我是刑警寧澤郭赐,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布薪韩,位于F島的核電站,受9級特大地震影響捌锭,放射性物質(zhì)發(fā)生泄漏俘陷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一舀锨、第九天 我趴在偏房一處隱蔽的房頂上張望岭洲。 院中可真熱鬧,春花似錦坎匿、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至屎暇,卻和暖如春承桥,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背根悼。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工凶异, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人挤巡。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓剩彬,卻偏偏與公主長得像,于是被迫代替她去往敵國和親矿卑。 傳聞我的和親對象是個殘疾皇子喉恋,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評論 2 345

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