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

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

（以下文章動(dòng)圖多且炫，請(qǐng)耐心加載哦…）

1.極簡(jiǎn)主義的興起

2017年許多大品牌轉(zhuǎn)變?yōu)橼呌跇O簡(jiǎn)的設(shè)計(jì)。清晰的線條、大片的留白以及盡可能少的圖形元素，成為許多網(wǎng)站與APP的基本特征。這些都不是巧合。通過清晰的可視化交流，以處理用戶問題為目的，極簡(jiǎn)主義的設(shè)計(jì)強(qiáng)調(diào)最重要的東西—內(nèi)容。極簡(jiǎn)主義的設(shè)計(jì)強(qiáng)化了內(nèi)容，并且結(jié)合交互界面良好的可用性，在實(shí)際中讓人印象深刻。如果做到易于瀏覽，一個(gè)簡(jiǎn)單的APP或者網(wǎng)站將會(huì)是一種有效的交流方式。

簡(jiǎn)單布局成為APP與網(wǎng)站的主流趨勢(shì)。

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

Facebook iOS版（2015 vs. 2017）

2.無(wú)處不在的視頻

視覺是人類感官中最強(qiáng)烈的感覺。長(zhǎng)期以來，圖像一直是用戶界面設(shè)計(jì)的大頭，但是在2017年圖像使用慢慢減少，并迎來了自然而然的繼承者：視頻。一圖勝千言，但是視頻包含的信息是圖片的十倍，這是因?yàn)閭鹘y(tǒng)的圖像是靜態(tài)的，而視頻是動(dòng)態(tài)的。2017年，在線視頻占據(jù)了74%的在線流量。

視頻已成為著陸頁(yè)的熱門選擇。通過頁(yè)面上簡(jiǎn)短與循環(huán)播放視頻展示，能讓觀眾對(duì)故事本身著迷。

視頻是視覺敘事的一種手段。它能夠給予一款產(chǎn)品或者技術(shù)可視化的認(rèn)知，這是圖像很難達(dá)到的。Tesla（特斯拉）采用視頻讓消費(fèi)者了解駕駛一輛電動(dòng)汽車的感受。

由于視頻天然的優(yōu)勢(shì)是從一開始就能吸引訪問者的目光，因此對(duì)于許多信息發(fā)布者來說，視頻成為他們傳遞內(nèi)容的首選方式。2017年，許多大型新聞網(wǎng)站在文章中嵌入了視頻。

視頻是對(duì)文本信息的理想補(bǔ)充。圖片來源：CNN

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

Instagram的 Stories。圖像來源:Techcrunch

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

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

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

2017年，用戶期望看到像素級(jí)完美的圖片和插畫。圖片來源：Basecamp

圖像來源：shopify

4.更多功能性與娛樂性的動(dòng)畫

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

（壓縮后上傳，損失了視覺效果，請(qǐng)點(diǎn)擊查看原圖）

功能性的動(dòng)畫（讓用戶）產(chǎn)生了參與感，使互動(dòng)變得更有趣味、更有意義。

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

在2017年，我們看到了轉(zhuǎn)向情感智能設(shè)計(jì)的趨勢(shì)。在我們決策中，情感扮演著重要的角色，它指引我們做出每一個(gè)決定。所有體驗(yàn)都會(huì)產(chǎn)生情感，無(wú)論你是否為它們而設(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的主頁(yè)時(shí)，其品牌名與“Search”這一響應(yīng)性按鈕就立馬吸引了他們的注意。

7.游戲化

游戲化是2017年最重要的交互趨勢(shì)之一?！坝螒蚧币辉~代表將游戲機(jī)制融入到非游戲環(huán)境的技術(shù)。一些APP采用了簡(jiǎn)單的游戲元素，例如鼓勵(lì)用戶更多的與APP互動(dòng)，參與挑戰(zhàn)。但是對(duì)一些APP來說，游戲化成為用戶流程中的基本組成部分。例如， Duolingo是一個(gè)語(yǔ)言學(xué)習(xí)Web/APP，它（通過游戲化）能讓用戶覺得他們自己就是一名真正的，開啟了產(chǎn)品個(gè)人使用旅程的玩家。

游戲化的理念已經(jīng)貫穿到Duolingo的每一門課程。

8.個(gè)性化

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

機(jī)器學(xué)習(xí)和AI的最新進(jìn)展使得APP可以掌握使用者的偏好。這使得向每個(gè)用戶提供最相關(guān)的內(nèi)容成為可能?，F(xiàn)在，用戶都希望在與產(chǎn)品互動(dòng)時(shí)擁有個(gè)性化的體驗(yàn)。用戶需要的是了解他們的APP。

市面上有很多個(gè)性化的例子，其中之一是Spotify。Spotify證明了機(jī)器學(xué)習(xí)的優(yōu)勢(shì)在于其可以顯著提高用戶的參與度。Spotify不僅能夠存儲(chǔ)和播放用戶喜歡的歌曲，還可以幫助用戶找到與他們正在收聽的歌曲有關(guān)，但可能錯(cuò)過的新歌或歌手。

我們都不一樣，為什么我們用的APP對(duì)每個(gè)人都是一樣的？Spotify的個(gè)性化內(nèi)容是基于用戶的行為偏好推薦。

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

耐克明白每個(gè)人都是獨(dú)一無(wú)二的，而且沒有所謂的“一刀切”的訓(xùn)練計(jì)劃。

個(gè)性化推薦在2018年將依然是一個(gè)重要的趨勢(shì)。

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

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

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

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

10.可穿戴設(shè)備

2017年，可穿戴設(shè)備變得更加復(fù)雜（功能更多）。最近發(fā)布的Apple Watch 3，用戶可以單獨(dú)用它打電話。這意味著在不遠(yuǎn)的將來，對(duì)于一些用戶群體，可穿戴設(shè)備完全有潛力替代智能手機(jī)。

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

11.會(huì)話式界面

在聊天機(jī)器人和語(yǔ)音交互界面的發(fā)展推動(dòng)下，2016年和2017年都是會(huì)話界面（仿真與真人聊天的用戶界面）發(fā)展成效顯著的年份。

聊天機(jī)器人在移動(dòng)應(yīng)用程序中非常受歡迎，特別是一些聊天客戶端，例如Facebook Messenger與微信。創(chuàng)造全方位的會(huì)話解決方案有著很大的機(jī)遇。根據(jù)ComScore的一項(xiàng)研究顯示，平均每個(gè)智能手機(jī)用戶通常只會(huì)頻繁使用三個(gè)APP，并且至少其中一個(gè)是聊天軟件。因?yàn)榱奶焓俏覀兣c其他人主要的交流方式，因此聊天本身是一種非?；镜幕?dòng)。相比點(diǎn)擊一大堆按鈕，在用戶界面中瀏覽復(fù)雜菜單，使用聊天機(jī)器人顯得更加直觀和簡(jiǎn)單。

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

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

