2018年用戶體驗設計趨勢

20 評論 53399 瀏覽 382 收藏 25 分鐘

2017年就要過去了,讓我們預測一下2018年的用戶體驗演變趨勢。

本文將回顧2017年數字世界中的顯著變化,并將展望2018年在設計和開發領域讓我們繼續保持領先的那些趨勢。

一、更簡單的導航

導航體驗是2017年設計師中的熱門話題。設計師殫精竭慮,拿出熬禿少年頭的精神,就是為了創造更易用的用戶體驗,而導航設計在其中作用重大。

線性導航

為了簡化導航體驗,許多應用程序和網站聚焦于創建線性(或分步)的導航體驗。

互聯網產品和開發者利用這種類型的導航,讓用戶感受到每一個“下一步”之間的邏輯關系。這種類型的導航尤其適合目標驅動型的應用程序(例如Uber)和電商網站(例如Amazon和Best Buy),在這些應用和服務中,用戶都有明確的使用目標。

語音交互

語音交互(VUIs)已經成為一種更好的交互選擇。

自然語言處理能力發展迅猛,這使得程序能夠處理各種不同類型的語音指令。

資料顯示,有相當比重的年輕人正在使用語音指令來處理任務

在明年,語音交互將會跳出移動應用的范疇,大舉進入物聯網領域和智能家居系統。

不久的將來,我們將會擁有更加先進的語義識別能力,從而增強我們和系統的交互效率。

二、減除冗余和理解增強

如今,減除視覺冗余和增強界面的可理解性已經成為許多交互設計師的目標,并且他們頗為熱衷此道。

設計師們首先刪除無關信息(噪音),然后通過強化內容并且使用簡潔的設計語言,從而達到有序增強目標信息(信號)的目的。

內容優先

內容優先的設計方法與設計中的極簡主義息息相關。

設計師為了達到“少即是多”的目標,刪除掉所有無關元素、聚焦于真正重要的東西——內容和功能。界面中的元素之間大量留白,同時減少元素的復雜修飾。

但是,這種方法的缺點是:界面有時太過于中性化。

Instagram for iOS (2015 vs. 2017)

簡潔的視覺語言

我們都知道:強烈的視覺層次更容易讓用戶與產品進行交互。

在網站和APP的使用背景中,強烈的視覺層次意味著用戶能根據清晰的視覺引導在屏幕上有序閱讀。強烈的視覺符號(例如功能性按鈕的鮮明顏色)結合簡約的布局可以創建一個非常簡單輕松的用戶體驗。

提交按鈕的鮮艷顏色. 圖片來源:Airbnb

大標題

大標題有大量留白和大字體兩個特點。

大標題為用戶提供兩個主要的好處:讓文本更突出,也更方便閱讀。

蘋果在iOS11中使用粗體標題

三、以不同的目標為導向使用動效

動效已經成為交互的一部分。

在交互設計中有兩種最重要的動效類型——功能型動效和愉悅型動效(情緒安慰型動效)。

功能型動效

功能型動效能為用戶帶來界面清晰有邏輯的感覺,這種類型的動效能用來簡化與產品交互的過程。

剛發布的iPhone X和手勢交互動效將被用來描述復雜的轉換和空間關系:

功能型動效能夠使復雜變化變得容易使用戶理解。圖片來源:Jae-seong, Jeong

情緒安慰型動效

為了創建更人性化的體驗,開發者們在用戶使用過程中增加了令人愉悅的交互細節——但是這些細節沒有任何功能性的目的,主要用于建立與用戶情感上的聯系。

利用動效來增強體驗。圖片來源:Andy Orsow

四、視頻的優勢

視頻內容在2017年的市場營銷領域出現井噴式增長。

根據 Hubspot 統計:每周有78%的用戶在線觀看視頻,每天有55%的用戶在線觀看視頻。

以注意時長為導向的視頻內容

自從進入移動互聯網時代,人類的注意時長從2000年的12秒降到了如今的8秒。

市場營銷人員以注意時長為導向,調整他們的內容——就像360度視頻和Facebook Live都是這種適應的產物。

主頁上的歡迎視頻

視頻從一開始就設計成吸引用戶注意力之用——這就是為什么很多網站使用視頻作為歡迎頁面的原因。

特斯拉不僅向網站訪客介紹公司產品,他們還會放一個關于產品故事的視頻,這將創造一段難忘的體驗。

五、情緒化智能設計

人機關系已經不那么理性,而變得更加情緒化。

