2017年最大的用戶體驗設計趨勢

設計是決定一個產(chǎn)品成功的關鍵要素之一。設計包含一切,從一個產(chǎn)品的外觀樣式到人們使用它的感受。每年我們都會總結設計中的新樣式。2017年也快結束了敬锐,此時總結今年影響最大的用戶體驗趨勢恰當時。

在這篇文章里呆瞻,我概括了在設計的視覺與技術方面14個最重大的變化台夺。

1.極簡主義的興起

2017年,許多大品牌轉(zhuǎn)變?yōu)榱粟呌诤唵味翱尽O簡的設計谒养。清晰的線條、大片的空白以及盡可能少的圖形元素,成為許多網(wǎng)站與APP的基本特征买窟。這些都不是巧合丰泊。通過清晰的可視化交流,以處理用戶問題為目的始绍,極簡主義的設計強調(diào)最重要的東西—內(nèi)容瞳购。這種設計強化了內(nèi)容,極簡主義的交互界面結合良好的可用性亏推,在實際中讓人印象深刻学赛。如果易于瀏覽,一個簡單的APP或者網(wǎng)站將會是一種有效的交流方式吞杭。

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

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

Facebook iOS版(2015 vs. 2017)

2.無處不在的視頻

視覺是人類感覺中最強烈的感覺。長期以來芽狗,圖像一直是用戶界面設計的大頭绢掰,但是在2017年圖像使用慢慢減少,并迎來了它的自然而然的繼承者:視頻童擎。他們說一圖勝千言滴劲。但是視頻包含的信息是圖片的十倍,這是因為傳統(tǒng)的圖像是靜態(tài)的顾复,而視頻是動態(tài)的班挖。到2017年,在線視頻將會占據(jù)74%的在線流量芯砸。

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

視頻是視覺敘事的一種手段末购。它能夠給予一款產(chǎn)品或者技術一種可視化的概念破喻,這是圖像很難達到的虎谢。Tesla(特斯拉)采用視頻讓消費者了解駕駛一輛電動汽車的感受。

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

視頻是對文本信息的理想補充。圖片來源:CNN

最重要的是宅静,我們看到在2017年用戶產(chǎn)生了大量的視頻內(nèi)容章蚣。事實上,每個人的口袋里都有一個像樣的攝像機姨夹。這些攝像機使得每個用戶都能參與直播(例如纤垂,F(xiàn)acebook直播)以及拍攝微視頻(通過Instagram 的Stories和Snapchat 的Snaps)矾策。

Instagram的 Stories。圖像來源:Techcrunch

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

高清定制圖片是一種強有力的信息交流形式峭沦。它通過將概念簡化為易于理解的視覺形式贾虽,清晰的說明信息,在產(chǎn)品和用戶之間建立起強連接吼鱼。今天蓬豁,我們能夠在數(shù)字產(chǎn)品上能看到許多有趣的圖片和插圖。

越來越多帶有高分辨率屏幕的設備菇肃,強制設計者在設計中只能使用高清圖片和插畫地粪,而模糊的圖片則無法立腳。

2017年琐谤,用戶期望看到像素級完美的圖片和插畫驶忌。圖片來源:Basecamp

圖像來源:shopify

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

關注細節(jié)在今年尤為重要。動畫在用戶體驗設計中扮演著重要作用笑跛,特別是在用戶每次使用APP時都進行成數(shù)千次交互和微交互的設備上付魔。精心設計的動畫通常提升了數(shù)字體驗的簡易性,并且加強了數(shù)字交互飞蹂。

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

5.超越用戶界面的情感體驗

在2017年妻坝,我們看到了轉(zhuǎn)向情感智能設計的趨勢。在我們決策中惊窖,情感扮演著重要的角色刽宪,它指引我們做出每一個決定。所有體驗都會產(chǎn)生情感界酒,無論你是否為它們而設計圣拄。但是情感設計在于有意讓產(chǎn)品和用戶之間產(chǎn)生情感連接。情感設計意味著更加人性化的技術與令人愉悅的微交互毁欣。

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

圖像來源:Snapchat via Wired

6.鮮艷的色彩與漸變

