2018年的用戶體驗現狀-前篇

本文譯自 Anthony Miller 的 The State of UX for 2018,因為太長,分為前後兩篇。

Z Yuhan:這是由一位美國作者站在美國的視角寫的文章,即便拋開個人因素不談,國內外的發展進度並不完全同步。例如情感化反饋這一塊也許國內稍稍落後一點、但是移動支付和AR卻要快一些,有些方面即便步調差不多,舉出的例子卻不一樣。不過看看別人的總結也挺有意思,至少可以了解一下國際風向。

——

2017年即將結束,是時候向前展望,預測在接下來的十二個月里,信息體驗設計會如何。

我將在本文概述的,除了2017年里見證到的巨大的變化之外,還有值得關注的趨勢,以確保能夠趕於潮流。

1、更簡單的導航方式

導航體驗是2017年的熱點話題之一。為了設計出順暢的用戶體驗,導航扮演的角色至關重要。

線性導航(Linear Navigation)

為了簡化導航體驗,很多 app 和網站致力於創造線性的導航體驗(即分步式),讓用戶

感覺到每個下一步都是上一步符的合理承接。這種方式非常適合目標性較強的 app (如 Uber )和電子商務網站(如 Amazon 、 Best Buy ),因為這些產品用戶有一個想要完成的明確目標。

語音用戶界面(Voice User Interface / VUI)

語音用戶界面成為了圖形用戶界面之外的另一選擇。自然語言研究領域的顯著發展使得用語音傳達各種指令成為可能。

青少年中使用各類型語音搜索的比例

在即將到來的新的一年語音界面將不再局限於移動設備,而是成為物聯網和智能家居系統的交互方式。很快就會有更加先進的語音識別模式出現,將大大提升我們與操作系統之間的交互。

2. 整潔而易懂

移除視覺干擾讓界面更整潔且容易理解,這是現今很多用戶體驗設計者的共同目標。很多設計師通過將內容放在首位、運用清晰的視覺語言,達到移除無用信息、強調重要信息的目的。

內容優先

與內容優先設計方法直接關聯的是極簡主義。用更少的設計師創造更多的價值,移除界面上的無用元素,聚焦於真正重要的東西——內容和功能。這樣界面就限制了裝飾物的數量,有了更多留白空間。這種設計的缺點就是有時讓界面看起來太過素凈。

Instagram iOS (2015 vs. 2017)

清晰的視覺語言

我們都知道明確的視覺分級能夠讓產品更容易使用,讓用戶使用網站和手機APP時有一個清晰的屏幕閱讀順序。

確定按鈕有很強烈的色彩對比(圖片來源:Airbnb)

大標題

給標題更大的字體和更多的留白空間,這樣有兩個好處:更容易看到而且更方便閱讀。

Apple 給 iOS 11 使用了粗體標題

3. 有目的地使用動效

動效已經快速成為用戶界面的自然組成部分。有兩種類型的動效在用戶體驗設計里扮演著重要角色——功能性和觀賞性動效。

功能性動效

這種動效能夠讓界面更清晰,讓產品的交互過程看起來更加簡單。iPhone X 的 手勢交互動畫會被用於描述複雜的過渡和控制項關係。

功能新動效能夠將複雜的過渡變得更容易追蹤(圖片來源:Jae-seong、Jeong)

觀賞性動效

為了創造更加人性化的用戶體驗,很多APP插入了賞心悅目的細節。這種元素不具備任何功能目的;它們的意義是創造與用戶之間的情感關聯。

使用動效表現評分系統(圖片來源:Andy Orsow)

4. 視頻主導

2017已經見證了視頻這種內容形式的風潮。根據 Hubspot 的調查,每周看視頻的人有78%,每天看的人也有55%。

為短時間注意力而創造的視頻內容

人類的平均注意力持續時間在2000年時(在手機革命開始的時候)已經從12秒跌落至8秒。很多營銷者為了適應短時間注意力而調整他們提供的信息內容(也包括視頻)——例如360度視頻和在線直播就是這樣的產物。

關於注意力持續時間的變化:Humans have shorter attention span than goldfish, thanks to smartphones

首頁歡迎視頻

視頻可以讓用戶從第一眼就感受到其吸引力,這就是為什麼那麼多網站都會在首頁放上一個歡迎視頻。像特斯拉這樣的公司,不僅向網站訪問者介紹產品,還要用視頻講述關於產品的故事。這種方式能夠創造出令人更加印象深刻的體驗。

5. 情感化設計

人與機器之間的關係總是情感多於理性。電腦成功完成指令會讓我們高興;出現問題時會讓我們生氣。

2017年是情緒化智能設計的轉折點,這種設計藉由對人機互動及用戶感官的了解,向使用者傳達正面情緒。

失誤的用戶地圖

長期以來,體驗設計只是圍繞著理想狀態的用戶流程,2017年很多設計師開始意識到,為非理想狀態的用戶流程而設計同樣重要。

失誤地圖的目的是定義用戶操作導致負面結果時的狀況。因為即使設計師們努力創造易於理解的設計,用戶還是可能「錯誤」使用。通過構思可能導致錯誤的用戶場景,設計師能夠創造出「優雅的失敗」,即讓用戶獲得人性化的溝通,而不是怪異冷硬的回復。

Slack 里就有一個失敗地圖的優秀案例。如果你寫到一半就離開了,就會有一個鉛筆樣式的圖標告訴你未完成。

鉛筆圖標在上圖第二列側欄的第二個 CHANNEL

更多的微交互運用於手機 APP

移動設備的微交互正在變得越來越專註於其設備屬性。搭配上簡單的手勢和微妙的視覺反饋,微交互讓體驗更加簡潔輕便,並逐漸成為我們與產品服務交互的自然方式。

Instagram Stories 的視覺反饋

會話式界面

聊天機器人和會話式用戶界面(CUI)早在2016年已成趨勢。聊天機器人和智能助理的興起將會是持續性的。CUI和傳統的GUI(圖形界面)之間的一個重要區別是,用戶對與產品交互的感受——會話式界面讓互動更加人性化。這就是為什麼 Zo 和微軟小冰這類聊天機器人如此受歡迎。

圖片來源:EJ Hassenfratz

6. 內容比以往更重要了

內容為王(content is king),因為它才是人們使用APP或訪問網站的原由。2017年見證了與內容交互直接相關的兩大趨勢。

Facebook 成為內容的終點

2017年間,Facebook 成為了內容消費的主要服務之一,不再只是一個起點,而是新聞信息的強大樞紐。

大公司對內容可信度的幫助

內容可信度現今面臨著嚴重問題。每秒都有百萬條內容產生,這使得事實與虛構的區分變得困難。根據一項來自斯坦福大學的研究,很高比例的用戶並不能區分新聞推送中的真相和謊言。內容可信度的問題在2016年美國總統選舉中尤為可見,事實證明謊言的傳播速度甚至快於真相。

好在 Google 和 Facebook 這樣的大公司意識到了問題的嚴重性,並且已經開始運用事實檢測功能來幫助用戶辨別內容真偽。

——

不久還會有後篇

未經允許請勿轉載

推薦閱讀:

哪些互聯網產品的 Timeline 設計得很出彩?
一個典型的CUI交互流程
人類文明中有哪些經典的視覺符號?
落地頁的科學設計方式
兔斯霽的產品設計文檔分享

TAG:用户体验设计 | 用户界面设计 | 交互设计 |