亞馬遜的Echo是一個(gè)語(yǔ)音控制系統(tǒng)。來源：ibtimes

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

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

除了會(huì)話界面之外，還有另一個(gè)有望在不久的將來徹底改變我們APP使用方式的方向-增強(qiáng)現(xiàn)實(shí)（AR）。在2017年，蘋果和谷歌都為開發(fā)者發(fā)布了增強(qiáng)現(xiàn)實(shí)平臺(tái)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）都被寄予推動(dòng)新媒介發(fā)展的希望，但其中一個(gè)因素將會(huì)使得AR超越VR，就是AR的實(shí)際價(jià)值。AR技術(shù)最大優(yōu)勢(shì)在于其可以將數(shù)字產(chǎn)品無(wú)縫集成到用戶的生活中。整合虛擬世界和現(xiàn)實(shí)世界的可能性無(wú)止境。2017年AR平臺(tái)上發(fā)布了最令人印象深刻的實(shí)用工具之一—Measurekit 。Measurekit只是一款簡(jiǎn)單的AR應(yīng)用程序，但通過一部iPhone或iPad的相機(jī)，它就能測(cè)量幾乎任何東西。這基本上可以幫助任何用戶。

圖片來源：Measurekit via TheVerge

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

VR正在成就娛樂（業(yè)）的未來。在2017年我們目睹了一些很贊的VR體驗(yàn)，比如VR版的《美女與野獸》。預(yù)計(jì)到2018年，VR活躍用戶數(shù)量將達(dá)到1.71億（差不多是2017年用戶的兩倍）。不過，絕大多數(shù)用戶將是KT＆T和游戲玩家。

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

除了游戲之外，2018年我們一定會(huì)看到VR蔓延至日常生活的其他方面。實(shí)際上，VR 現(xiàn)在可以在瀏覽器中體驗(yàn)。這意味著像亞馬遜、eBay和Shopify這樣的電商巨頭將會(huì)清醒地意識(shí)到，在VR與在線購(gòu)物結(jié)合之時(shí)，他們需要豐富他們平臺(tái)（的瀏覽體驗(yàn)）并且擁抱VR。

14.設(shè)計(jì)沖刺與原型的廣泛運(yùn)用

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

設(shè)計(jì)沖刺為團(tuán)隊(duì)提供了一個(gè)無(wú)需創(chuàng)建和啟動(dòng)即可學(xué)習(xí)的捷徑。圖片來源：Google Ventures

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

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

總結(jié)

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

作者簡(jiǎn)介：Nick Babich，開發(fā)人員、技術(shù)狂人和UX愛好者，在軟件行業(yè)擁有十余年的開發(fā)工作經(jīng)驗(yàn)。他興趣愛好廣泛，包括廣告、心理以及攝影等等。

譯者簡(jiǎn)介：游俠兒，關(guān)注互聯(lián)網(wǎng)金融、大數(shù)據(jù)，愛閱讀愛健身。微信公眾號(hào)：游俠兒（或搜索youxiaer917）。

譯文來源：The Biggest UX Design Trends of 2017

本文由 @游俠兒 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖由作者提供