2018年用戶體驗設(shè)計趨勢

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

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

本文將回顧2017年數(shù)字世界中的顯著變化,并將展望2018年在設(shè)計和開發(fā)領(lǐng)域讓我們繼續(xù)保持領(lǐng)先的那些趨勢。

一、更簡單的導(dǎo)航

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

線性導(dǎo)航

為了簡化導(dǎo)航體驗,許多應(yīng)用程序和網(wǎng)站聚焦于創(chuàng)建線性(或分步)的導(dǎo)航體驗。

互聯(lián)網(wǎng)產(chǎn)品和開發(fā)者利用這種類型的導(dǎo)航,讓用戶感受到每一個“下一步”之間的邏輯關(guān)系。這種類型的導(dǎo)航尤其適合目標(biāo)驅(qū)動型的應(yīng)用程序(例如Uber)和電商網(wǎng)站(例如Amazon和Best Buy),在這些應(yīng)用和服務(wù)中,用戶都有明確的使用目標(biāo)。

語音交互

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

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

資料顯示,有相當(dāng)比重的年輕人正在使用語音指令來處理任務(wù)

在明年,語音交互將會跳出移動應(yīng)用的范疇,大舉進(jìn)入物聯(lián)網(wǎng)領(lǐng)域和智能家居系統(tǒng)。

不久的將來,我們將會擁有更加先進(jìn)的語義識別能力,從而增強(qiáng)我們和系統(tǒng)的交互效率。

二、減除冗余和理解增強(qiáng)

如今,減除視覺冗余和增強(qiáng)界面的可理解性已經(jīng)成為許多交互設(shè)計師的目標(biāo),并且他們頗為熱衷此道。

設(shè)計師們首先刪除無關(guān)信息(噪音),然后通過強(qiáng)化內(nèi)容并且使用簡潔的設(shè)計語言,從而達(dá)到有序增強(qiáng)目標(biāo)信息(信號)的目的。

內(nèi)容優(yōu)先

內(nèi)容優(yōu)先的設(shè)計方法與設(shè)計中的極簡主義息息相關(guān)。

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

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

Instagram for iOS (2015 vs. 2017)

簡潔的視覺語言

我們都知道:強(qiáng)烈的視覺層次更容易讓用戶與產(chǎn)品進(jìn)行交互。

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

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

大標(biāo)題

大標(biāo)題有大量留白和大字體兩個特點(diǎn)。

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

蘋果在iOS11中使用粗體標(biāo)題

三、以不同的目標(biāo)為導(dǎo)向使用動效

動效已經(jīng)成為交互的一部分。

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

功能型動效

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

剛發(fā)布的iPhone X和手勢交互動效將被用來描述復(fù)雜的轉(zhuǎn)換和空間關(guān)系:

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

情緒安慰型動效

為了創(chuàng)建更人性化的體驗,開發(fā)者們在用戶使用過程中增加了令人愉悅的交互細(xì)節(jié)——但是這些細(xì)節(jié)沒有任何功能性的目的,主要用于建立與用戶情感上的聯(lián)系。

利用動效來增強(qiáng)體驗。圖片來源:Andy Orsow

四、視頻的優(yōu)勢

視頻內(nèi)容在2017年的市場營銷領(lǐng)域出現(xiàn)井噴式增長。

根據(jù) Hubspot 統(tǒng)計:每周有78%的用戶在線觀看視頻,每天有55%的用戶在線觀看視頻。

以注意時長為導(dǎo)向的視頻內(nèi)容

自從進(jìn)入移動互聯(lián)網(wǎng)時代,人類的注意時長從2000年的12秒降到了如今的8秒。

市場營銷人員以注意時長為導(dǎo)向,調(diào)整他們的內(nèi)容——就像360度視頻和Facebook Live都是這種適應(yīng)的產(chǎn)物。

主頁上的歡迎視頻

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

特斯拉不僅向網(wǎng)站訪客介紹公司產(chǎn)品,他們還會放一個關(guān)于產(chǎn)品故事的視頻,這將創(chuàng)造一段難忘的體驗。

五、情緒化智能設(shè)計

人機(jī)關(guān)系已經(jīng)不那么理性,而變得更加情緒化。

我們因機(jī)器幫助到我們達(dá)成目標(biāo)感到快樂,因電腦出了故障而迅速惱怒。

在2017年,我們看到了向情緒化智能設(shè)計的轉(zhuǎn)變的趨勢。

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

失誤地圖

在很長一段時間內(nèi),設(shè)計師基于理想的用戶行為創(chuàng)造體驗。