我們因機器幫助到我們達成目標感到快樂,因電腦出了故障而迅速惱怒。

在2017年,我們看到了向情緒化智能設計的轉變的趨勢。

情緒設計旨在創建一種基于理解人類用戶感受的反饋系統,它能夠創造出正面積極的情緒反饋。

失誤地圖

在很長一段時間內,設計師基于理想的用戶行為創造體驗。

從2017年開始,很多設計師認識到:為非理想的用戶行為創造體驗也同樣重要。

失誤地圖主要用于:發現用戶在使用產品時發生的消極問題的場景。

產品經理會試著理解造成用戶“錯誤”使用的場景,通過對用戶犯錯場景的理解,產品經理會想辦優化解決這些問題——至少讓他們看上去不那么令人尷尬。這是給予用戶的一種人性化的反饋。

失誤地圖的一個正面案例來自Slack:如果你有一條寫到一半的消息然后點擊了退出,你會看到一個鉛筆的標志提示你還沒有寫完這條消息。(譯者注:類似于微信給人發消息寫到一半退出到聊天列表頁,你會看到紅色的[草稿]標記符)

出現鉛筆標志意味著你有寫到一半未發送的消息。

在APP中出現更多微交互

在移動設備上,微交互正迅速成為很多設備獨有的特性,它們能用來創造更簡潔的體驗。

簡單的手勢和恰到好處的微妙反饋,使我們在手機和產品間的交互變得自然流暢,如雨落荷葉般不經意地讓人心情愉悅,卻又轉瞬即逝不拖泥帶水。

Instagram Stories中的視覺反饋

對話式交互

聊天機器人和會話的用戶界面(CUI)在2016年流行起來,聊天機器人和智能助手將會保持持續增長。

CUI和傳統GUI的一個重要區別是:用戶與產品交互的方式——會話交互會感覺更人性化。這就是為什么對話機器人如Zo和小冰很受用戶歡迎的原因。

圖片來源:EJ Hassenfratz

六、內容愈加重要

內容為王,內容是用戶使用APP或瀏覽網站的原因。

在2017年,我們發現了兩個和內容交互直接相關相關的趨勢:

Facebook將以內容為核心

在2017年,Facebook成為最重要的內容消費服務之一;它不再是起點,而是一個強大的新聞和消息中心(譯者注:國內參考微信)。

大公司助力識別內容的可信度

今天,內容可信度是一個十分嚴重的問題。每時每刻,數以百萬計的內容被生產出來,我們將很難從中區分事實和假象。

根據由斯坦福大學的一項研究顯示:很大比例的用戶無法從他們的消息流中辨別真偽。

內容可信度的問題在2016年美國總統競選活動期間尤其明顯,這證明謊言比真相傳播的要快。

幸運的是,像Google和Facebook這樣的大公司已經意識到了這個問題,并開始測試“事實核實”功能,幫助用戶辨別真偽。

七、可穿戴設備成為手機的替代品

隨著Apple Watch3 Cellular的發布,很多人看到可穿戴設備的新紀元;最后,智能手表極有可能會成為手機的替代品。

如果你的手上戴有一塊功能強大的手表,為什么你還會攜帶沉重的磚頭在口袋里呢?

很明顯,我們看到新設備已經翻開了新的篇章開始書寫自己的歷史,一段時間后,它會有自己的目標受眾。

圖片來源:Engaged

八、更簡單的認證

登錄名和密碼的組合(也稱為“證書”)是App和用戶登錄過程中所需要的信息——我們都知道,這是一種老掉牙的方式,真希望過去幾年在這方面能有顯著的改進。

在未來一年,這種認證方式將會有一些顯著的變化。

使用聰明的認證方式

在大多數情況下,當人們忘記密碼時他們會試圖重置。

雖然重置選項作為忘記密碼時的強制選項,不失為一種好的解決方案;但它仍然有一個重要的問題——用戶為了登錄需要很多額外的操作(如點擊“重置密碼”,查看收件箱消息,點擊重置鏈接并創建一個新的密碼)。在簡化的過程中,許多應用和網站使用了創造性的登錄方式,如臨時密碼(一次性密碼將發送到手機):

Ebay會根據賬戶綁定手機號驗證發送一個一次性密碼,或者通過驗證手機號更換整個賬戶/密碼對:

例如Mdium和他的“神奇鏈接”

生物認證

今天很多設備使用不同的生物認證方式作為替代密碼,在2018年,我們會通過一個更令人興奮的方式登錄到設備和應用。我們將使用最受保護的,也是最易于使用的方式——Face ID。