2017年凭疮,大膽饭耳、明快的顏色與漸變卷土重來。設計師采用充滿活力的色彩使得設計更加令人難忘执解。

圖片來源:Method

為平面設計注入新的活力:

通過采用明快寞肖、飽和的顏色與Material Design結合,設計師喚起了現(xiàn)代感。圖片來源:Ramotion

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

當訪問者登陸Airbnb的主頁時新蟆,其品牌名與“Search”這一響應性按鈕就立馬吸引了他們的注意耕姊。

7.游戲化

游戲化是2017年最重要的交互趨勢之一≌て希“游戲化”一詞代表將游戲機制融入到非游戲環(huán)境的技術茉兰。一些APP采用了簡單的游戲元素,例如鼓勵用戶更多的與APP互動欣簇,參與挑戰(zhàn)规脸。但是對一些APP來說,游戲化成為用戶流程中的基本組成部分熊咽。例如莫鸭, Duolingo是一個語言學習Web/APP,它(通過游戲化)能讓用戶覺得他們自己就是一名真正的横殴,開啟了產(chǎn)品個人使用旅程的玩家被因。

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

8.個性化

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

機器學習和AI的最新進展使得APP可以掌握它們使用者的偏好粥鞋。這使得向每個用戶提供最相關的內(nèi)容成為可能。如今瞄崇,用戶希望在與產(chǎn)品互動時擁有個人體驗呻粹。用戶需要了解他們的APP。

市場上有很多個性化的例子苏研,其中之一是Spotify等浊。Spotify證明了機器學習的優(yōu)勢在于可以顯著提高用戶的參與度。Spotify不僅可以存儲和播放用戶喜歡的音樂摹蘑,還可以幫助用戶找到與他們正在收聽的內(nèi)容有關筹燕,但可能錯過的新歌或歌手。

我們都不一樣纹蝴,為什么我們用的APP對每個人都是一樣的庄萎?Spotify的個性化內(nèi)容是基于用戶的行為偏好推薦踪少。

一些APP不僅僅是為用戶定制內(nèi)容塘安,而是更具個性化。一個完美的例子就是iOS 版的Nike + Run Club援奢。它首先會讓用戶選擇一個鍛煉計劃兼犯,然后根據(jù)用戶的訓練進度自動調(diào)整原有的鍛煉計劃。用戶選擇他們想要達到的目標,APP跟蹤他們的進度切黔,這樣基本上能為用戶定制出能達到最佳效果的訓練計劃砸脊。Nike+ Run Club 就如同一個住在你兜里真正的健身教練。

耐克明白每個人都是獨一無二的纬霞,而且沒有所謂的“一刀切”的鍛煉計劃凌埂。

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

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

一段時間以來诗芜,移動支付一直被吹捧為下一個重大事件瞳抓。行業(yè)專家預測到,移動設備無處不在的性質(zhì)將導致傳統(tǒng)錢包的終結伏恐。2017年孩哑,我們看到越來越多的證據(jù)顯示信用卡將很快被移動支付系統(tǒng)取代。世界上的一些地區(qū)幾乎全部轉(zhuǎn)向移動支付翠桦。例如在中國横蜒,現(xiàn)金將很快消失,因為這個國家的人在日常生活大量使用移動支付(譯者注:有點夸張了吧)销凑。中國的商店和服務業(yè)逐漸以移動支付APP為中心丛晌,如微信支付和支付寶。

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

多種在線支付方式使得安全問題成為移動應用領域的一個重要趨勢茵乱。移動應用的安全性在2018年肯定會保持一個重要趨勢。

10.可穿戴設備

2017年孟岛,可穿戴設備變得更加復雜(功能更多)瓶竭。根據(jù)最近發(fā)布的Apple Watch 3,用戶可以單獨使用Watch打電話渠羞。這意味著在不遠的將來斤贰,對于一些用戶群體,可穿戴設備完全有潛力替代智能手機次询。

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

11.會話式界面

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