從2017年開始,很多設(shè)計師認(rèn)識到:為非理想的用戶行為創(chuàng)造體驗也同樣重要。

失誤地圖主要用于:發(fā)現(xiàn)用戶在使用產(chǎn)品時發(fā)生的消極問題的場景。

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

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

出現(xiàn)鉛筆標(biāo)志意味著你有寫到一半未發(fā)送的消息。

在APP中出現(xiàn)更多微交互

在移動設(shè)備上,微交互正迅速成為很多設(shè)備獨(dú)有的特性,它們能用來創(chuàng)造更簡潔的體驗。

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

Instagram Stories中的視覺反饋

對話式交互

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

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

圖片來源:EJ Hassenfratz

六、內(nèi)容愈加重要

內(nèi)容為王,內(nèi)容是用戶使用APP或瀏覽網(wǎng)站的原因。

在2017年,我們發(fā)現(xiàn)了兩個和內(nèi)容交互直接相關(guān)相關(guān)的趨勢:

Facebook將以內(nèi)容為核心

在2017年,F(xiàn)acebook成為最重要的內(nèi)容消費(fèi)服務(wù)之一;它不再是起點(diǎn),而是一個強(qiáng)大的新聞和消息中心(譯者注:國內(nèi)參考微信)。

大公司助力識別內(nèi)容的可信度

今天,內(nèi)容可信度是一個十分嚴(yán)重的問題。每時每刻,數(shù)以百萬計的內(nèi)容被生產(chǎn)出來,我們將很難從中區(qū)分事實和假象。

根據(jù)由斯坦福大學(xué)的一項研究顯示:很大比例的用戶無法從他們的消息流中辨別真?zhèn)巍?/p>

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

幸運(yùn)的是,像Google和Facebook這樣的大公司已經(jīng)意識到了這個問題,并開始測試“事實核實”功能,幫助用戶辨別真?zhèn)巍?/p>

七、可穿戴設(shè)備成為手機(jī)的替代品

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

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

很明顯,我們看到新設(shè)備已經(jīng)翻開了新的篇章開始書寫自己的歷史,一段時間后,它會有自己的目標(biāo)受眾。

圖片來源:Engaged

八、更簡單的認(rèn)證

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

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

使用聰明的認(rèn)證方式

在大多數(shù)情況下,當(dāng)人們忘記密碼時他們會試圖重置。

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

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

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

生物認(rèn)證

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

隨著Face ID正式應(yīng)用于iPhone X,它很有可能會成為未來的主流認(rèn)證方式。

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

雙重認(rèn)證

盜取用戶數(shù)據(jù)的網(wǎng)絡(luò)攻擊事件頻發(fā),這使得企業(yè)去思考他們的應(yīng)用程序是否安全。

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

圖片來源:MIT

九、更個性化

越來越多的公司通過技術(shù)手段為用戶提供個性化的內(nèi)容推薦服務(wù)。

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

機(jī)器學(xué)習(xí)

機(jī)器學(xué)習(xí)領(lǐng)域的重大進(jìn)展,讓許多公司能夠在應(yīng)用和服務(wù)中利用算法滿足用戶提供個性化的需求。

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

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

Netflix分享了它如何利用機(jī)器學(xué)習(xí)技術(shù)服務(wù)于個性化推薦的細(xì)節(jié)

移動應(yīng)用的LBS

由于手機(jī)隨時帶在身邊,手機(jī)上的APP可以使用位置數(shù)據(jù)來提供與用戶的位置相關(guān)內(nèi)容,這使服務(wù)更加適應(yīng)周圍的環(huán)境。

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

Uber外賣服務(wù)

十、無現(xiàn)金支付的崛起

無現(xiàn)金支付已經(jīng)成為一個必然的趨勢,使用非現(xiàn)金交易的人數(shù)在2017年實現(xiàn)了翻番。

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

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

圖片來源:Daily Express

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

在線使用安卓支付

十一、增強(qiáng)現(xiàn)實地位增強(qiáng)

2018年會是增強(qiáng)現(xiàn)實年,很多人將會以手機(jī)作鏡頭進(jìn)入虛擬世界。

Google Lens

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

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

Google Lens 的設(shè)計旨在提供可視化的信息展現(xiàn)方案。圖片來源:Engadget

會出現(xiàn)更多能解決實際問題的AR應(yīng)用

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

今年,我們已經(jīng)看到了類似宜家AR應(yīng)用在幫助用戶設(shè)計客廳時發(fā)揮的強(qiáng)大作用:

