文章對(duì)移動(dòng)端和Web端應(yīng)用中UX／UI的未來相關(guān)趨勢(shì)進(jìn)行了梳理和分析，與大家分享。

我們距離進(jìn)入21世紀(jì)的第三個(gè)十年還有不到幾個(gè)月的時(shí)間，而2020年將會(huì)帶來用戶體驗(yàn)和用戶界面設(shè)計(jì)的全新潮流和偉大實(shí)踐。

從過渡到全新的“設(shè)計(jì)領(lǐng)域”（如支持語(yǔ)音的UI，或AR／VR設(shè)計(jì)），再到UI設(shè)計(jì)的趨勢(shì)（如動(dòng)畫、自定義圖像等）。

2019年對(duì)于UX／UI設(shè)計(jì)而言是偉大的一年。我們看到抽屜、圓角和導(dǎo)航欄切換已經(jīng)擺脫傳統(tǒng)形式了，而且效果很好。這意味著世界在變化，設(shè)計(jì)也在發(fā)生不斷的變化，甚至在很多情況下，設(shè)計(jì)引領(lǐng)了世界的變化。

下面列出了移動(dòng)端和Web端應(yīng)用中UX／UI的未來趨勢(shì)和實(shí)踐，這些研究都來自于被稱為“互聯(lián)網(wǎng)”的奇跡。

01 語(yǔ)音用戶界面（又名VUI）

在2019年及最近的一段時(shí)間里，我們看到越來越多的用戶使用語(yǔ)音操作。諸如 Siri、Alexa和 Google Assistant 等AI助手已變得非常流行。

99firms[1]發(fā)布了一些統(tǒng)計(jì)數(shù)據(jù)提到，語(yǔ)音搜索占所有搜索方式的20%。根據(jù) Google 和以上數(shù)據(jù)，全球31%的智能手機(jī)用戶每周至少使用一次語(yǔ)音技術(shù)。這個(gè)占比數(shù)據(jù)很大，朋友們！同時(shí)，99firms預(yù)測(cè)到“2020年，50%的在線搜索將以語(yǔ)音搜索為基礎(chǔ)”。太棒了，對(duì)吧？

作為設(shè)計(jì)師，我們必須適應(yīng)市場(chǎng)需求。正如我們所看到的，2019年VUI（語(yǔ)音用戶界面）的用戶體驗(yàn)正在逐漸提升，而隨著我們逐漸脫離GUI（圖形用戶界面）去向VUI過渡，預(yù)計(jì)在2020年能看到更多的技術(shù)、實(shí)踐和出色的設(shè)計(jì)，而這些新的變化終將為AI行業(yè)的技術(shù)進(jìn)步和更多新世界的采用者打開大門。

插圖 byOuch.pics

02 AR／VR設(shè)計(jì)

AR／VR已經(jīng)出現(xiàn)很長(zhǎng)一段時(shí)間了。隨著大公司在AR和VR領(lǐng)域的投資，如 Apple 公司推出了流行的 ARKit 或 Memojis，而 Oculus，Google 等公司也涉足AR／VR領(lǐng)域。從地圖到互動(dòng)體驗(yàn)，我們看到AR／VR的應(yīng)用越來越廣泛。

2020年將是AR／VR設(shè)計(jì)的重要一年。根據(jù)一篇在 Apple Insider[2]上發(fā)表的文章來看，Apple 公司計(jì)劃很快推出一副AR眼鏡。

這表明，在未來的十年里AR／VR將會(huì)得到更多的應(yīng)用。因此，朋友們，準(zhǔn)備好你們的AR／VR設(shè)計(jì)，因?yàn)樵?020年和接下來的幾年里一定會(huì)出現(xiàn)很棒的、很有趣的東西，震撼全場(chǎng)！

插圖 byOuch.pics

03 設(shè)計(jì)中的情感洞察

這是UX設(shè)計(jì)的一個(gè)領(lǐng)域，它讓我想起了我是多么熱愛這個(gè)工作。我們是人，我們是有感情的人，有時(shí)比我們想象中的情感還要豐富，因此作為設(shè)計(jì)師，我們必須把情感考慮進(jìn)去，而且很認(rèn)真地去考慮。

這意味著什么呢？情感一直與我們共存，出色的設(shè)計(jì)師已經(jīng)將情感洞察融合在設(shè)計(jì)中了。但你可能還會(huì)問，情感洞察究竟是什么？

用戶體驗(yàn)設(shè)計(jì)師面臨的挑戰(zhàn)是在設(shè)計(jì)出色的數(shù)字產(chǎn)品和體驗(yàn)時(shí)，要考慮到人類的情感。即使不能做到最完美，我們能盡力做到的就是確保分析用戶的行為以及他們?cè)谑褂卯a(chǎn)品時(shí)特定場(chǎng)景的情感，并確保這些情感反映在設(shè)計(jì)中。

看看 Spotify[3]。他們?cè)诜治鋈说那楦泻蜑榇肆可矶ㄖ圃O(shè)計(jì)方面做得很好。除了為你量身定制個(gè)人主頁(yè)之外，他們甚至還可以根據(jù)特定的日期和時(shí)間為你推薦內(nèi)容。