隨著Face ID正式應用于iPhone X,它很有可能會成為未來的主流認證方式。

Craig Federighi在2017年的WWDC上展示Face ID

雙重認證

盜取用戶數據的網絡攻擊事件頻發,這使得企業去思考他們的應用程序是否安全。

雙重認證正迅速成為許多服務的認證方式——它增加了一層保護,可以顯著降低用戶設備數據失竊的概率。

圖片來源:MIT

九、更個性化

越來越多的公司通過技術手段為用戶提供個性化的內容推薦服務。

據Gartner的報告,用于識別客戶意圖的智能個性化引擎將使數字企業增加高達15%的利潤。

機器學習

機器學習領域的重大進展,讓許多公司能夠在應用和服務中利用算法滿足用戶提供個性化的需求。

最好的個性化推薦的例子是亞馬遜、Spotify和Netflix服務。

Netflix分析用戶的興趣并向用戶推薦他們可能感興趣的劇集

Netflix分享了它如何利用機器學習技術服務于個性化推薦的細節

移動應用的LBS

由于手機隨時帶在身邊,手機上的APP可以使用位置數據來提供與用戶的位置相關內容,這使服務更加適應周圍的環境。

一些應用程序,例如Uber,已經使用這項屬性來減少用戶所需的操作。在2018年,我們將看到更多的應用程序通過使用這些功能來提升用戶體驗。

Uber外賣服務

十、無現金支付的崛起

無現金支付已經成為一個必然的趨勢,使用非現金交易的人數在2017年實現了翻番。

根據Junpier Research的一封報告顯示,蘋果支付和安卓支付的用戶數將在年末分別達到8600萬和2400萬。

相比于信用卡,安卓支付和蘋果支付都是更安全的支付選項——毫無疑問,人們會更愛使用移動支付。

圖片來源:Daily Express

這對設計師和開發者來說意味著什么呢?這意味著2018年我們將會為產品提供同時支持線上和線下場景的蘋果/安卓支付的默認選項。

在線使用安卓支付

十一、增強現實地位增強

2018年會是增強現實年,很多人將會以手機作鏡頭進入虛擬世界。

Google Lens

Google Lens 是一種基于“增強現實”技術的應用,現在Pixel和Pixel 2手機上的谷歌助手已經搭載了這項技術,它能夠讓用戶通過攝像頭拍攝真實世界來獲取信息。

好消息是:如果你想使用Lens從你周圍的世界收集信息,你不再需要打開谷歌照片;你可以在使用人工智能助手時利用相機按鈕,每次你按下快門Lens就會執行一個搜索。

Google Lens 的設計旨在提供可視化的信息展現方案。圖片來源:Engadget

會出現更多能解決實際問題的AR應用

與仍處于早期探索期的VR不同,AR已經快速成為一項能向用戶傳遞真實價值的技術手段。

今年,我們已經看到了類似宜家AR應用在幫助用戶設計客廳時發揮的強大作用:

因為你能夠將虛擬物品放置在真實物品和環境中,你向這些虛擬物品的潛在客戶打開了新世界的大門

又或者你可以用AR來測量真實世界的物件,而無需使用皮尺來測量:

利用谷歌和蘋果的AR開發者工具,開發AR應用會變得更容易

2017年蘋果和谷歌同事發布了各自的移動AR開發平臺——AR kit 和 AR Core. 這些平臺都擁有高水平API,它們為開發者提供了可靠并且簡單易用的開發和使用方法。

還有更好的是:目前已經有無數設備能夠支持這些平臺開發出來的應用。

移動AR技術平臺使虛擬物品與物理現實環境結合得毫無違和感

十二、VR仍是潮流

很多人非常期待VR成為下一件大事,很不幸,2018年我們并不會看到VR像智能手機一樣走進每家每戶。

VR平臺在成為大眾平臺之前需要經歷一系列的挑戰,但是,我們仍會在今年看到VR會有所進步。

VR設備會降價

對于硬件開發者來說,降低VR設備成本并讓大部分人負擔得起已經成為了最重要的目標。

就在幾個月前,Oculus Rift和HTC Vive同時大幅降低了VR設備的售價,類似Google Daydream這樣低價格設備的崛起會讓更多人使用這項技術。

VR和Unity 3D

在接下來的一年,VR技術依然主要用于娛樂,這意味著開發者會使用Unity’s 3D 游戲開發平臺為游戲發燒友開發驚險刺激的VR游戲。

