本文譯自 Anthony Miller 的?The State of UX for?2018，因?yàn)樘L，分為前后兩篇。

Z Yuhan：這是由一位美國作者站在美國的視角寫的文章，即便拋開個(gè)人因素不談，國內(nèi)外的發(fā)展進(jìn)度并不完全同步。例如情感化反饋這一塊也許國內(nèi)稍稍落后一點(diǎn)、但是移動支付和AR卻要快一些，有些方面即便步調(diào)差不多，舉出的例子卻不一樣。不過看看別人的總結(jié)也挺有意思，至少可以了解一下國際風(fēng)向。

2017年即將結(jié)束，是時(shí)候向前展望，預(yù)測在接下來的十二個(gè)月里，信息體驗(yàn)設(shè)計(jì)會如何。

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

一. 更簡單的導(dǎo)航方式

導(dǎo)航體驗(yàn)是2017年的熱點(diǎn)話題之一。為了設(shè)計(jì)出順暢的用戶體驗(yàn)，導(dǎo)航扮演的角色至關(guān)重要。

1. 線性導(dǎo)航（Linear Navigation）

為了簡化導(dǎo)航體驗(yàn)，很多 app 和網(wǎng)站致力于創(chuàng)造線性的導(dǎo)航體驗(yàn)（即分步式），讓用戶感覺到每個(gè)下一步都是上一步的合理承接。這種方式非常適合目標(biāo)性較強(qiáng)的 app （如 Uber ）和電子商務(wù)網(wǎng)站（如 Amazon 、 Best Buy ），因?yàn)檫@些產(chǎn)品用戶有一個(gè)想要完成的明確目標(biāo)。

2. 語音用戶界面（Voice User Interface / VUI）

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

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

在即將到來的新的一年語音界面將不再局限于移動設(shè)備，而是成為物聯(lián)網(wǎng)和智能家居系統(tǒng)的交互方式。很快就會有更加先進(jìn)的語音識別模式出現(xiàn)，將大大提升我們與操作系統(tǒng)之間的交互。

二. 整潔而易懂

移除視覺干擾讓界面更整潔且容易理解，這是現(xiàn)今很多用戶體驗(yàn)設(shè)計(jì)者的共同目標(biāo)。很多設(shè)計(jì)師通過將內(nèi)容放在首位、運(yùn)用清晰的視覺語言，達(dá)到移除無用信息、強(qiáng)調(diào)重要信息的目的。

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

與內(nèi)容優(yōu)先設(shè)計(jì)方法直接關(guān)聯(lián)的是極簡主義。用更少的設(shè)計(jì)師創(chuàng)造更多的價(jià)值，移除界面上的無用元素，聚焦于真正重要的東西——內(nèi)容和功能。這樣界面就限制了裝飾物的數(shù)量，有了更多留白空間。這種設(shè)計(jì)的缺點(diǎn)就是有時(shí)讓界面看起來太過素凈。

△ Instagram iOS (2015 vs 2017)

2. 清晰的視覺語言

我們都知道明確的視覺分級能夠讓產(chǎn)品更容易使用，讓用戶使用網(wǎng)站和手機(jī)APP時(shí)有一個(gè)清晰的屏幕閱讀順序。

△ 確定按鈕有很強(qiáng)烈的色彩對比（圖片來源：Airbnb）

3. 大標(biāo)題

給標(biāo)題更大的字體和更多的留白空間，這樣有兩個(gè)好處：更容易看到而且更方便閱讀。

△ Apple 給 iOS 11 使用了粗體標(biāo)題

三. 有目的地使用動效

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

1. 功能性動效

這種動效能夠讓界面更清晰，讓產(chǎn)品的交互過程看起來更加簡單。iPhone X 的手勢交互動畫會被用于描述復(fù)雜的過渡和控件關(guān)系。

△ 功能新動效能夠?qū)?fù)雜的過渡變得更容易追蹤（圖片來源：Jae-seong、Jeong）

2. 觀賞性動效

為了創(chuàng)造更加人性化的用戶體驗(yàn)，很多APP插入了賞心悅目的細(xì)節(jié)。這種元素不具備任何功能目的，它們的意義是創(chuàng)造與用戶之間的情感關(guān)聯(lián)。

△ 使用動效表現(xiàn)評分系統(tǒng)（圖片來源：Andy Orsow）

四. 視頻主導(dǎo)

2017已經(jīng)見證了視頻這種內(nèi)容形式的風(fēng)潮。根據(jù) Hubspot 的調(diào)查，每周看視頻的人有78%，每天看的人也有55%。

1. 為短時(shí)間注意力而創(chuàng)造的視頻內(nèi)容

人類的平均注意力持續(xù)時(shí)間在2000年時(shí)（在手機(jī)革命開始的時(shí)候）已經(jīng)從12秒跌落至8秒。很多營銷者為了適應(yīng)短時(shí)間注意力而調(diào)整他們提供的信息內(nèi)容（也包括視頻），例如360度視頻和在線直播就是這樣的產(chǎn)物。