因為你能夠?qū)⑻摂M物品放置在真實物品和環(huán)境中,你向這些虛擬物品的潛在客戶打開了新世界的大門

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

利用谷歌和蘋果的AR開發(fā)者工具,開發(fā)AR應(yīng)用會變得更容易

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

還有更好的是:目前已經(jīng)有無數(shù)設(shè)備能夠支持這些平臺開發(fā)出來的應(yīng)用。

移動AR技術(shù)平臺使虛擬物品與物理現(xiàn)實環(huán)境結(jié)合得毫無違和感

十二、VR仍是潮流

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

VR平臺在成為大眾平臺之前需要經(jīng)歷一系列的挑戰(zhàn),但是,我們?nèi)詴诮衲昕吹絍R會有所進(jìn)步。

VR設(shè)備會降價

對于硬件開發(fā)者來說,降低VR設(shè)備成本并讓大部分人負(fù)擔(dān)得起已經(jīng)成為了最重要的目標(biāo)。

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

VR和Unity 3D

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

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

瀏覽器中的VR

Mozilla的WebVR有機(jī)會在虛擬現(xiàn)實領(lǐng)域成為下一個大事件。有以下幾點(diǎn)原因:

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

第二,開發(fā)人員可以使用相同的編程語言來創(chuàng)建WebVR應(yīng)用(不需要學(xué)習(xí)一門新語言,你可以使用JavaScript創(chuàng)建虛擬現(xiàn)實應(yīng)用程序)。

最后,WebVR使用的APP和服務(wù)無須安裝,只要打開鏈接,你就可以進(jìn)入虛擬現(xiàn)實。

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

附錄:2018年網(wǎng)頁產(chǎn)品設(shè)計的變化

今天設(shè)計師和開發(fā)人員使用現(xiàn)代方法,如敏捷和精益交互設(shè)計讓他們快速迭代,創(chuàng)建產(chǎn)品,滿足用戶的需求和希望。

2018年我們將會看到一些產(chǎn)品設(shè)計會發(fā)生重大變革:

從MVP到MLP

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

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

MLP允許更容易傳達(dá)利益相關(guān)者和首次用戶接受該產(chǎn)品。

圖片來源:Laurence McCahill

交互設(shè)計和服務(wù)設(shè)計的結(jié)合

在2018年,交互設(shè)計和服務(wù)設(shè)計應(yīng)該會最終融合在一起。

由于越來越多的服務(wù)是由數(shù)字化的方式呈現(xiàn)和提供給用戶,這兩個領(lǐng)域已經(jīng)開始發(fā)生融合了。

圖片來源:Satu Kyr?l?inen

結(jié)論

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

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

 

作者: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/

譯者:倪爾東,中國支付通產(chǎn)品經(jīng)理,花名耳洞。

審校:鄭幾塊,人人都是產(chǎn)品經(jīng)理專欄作家,前微博高級產(chǎn)品經(jīng)理,《讓移動設(shè)計更簡單:Sketch 3操作指南與實戰(zhàn)詳解》作者。

編輯:Ella

本文為人人都是產(chǎn)品經(jīng)理社區(qū)特約稿件。未經(jīng)本站許可,禁止轉(zhuǎn)載

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 現(xiàn)代的機(jī)器越智能化,人類就會越懶了,科技發(fā)展到一定階段,是不是大多數(shù)人類就不會思考了?

    來自浙江 回復(fù)
  2. 手機(jī)會是聰明人更聰明,懶人更懶

    回復(fù)
  3. 有一處翻譯錯誤,五情緒化設(shè)計的第三條傳統(tǒng)交互,原文中問conversational interface,應(yīng)譯為會話界面

    來自上海 回復(fù)
    1. 已經(jīng)提交修改,感謝指正~

      來自上海 回復(fù)
  4. 干貨!

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

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

      來自上海 回復(fù)
  6. 值得學(xué)習(xí)。

    回復(fù)
  7. 文章還是很好的,值得學(xué)習(xí)

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

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

      來自上海 回復(fù)
    2. 認(rèn)同。。而且還要這樣把手臂抬起來。。

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

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

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

      來自上海 回復(fù)
    3. 感覺要看發(fā)展

      回復(fù)
    4. 據(jù)說5年后手機(jī)會消失

      來自浙江 回復(fù)
    5. 據(jù)說2012年是世界末日,,,,,,

      來自廣東 回復(fù)
  10. 很受用的干貨

    來自河南 回復(fù)