還不止這些！他們每一周都會(huì)為你制作專屬歌單。因?yàn)槲覍?duì)某一類音樂有特殊的偏好，所以這個(gè)個(gè)性化歌單剛好對(duì)我的胃口。相信我，到目前為止，它還沒有讓人失望過。

插圖 byOuch.pics

04 好的設(shè)計(jì)能講故事

如果有人問我什么是好的設(shè)計(jì)，這是我的最佳答案之一。為什么？正如我前面提到的那樣，我們是擁有情感的人類。我們渴望我們所做的每一件事都有意義。這就是為什么一個(gè)出色的設(shè)計(jì)會(huì)講故事，而不僅僅是看起來漂亮。

Netflix[4]就是一個(gè)很好的例子。他們的用戶注冊(cè)過程很棒。正如 Rafayel Mkrchyan[5]在UX Planet 的一篇文章[6]中所寫，“Netflix 用戶注冊(cè)的過程非常驚艷。顏色、字體、圖像，所有的一切都說明了問題。

他們讓用戶明確知道將要注冊(cè)的內(nèi)容，并從一開始就告知其中所包含的選項(xiàng)，并在創(chuàng)建帳戶的每個(gè)步驟中不斷引導(dǎo)你。如果你進(jìn)一步去了解他們的主頁(yè)，你會(huì)看到“繼續(xù)觀看”和“為你上新”這些體現(xiàn)故事性和情感化的設(shè)計(jì)，他們盡可能地在優(yōu)秀電影或劇集的結(jié)尾給出一些很棒的推薦。

正如Steve Krug曾經(jīng)說過的，就在他那本很棒的書《Don’t make me think》的封面上，“我”就是終端用戶。

插圖 byOuch.pics

05 導(dǎo)航元素的新時(shí)代

正如我前面提到的，在2019年，我們看到了一種不太傳統(tǒng)的導(dǎo)航設(shè)計(jì)方法。這主要是因?yàn)槲覀兪褂玫脑O(shè)備顯示屏正在發(fā)生變化。

自從 iPhone X 發(fā)布以來，設(shè)計(jì)師們不得不尋找一種適應(yīng)這些新環(huán)境的方法。為什么？為了能夠有無邊框顯示的極致體驗(yàn)，新設(shè)備上已經(jīng)不再使用之前流行的home鍵了。

面包和飲料移動(dòng)應(yīng)用程序開發(fā)者yannywd

對(duì)于每個(gè)設(shè)計(jì)師來說，這都是一個(gè)非常棘手的情況。由于用戶已經(jīng)熟悉了某種導(dǎo)航樣式，因此去嘗試一些新的甚至是破壞性創(chuàng)新的操作方式，很有可能會(huì)顛覆用戶習(xí)慣，讓他們感到困惑。

側(cè)邊導(dǎo)航欄和為用戶提供順滑導(dǎo)航體驗(yàn)的新方法正在興起。所以，請(qǐng)仔細(xì)瀏覽網(wǎng)站去捕捉這些變化吧，各位！

插圖 byOuch.pics

朋友們，這就是我對(duì)2020年可能帶來的設(shè)計(jì)的看法。至少可以說，這絕對(duì)是令人興奮的，我期待通過出色的設(shè)計(jì)解決日常問題。

如果你想了解更多關(guān)于優(yōu)秀設(shè)計(jì)、移動(dòng)和網(wǎng)絡(luò)應(yīng)用程序開發(fā)的新內(nèi)容[7]、市場(chǎng)營(yíng)銷中令人興奮的東西，或者我們正在做什么，請(qǐng)?jiān)L問我們的博客[8]或 WolfTech[9]（我們?cè)?Medium 上的出版物）。

保持卓越，不要停止好奇，因?yàn)檎缰膼垡蛩固梗ˋ.Einstein）說過：“重要的是不要停止疑問，好奇心有其存在的理由。“

#引申閱讀#

[1]99Firm.com(2019).35 Key Voice Search Statistics You Can No Longer Ignore[EB/OL].https://99firms.com/blog/voice-search-statistics/

[2]William Gallagher(2019). Apple expected to launch AR Glasses in early 2020[EB/OL].https://appleinsider.com/articles/19/10/09/apple-expected-to-launch-ar-glasses-in-early-2020

[3]https://www.spotify.com/us/

[4]https://www.netflix.com/

[5]https://uxplanet.org/@rafamkrtchyan

[6]Rafayel Mkrtchyan(2018).3 Awesome User Onboarding Flows for Web[EB/OL].https://uxplanet.org/3-awesome-user-onboarding-flows-for-web-c8b1ec6a508a

[7]https://www.wolfpack-digital.com/?utm_source=2020-DesignTrends

[8]https://www.wolfpack-digital.com/blogposts

[9]https://medium.com/wolfpack-digital

原作者：Cristian Virciu

原文鏈接：https://medium.com/wolfpack-digital/2020-the-state-of-ux-ui-design-72b48d709565

翻譯：Zoe.YANG；審核：Evelyn

本文由 @交譯所 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議