2017年最大的用戶體驗設計趨勢
設計是決定一個產品成功的關鍵要素之一。設計包含一切,從一個產品的外觀樣式到人們使用它的感受。每年我們都會總結設計中的新樣式。2017年快要結束,此時總結今年影響最大的用戶體驗趨勢恰當時。
在這篇文章里,我概括了在設計的視覺與技術方面14個最重大的變化。
(以下文章動圖多且炫,請耐心加載哦…)
1.極簡主義的興起
2017年許多大品牌轉變為趨于極簡的設計。清晰的線條、大片的留白以及盡可能少的圖形元素,成為許多網站與APP的基本特征。這些都不是巧合。通過清晰的可視化交流,以處理用戶問題為目的,極簡主義的設計強調最重要的東西—內容。極簡主義的設計強化了內容,并且結合交互界面良好的可用性,在實際中讓人印象深刻。如果做到易于瀏覽,一個簡單的APP或者網站將會是一種有效的交流方式。
簡單布局成為APP與網站的主流趨勢。
YouTube網站(2015 vs. 2017)
Facebook iOS版(2015 vs. 2017)
2.無處不在的視頻
視覺是人類感官中最強烈的感覺。長期以來,圖像一直是用戶界面設計的大頭,但是在2017年圖像使用慢慢減少,并迎來了自然而然的繼承者:視頻。一圖勝千言,但是視頻包含的信息是圖片的十倍,這是因為傳統的圖像是靜態的,而視頻是動態的。2017年,在線視頻占據了74%的在線流量。
視頻已成為著陸頁的熱門選擇。通過頁面上簡短與循環播放視頻展示,能讓觀眾對故事本身著迷。
視頻是視覺敘事的一種手段。它能夠給予一款產品或者技術可視化的認知,這是圖像很難達到的。Tesla(特斯拉)采用視頻讓消費者了解駕駛一輛電動汽車的感受。
由于視頻天然的優勢是從一開始就能吸引訪問者的目光,因此對于許多信息發布者來說,視頻成為他們傳遞內容的首選方式。2017年,許多大型新聞網站在文章中嵌入了視頻。
視頻是對文本信息的理想補充。圖片來源:CNN
最重要的是,我們看到在2017年用戶產生了大量的視頻內容。事實上,每個人的口袋里都有一個像樣的攝像頭。這些攝像頭使得每個用戶都能參與直播(例如,Facebook直播)以及拍攝微視頻(通過Instagram 的Stories和Snapchat 的Snaps)。
Instagram的 Stories。圖像來源:Techcrunch
3.高清的定制圖片與插圖
高清定制圖片是一種強有力的信息交流形式。它將概念簡化為易于理解的視覺形式,通過清晰的說明信息,在產品和用戶之間建立起強連接。今天,我們能夠在數字產品上看到許多有趣的圖片和插圖。
越來越多帶有高分辨率屏幕的設備,強制設計者在設計中只能使用高清的圖片和插畫,而模糊的圖片則無法立腳。
2017年,用戶期望看到像素級完美的圖片和插畫。圖片來源:Basecamp
圖像來源:shopify
4.更多功能性與娛樂性的動畫
關注細節在今年尤為重要。動畫在用戶體驗設計中扮演著重要作用,特別是在用戶每次使用APP時都要進行無數次微交互的設備上。精心設計的動畫通常提升了數字體驗的簡易性,并且加強了數字交互。
(壓縮后上傳,損失了視覺效果,請點擊查看原圖)
功能性的動畫(讓用戶)產生了參與感,使互動變得更有趣味、更有意義。
5.超越用戶界面的情感體驗
在2017年,我們看到了轉向情感智能設計的趨勢。在我們決策中,情感扮演著重要的角色,它指引我們做出每一個決定。所有體驗都會產生情感,無論你是否為它們而設計。但是情感設計在于有意讓產品和用戶之間產生情感連接。情感設計意味著具有更加人性化的技術以及令人愉悅的微交互。
偉大的設計并不僅僅是塑造具有可用性和吸引力的產品,而是使得人與人之間的交流更加便利。
圖像來源:Snapchat via Wired
6.鮮艷的色彩與漸變
2017年,大膽、明快的顏色與漸變卷土重來。設計師采用充滿活力的色彩使得設計更加令人難忘。
圖片來源:Method
為平面設計注入新的活力:
通過采用明快、飽和的顏色與Material Design結合,設計師喚起了現代感。圖片來源:Ramotion
或者讓人們注意力集中在重要的元素之上:
當訪問者登陸Airbnb的主頁時,其品牌名與“Search”這一響應性按鈕就立馬吸引了他們的注意。
7.游戲化
游戲化是2017年最重要的交互趨勢之一?!坝螒蚧币辉~代表將游戲機制融入到非游戲環境的技術。一些APP采用了簡單的游戲元素,例如鼓勵用戶更多的與APP互動,參與挑戰。但是對一些APP來說,游戲化成為用戶流程中的基本組成部分。例如, Duolingo是一個語言學習Web/APP,它(通過游戲化)能讓用戶覺得他們自己就是一名真正的,開啟了產品個人使用旅程的玩家。
游戲化的理念已經貫穿到Duolingo的每一門課程。
8.個性化
就在幾年前,市場上的絕大多數APP在設計和內容上都是靜態的。他們為每個人都提供同樣無差別的體驗,不管用戶如何與它們互動。
機器學習和AI的最新進展使得APP可以掌握使用者的偏好。這使得向每個用戶提供最相關的內容成為可能?,F在,用戶都希望在與產品互動時擁有個性化的體驗。用戶需要的是了解他們的APP。
市面上有很多個性化的例子,其中之一是Spotify。Spotify證明了機器學習的優勢在于其可以顯著提高用戶的參與度。Spotify不僅能夠存儲和播放用戶喜歡的歌曲,還可以幫助用戶找到與他們正在收聽的歌曲有關,但可能錯過的新歌或歌手。
我們都不一樣,為什么我們用的APP對每個人都是一樣的?Spotify的個性化內容是基于用戶的行為偏好推薦。
一些APP不僅僅是為用戶定制內容,而是更具個性化。一個完美的例子就是iOS 版的Nike + Run Club。它首先會讓用戶選擇一個訓練計劃,然后根據用戶的訓練進度自動調整原有的訓練計劃。用戶選擇他們想要達到的目標,APP跟蹤他們的進度,這樣基本上能為用戶定制出能達到最佳效果的訓練計劃。Nike+ Run Club 就如同一個住在你兜里的真正的健身教練。
耐克明白每個人都是獨一無二的,而且沒有所謂的“一刀切”的訓練計劃。
個性化推薦在2018年將依然是一個重要的趨勢。
9.移動支付與數據安全
一段時間以來,移動支付一直被吹捧為下一個重大事件。行業專家預測到,移動設備無處不在的性質將導致傳統錢包的終結。2017年,我們注意到越來越多的證據顯示信用卡將很快被移動支付系統取代。世界上的一些地區幾乎全部轉向移動支付。比如在中國,現金將很快消失,因為這個國家的人在日常生活大量使用移動支付(譯者注:有點夸張了吧)。中國的商店和服務業逐漸以移動支付APP為中心,如微信支付和支付寶。
現金和信用卡很快會被嵌入在我們手機中的新技術取代。圖片來源: Apple Pay via Gizmodo
多種在線支付方式使得安全問題成為移動應用領域的一個重要趨勢。移動應用的安全性在2018年肯定會保持一個重要趨勢。
10.可穿戴設備
2017年,可穿戴設備變得更加復雜(功能更多)。最近發布的Apple Watch 3,用戶可以單獨用它打電話。這意味著在不遠的將來,對于一些用戶群體,可穿戴設備完全有潛力替代智能手機。
帶有LTE(譯者注:4G網絡)的Apple Watch 3 有可能真正成為iPhone的替代品。圖片來源:thenextweb
11.會話式界面
在聊天機器人和語音交互界面的發展推動下,2016年和2017年都是會話界面(仿真與真人聊天的用戶界面)發展成效顯著的年份。
聊天機器人在移動應用程序中非常受歡迎,特別是一些聊天客戶端,例如Facebook Messenger與微信。創造全方位的會話解決方案有著很大的機遇。根據ComScore的一項研究顯示,平均每個智能手機用戶通常只會頻繁使用三個APP,并且至少其中一個是聊天軟件。因為聊天是我們與其他人主要的交流方式,因此聊天本身是一種非常基本的互動。相比點擊一大堆按鈕,在用戶界面中瀏覽復雜菜單,使用聊天機器人顯得更加直觀和簡單。
Facebook M正在使用這種看起來很基本的方式,讓日常工作異常簡單,只需發送很少的文字信息。
語音界面在虛擬助手中備受歡迎,例如Siri、Cortana和亞馬遜的Alexa。不必依靠觸摸屏、鼠標點擊和鍵盤命令,語音交互技術正在慢慢地但是從根本上改變用戶與界面的交互方式。在日常生活中,越來越多用戶的雙手得到了解放,比如在獲取天氣預報或查找一個食譜時。
亞馬遜的Echo是一個語音控制系統。來源:ibtimes
聊天機器人與語音交互系統都將在2018年持續增長。會話式的界面有可能成為人們交流的主要界面類型。
12.增強現實
除了會話界面之外,還有另一個有望在不久的將來徹底改變我們APP使用方式的方向-增強現實(AR)。在2017年,蘋果和谷歌都為開發者發布了增強現實平臺ARKit和ARCore。新的架構使得開發人員輕松地為iOS和Android系統創造增強現實體驗。
雖然虛擬現實技術(VR)和增強現實技術(AR)都被寄予推動新媒介發展的希望,但其中一個因素將會使得AR超越VR,就是AR的實際價值。AR技術最大優勢在于其可以將數字產品無縫集成到用戶的生活中。整合虛擬世界和現實世界的可能性無止境。2017年AR平臺上發布了最令人印象深刻的實用工具之一—Measurekit 。Measurekit只是一款簡單的AR應用程序,但通過一部iPhone或iPad的相機,它就能測量幾乎任何東西。這基本上可以幫助任何用戶。
圖片來源:Measurekit via TheVerge
13.娛樂化的虛擬現實
VR正在成就娛樂(業)的未來。在2017年我們目睹了一些很贊的VR體驗,比如VR版的《美女與野獸》。預計到2018年,VR活躍用戶數量將達到1.71億(差不多是2017年用戶的兩倍)。不過,絕大多數用戶將是KT&T和游戲玩家。
迪士尼帶來了具有魔力的《美麗與野獸》。圖片來源:迪士尼
除了游戲之外,2018年我們一定會看到VR蔓延至日常生活的其他方面。實際上,VR 現在可以在瀏覽器中體驗。這意味著像亞馬遜、eBay和Shopify這樣的電商巨頭將會清醒地意識到,在VR與在線購物結合之時,他們需要豐富他們平臺(的瀏覽體驗)并且擁抱VR。
14.設計沖刺與原型的廣泛運用
在2016年和2017年,設計沖刺越來越受到產品團隊的歡迎。在Google Ventures的推動下,設計沖刺這一概念已被世界各地的設計團隊所采納,以改善其用戶體驗設計流程。
設計沖刺為團隊提供了一個無需創建和啟動即可學習的捷徑。圖片來源:Google Ventures
除了采用設計沖刺這一方法,許多創造性團隊意識到了原型在制作數字產品時的重要性。新的原型工具顯著的改善了設計師們的工作進程,讓他們花更多的時間思考最終的用戶,而不是每次都從零開始。
Adobe XD讓設計人員在數秒內完成從線框圖轉換到交互式原型并測試設計。
總結
很明顯,2017年是技術革新和界面設計都同樣重要的一年。在科技領域,2018年每天都將繼續看到許多變化。作為設計人員和開發人員,緊跟趨勢,這樣我們才能創造良好的用戶體驗。
作者簡介:Nick Babich,開發人員、技術狂人和UX愛好者,在軟件行業擁有十余年的開發工作經驗。他興趣愛好廣泛,包括廣告、心理以及攝影等等。
譯者簡介:游俠兒,關注互聯網金融、大數據,愛閱讀愛健身。微信公眾號:游俠兒(或搜索youxiaer917)。
譯文來源:The Biggest UX Design Trends of 2017
本文由 @游俠兒 翻譯發布于人人都是產品經理。未經許可,禁止轉載。
題圖由作者提供
手機app看怎么什么內容也沒有呢?
第4個交互的APP名稱是什么?
根據原文作者的引用,引用的是一個叫AntonSKV設計的APP(或者只是概念設計作品)。但我并沒找到這件作品。你可以去 https://www.behance.net/AntonSKV中找找看。
謝謝