聊天機器人在移動應用程序中非常受歡迎送巡,特別是在一些聊天客戶端,例如Facebook Messenger與微信盒卸。創(chuàng)造全方位的會話解決方案存在著很大的機遇骗爆。根據(jù)ComScore的一項研究顯示,平均每個智能手機用戶通常只會頻繁使用三個APP蔽介,并且至少其中一個是聊天軟件摘投。因為聊天是我們與其他人主要的交流方式煮寡,因此聊天本身是一種非常基本的互動犀呼。相比點擊一大堆按鈕幸撕,在用戶界面中瀏覽復雜菜單,使用聊天機器人顯得更加直觀和簡單外臂。

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

語音界面在虛擬助手中備受歡迎宋光,例如Siri挑童、Cortana和亞馬遜的Alexa。不依靠觸摸屏跃须、鼠標點擊和鍵盤命令站叼,語音交互技術正在慢慢地但是從根本上改變用戶與界面的交互方式。越來越多用戶的雙手在日常生活中得到了解放菇民,比如獲取天氣預報或查找一個食譜尽楔。

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

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

12.增強現(xiàn)實

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

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

圖片來源:Measurekit via TheVerge

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

VR正在迅速成為娛樂的未來娩井。在2017年暇屋,我們目睹了一些很贊的VR體驗,比如VR版的《美女與野獸》撞牢。預計到2018年率碾,活躍的VR用戶數(shù)量將達到1.71億(幾乎是2017年用戶的兩倍)叔营。不過屋彪,絕大多數(shù)用戶將是KT&T和游戲玩家所宰。

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

除了游戲之外畜挥,在2018年我們一定會看到VR蔓延至日常生活的其他方面仔粥。實際上,VR 現(xiàn)在可以在瀏覽器中體驗蟹但。這意味著像亞馬遜躯泰、eBay和Shopify這樣的電商巨頭將會清醒地意識到,在VR與在線購物結合之時华糖,他們需要豐富他們平臺(的瀏覽體驗)并且擁抱VR麦向。

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

在2016年和2017年,設計沖刺越來越受到產(chǎn)品團隊的歡迎客叉。在Google Ventures的推動下诵竭,設計沖刺這一概念已被世界各地的設計團隊所采納,以改善其用戶體驗設計流程兼搏。

設計沖刺為團隊提供了一個無需建立和啟動即可學習的捷徑卵慰。圖片來源:Google Ventures

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

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

總結:

很明顯,2017年是技術革新和界面設計都同樣重要的一年绑莺。在科技世界泛范,2018年每天都將繼續(xù)看到許多變化。作為設計人員和開發(fā)人員紊撕,緊跟這些趨勢罢荡,這樣我們才能創(chuàng)造良好的用戶體驗。

原文鏈接

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末对扶,一起剝皮案震驚了整個濱河市区赵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌浪南,老刑警劉巖笼才,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異络凿,居然都是意外死亡骡送,警方通過查閱死者的電腦和手機昂羡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來摔踱,“玉大人虐先,你說我怎么就攤上這事∨煞螅” “怎么了蛹批?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長篮愉。 經(jīng)常有香客問我腐芍,道長,這世上最難降的妖魔是什么试躏? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任猪勇,我火速辦了婚禮,結果婚禮上颠蕴,老公的妹妹穿的比我還像新娘泣刹。我一直安慰自己,他們只是感情好裁替,可當我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布项玛。 她就那樣靜靜地躺著,像睡著了一般弱判。 火紅的嫁衣襯著肌膚如雪襟沮。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天昌腰,我揣著相機與錄音开伏,去河邊找鬼。 笑死遭商,一個胖子當著我的面吹牛固灵,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播劫流,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼巫玻,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了祠汇?” 一聲冷哼從身側(cè)響起仍秤,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎可很,沒想到半個月后诗力,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡我抠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年苇本,在試婚紗的時候發(fā)現(xiàn)自己被綠了袜茧。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡瓣窄,死狀恐怖笛厦,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情康栈,我是刑警寧澤递递,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布喷橙,位于F島的核電站啥么,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏贰逾。R本人自食惡果不足惜悬荣,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望疙剑。 院中可真熱鬧氯迂,春花似錦、人聲如沸言缤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽管挟。三九已至轿曙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間僻孝,已是汗流浹背导帝。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留穿铆,地道東北人您单。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像荞雏,于是被迫代替她去往敵國和親虐秦。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,864評論 2 354

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