關(guān)于注意力持續(xù)時(shí)間的變化：Humans have shorter attention span than goldfish, thanks to smartphones

2. 首頁歡迎視頻

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

五. 情感化設(shè)計(jì)

人與機(jī)器之間的關(guān)系總是情感多于理性。電腦成功完成指令會讓我們高興，出現(xiàn)問題時(shí)會讓我們生氣。

2017年是情緒化智能設(shè)計(jì)的轉(zhuǎn)折點(diǎn)，這種設(shè)計(jì)借由對人機(jī)互動及用戶感官的了解，向使用者傳達(dá)正面情緒。

1. 失誤的用戶地圖

長期以來，體驗(yàn)設(shè)計(jì)只是圍繞著理想狀態(tài)的用戶流程，2017年很多設(shè)計(jì)師開始意識到，為非理想狀態(tài)的用戶流程而設(shè)計(jì)同樣重要。

失誤地圖的目的是定義用戶操作導(dǎo)致負(fù)面結(jié)果時(shí)的狀況。因?yàn)榧词乖O(shè)計(jì)師們努力創(chuàng)造易于理解的設(shè)計(jì)，用戶還是可能「錯(cuò)誤」使用。通過構(gòu)思可能導(dǎo)致錯(cuò)誤的用戶場景，設(shè)計(jì)師能夠創(chuàng)造出「優(yōu)雅的失敗」，即讓用戶獲得人性化的溝通，而不是怪異冷硬的回復(fù)。

Slack 里就有一個(gè)失敗地圖的優(yōu)秀案例。如果你寫到一半就離開了，就會有一個(gè)鉛筆樣式的圖標(biāo)告訴你未完成。

△ 鉛筆圖標(biāo)在上圖第二列側(cè)欄的第二個(gè) CHANNEL

2. 更多的微交互運(yùn)用于手機(jī) APP

移動設(shè)備的微交互正在變得越來越專注于其設(shè)備屬性。搭配上簡單的手勢和微妙的視覺反饋，微交互讓體驗(yàn)更加簡潔輕便，并逐漸成為我們與產(chǎn)品服務(wù)交互的自然方式。

△ Instagram Stories 的視覺反饋

3. 會話式界面

聊天機(jī)器人和會話式用戶界面（CUI）早在2016年已成趨勢。聊天機(jī)器人和智能助理的興起將會是持續(xù)性的。CUI和傳統(tǒng)的GUI（圖形界面）之間的一個(gè)重要區(qū)別是，用戶對與產(chǎn)品交互的感受——會話式界面讓互動更加人性化。這就是為什么 Zo 和微軟小冰這類聊天機(jī)器人如此受歡迎。

△ 圖片來源：EJ Hassenfratz

六. 內(nèi)容比以往更重要了

內(nèi)容為王（content is king），因?yàn)樗攀侨藗兪褂肁PP或訪問網(wǎng)站的緣由。2017年見證了與內(nèi)容交互直接相關(guān)的兩大趨勢。

1. Facebook 成為內(nèi)容的終點(diǎn)

2017年間，F(xiàn)acebook 成為了內(nèi)容消費(fèi)的主要服務(wù)之一，不再只是一個(gè)起點(diǎn)，而是新聞信息的強(qiáng)大樞紐。

2. 大公司對內(nèi)容可信度的幫助

內(nèi)容可信度現(xiàn)今面臨著嚴(yán)重問題。每秒都有百萬條內(nèi)容產(chǎn)生，這使得事實(shí)與虛構(gòu)的區(qū)分變得困難。根據(jù)一項(xiàng)來自斯坦福大學(xué)的研究，很高比例的用戶并不能區(qū)分新聞推送中的真相和謊言。內(nèi)容可信度的問題在2016年美國總統(tǒng)選舉中尤為可見，事實(shí)證明謊言的傳播速度甚至快于真相。

好在 Google 和 Facebook 這樣的大公司意識到了問題的嚴(yán)重性，并且已經(jīng)開始運(yùn)用事實(shí)檢測功能來幫助用戶辨別內(nèi)容真?zhèn)巍?/p>

以上就是文章上半部分的內(nèi)容，后半部分更精彩，敬請期待吧！

「你還知道這些2018年設(shè)計(jì)趨勢嗎」

• 《2018年的UI / UX設(shè)計(jì)趨勢，18位大牛設(shè)計(jì)師的預(yù)測》
• 《從2009年到2017年，按鈕設(shè)計(jì)發(fā)生了哪些變化？》
• 《跟隨這10個(gè)趨勢，你可以在2018年設(shè)計(jì)出出眾的網(wǎng)頁》
• 《這10個(gè)趨勢，是2018年用戶體驗(yàn)設(shè)計(jì)關(guān)注的重心》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com