2018年,我們期待看到這個游戲開發平臺變得更加強大,并且有可能出現其他類似Unity’s VR的編輯開發平臺。

瀏覽器中的VR

Mozilla的WebVR有機會在虛擬現實領域成為下一個大事件。有以下幾點原因:

首先,它是最便宜的技術(只要使用與谷歌Cardboard和GearVR就可以了)。

第二,開發人員可以使用相同的編程語言來創建WebVR應用(不需要學習一門新語言,你可以使用JavaScript創建虛擬現實應用程序)。

最后,WebVR使用的APP和服務無須安裝,只要打開鏈接,你就可以進入虛擬現實。

A-Painter 能夠讓你通過瀏覽器在虛擬現實中作畫

附錄:2018年網頁產品設計的變化

今天設計師和開發人員使用現代方法,如敏捷和精益交互設計讓他們快速迭代,創建產品,滿足用戶的需求和希望。

2018年我們將會看到一些產品設計會發生重大變革:

從MVP到MLP

今天很多公司都致力于創造MVP(或最小可行產品)來實現他們追求的價值。很明顯,2018年MVP是不夠的。

未來的設計將擁抱MLP——最小可愛上的產品(Minium Loveable Product),體驗完美結合的可用性和用戶體驗需要將訪問者轉化為顧客。

MLP允許更容易傳達利益相關者和首次用戶接受該產品。

圖片來源:Laurence McCahill

交互設計和服務設計的結合

在2018年,交互設計和服務設計應該會最終融合在一起。

由于越來越多的服務是由數字化的方式呈現和提供給用戶,這兩個領域已經開始發生融合了。

圖片來源:Satu Kyr?l?inen

結論

就像所有的趨勢和熱潮一樣,以上提到的有些會繼續存在,而有些可能會消失。

但為了創造卓越的用戶體驗,對設計師來說:請別忘記初心——讓人們生活得更好。

 

作者:Anthony Miller, Actor,and I run a #social, #digital #design agency, @millermedia7. Bill Murray blew off my May 11th wedding.

原文地址:https://millermedia7.com/state-ux-2018/

譯者:倪爾東,中國支付通產品經理,花名耳洞。

審校:鄭幾塊,人人都是產品經理專欄作家,前微博高級產品經理,《讓移動設計更簡單:Sketch 3操作指南與實戰詳解》作者。

編輯:Ella

本文為人人都是產品經理社區特約稿件。未經本站許可,禁止轉載

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 現代的機器越智能化,人類就會越懶了,科技發展到一定階段,是不是大多數人類就不會思考了?

    來自浙江 回復
  2. 手機會是聰明人更聰明,懶人更懶

    回復
  3. 有一處翻譯錯誤,五情緒化設計的第三條傳統交互,原文中問conversational interface,應譯為會話界面

    來自上海 回復
    1. 已經提交修改,感謝指正~

      來自上海 回復
  4. 干貨!

    回復
  5. 動效本身變得越來越復雜,對用戶來說看起來越來越愉悅有引導性,最根本的原因還是硬件在發展,帶得動了 ?

    來自江蘇 回復
    1. 我們生活在一個交互發展以肉眼可見的速度變得越來越賞心悅目的時代,我姓福

      來自上海 回復
  6. 值得學習。

    回復
  7. 文章還是很好的,值得學習

    來自北京 回復
  8. 那個APPLE WATCH說一句 扭頭聽一句的動作,好傻 ?

    來自北京 回復
    1. 如果搭配Airpods就好很多了

      來自上海 回復
    2. 認同。。而且還要這樣把手臂抬起來。。

      來自江蘇 回復
  9. 作者的一個觀點我不認同,就是手表可以代替手機,很簡單;從用戶角度出發,用戶使用手表打電話接電話的方便度不高現實已證明;手表屏幕小,展示的東西太小,只能說是一些非必要場景的補充;

    來自上海 回復
    1. 手表加上藍牙耳機呢?文字內容可以轉化成為語音,但是視頻問題缺失如您所說很難替代。除非再外加眼睛等設備

      來自江蘇 回復
    2. 需要不斷的完善;說不定以后只帶個超薄眼鏡呢。根據眼鏡投射出來的AR產品來完成一系列的需求

      來自上海 回復
    3. 感覺要看發展

      回復
    4. 據說5年后手機會消失

      來自浙江 回復
    5. 據說2012年是世界末日,,,,,,

      來自廣東 回復
  10. 很受用的干貨

    來自河南 回復