對(duì)UX設(shè)計(jì)來說，它不僅涉及到可用性、簡單性與清晰性，現(xiàn)在的趨勢下，它更是與用戶體驗(yàn)緊緊聯(lián)系在一起。因此我們更因?yàn)榛谟脩趔w驗(yàn)做出UX設(shè)計(jì)的優(yōu)化與改進(jìn)。

如今，設(shè)計(jì)開發(fā)并不是從設(shè)計(jì)師在網(wǎng)站上繪制漂亮美觀的按鈕和字段開始的。一切都始于對(duì)用戶如何逐步瀏覽應(yīng)用程序以實(shí)現(xiàn)HIS目標(biāo)的理解。

因此，您的應(yīng)用程序具有多少功能，該應(yīng)用程序的開發(fā)人員有多有才華，以及設(shè)計(jì)中所使用的知名設(shè)計(jì)師都沒有關(guān)系?；悄膽?yīng)用程序如何快速簡便地幫助實(shí)現(xiàn)用戶的目的，以及表明該應(yīng)用程序可以滿足用戶需求的清晰程度。

“最好的產(chǎn)品不注重功能，而是注重清晰度?！薄獑潭鳌げ柼?/p>

因此，請(qǐng)繼續(xù)關(guān)注清晰度和簡單性，但是今天的UX不僅涉及可用性，它還與用戶體驗(yàn)的其他方面（例如樂趣，愉悅和感知）越來越緊密地聯(lián)系在一起。我們還想強(qiáng)調(diào)提供良好UX的新屬性：

• 簡單性：好的UX的關(guān)鍵屬性之一和最古老的要求之一。體驗(yàn)是否盡可能簡單地適合用戶需求？
• 負(fù)擔(dān)能力：應(yīng)用導(dǎo)航地圖是否一目了然，簡單且邏輯容易確定？
• 反饋：應(yīng)用變得更加復(fù)雜和多功能。那么清楚發(fā)生了什么/發(fā)生了什么？
• 可逆性：用戶可以多么輕松地撤消操作以及應(yīng)用如何從錯(cuò)誤中恢復(fù)？
• 可訪問性：該應(yīng)用程序是否提供所有目標(biāo)用戶在任何設(shè)備或環(huán)境條件下都可以使用的功能？

一、設(shè)計(jì)中的UX趨勢2019

不要為了動(dòng)畫而設(shè)置動(dòng)畫，請(qǐng)使用它來使應(yīng)用程序和用戶之間的交互更加清晰。

使用動(dòng)畫是一個(gè)令人發(fā)指的話題，因?yàn)橛泻芏嘣O(shè)計(jì)師認(rèn)為動(dòng)畫是一種過大的殺手，會(huì)使用戶界面超負(fù)荷并使用戶體驗(yàn)更糟。

但是必須承認(rèn)：人們喜歡動(dòng)畫。

原因之一是移動(dòng)的物體吸引了人們的注意力。另一個(gè)更重要的原因是，動(dòng)畫為人們提供了非常熟悉的體驗(yàn)，就像他們?cè)诂F(xiàn)實(shí)生活中與對(duì)象進(jìn)行交互一樣：您采取行動(dòng)并獲得響應(yīng)。

因此，動(dòng)畫可以解決諸如從應(yīng)用程序反饋操作完成等任務(wù)，通過多功能按鈕節(jié)省應(yīng)用程序中的空間，了解操作正在進(jìn)行中，創(chuàng)建具有結(jié)構(gòu)化和動(dòng)態(tài)信息塊的有組織空間。

1. 來自應(yīng)用程序的反饋，表明操作已完成

圖片來源：https : //dribbble.com/shots/2120974-GIF-for-Blog-App

2. 多功能按鈕?

圖片來源：https : //dribbble.com/shots/1936758-GIF-of-the-Tap-Bar-Concept

3. 進(jìn)度指示器1

圖片來源：https : //dribbble.com/shots/2090803-Rubber-Indicator

4. 進(jìn)度指示器2

圖片來源：https : //dribbble.com/shots/2059133-pull-to-refresh

5. 進(jìn)度指示器3

圖片來源：https : //dribbble.com/shots/3338782-Location-Preloader

6. 用結(jié)構(gòu)化和動(dòng)態(tài)的信息塊創(chuàng)建一個(gè)有組織的空間

圖片來源：https : //dribbble.com/shots/5422575-Get-Wheels-Search-vs-Lease-Mode

您還可以發(fā)現(xiàn)越來越多的公司徽標(biāo)使用動(dòng)畫。這不僅是試圖在競爭者之間脫穎而出的嘗試，而且是在徽標(biāo)動(dòng)畫短時(shí)間內(nèi)建立公司與公司的聯(lián)系的額外機(jī)會(huì)。

圖片來源：https : //dribbble.com/shots/6862722-Reachmore-Logo-Animation

我們沒有涵蓋動(dòng)畫選項(xiàng)的完整列表，但這不是本文的主題。我們想傳達(dá)的信息是，盡管有很多人認(rèn)為動(dòng)畫是多余的，但它以出色的功能，緊湊的界面和出色的用戶體驗(yàn)豐富了應(yīng)用程序。

二、數(shù)據(jù)驅(qū)動(dòng)設(shè)計(jì)

現(xiàn)在，設(shè)計(jì)不僅基于設(shè)計(jì)者的設(shè)想，而且還基于定量分析是很正常的。通過實(shí)施機(jī)器學(xué)習(xí)原理，深度分析和一種用于用戶研究的心理方法，設(shè)計(jì)人員可以達(dá)到與用戶交互的新水平。

“數(shù)據(jù)驅(qū)動(dòng)”的概念意味著對(duì)問題的調(diào)查，A / B測試，應(yīng)用程序分析，行為研究以及您可以在互聯(lián)網(wǎng)上找到的其他工具和技術(shù)。

這個(gè)概念可能在網(wǎng)站開發(fā)人員中經(jīng)常遇到，那里有很多分析工具可以研究訪問者的行為，但是這種方法對(duì)其他產(chǎn)品也很有用。它使您可以全面了解用戶與應(yīng)用程序的交互，最參與的領(lǐng)域，用戶需要的信息以及所需的功能。

盡管對(duì)設(shè)計(jì)開發(fā)過程的定性分析將永遠(yuǎn)不會(huì)被完全取代，但我們相信，對(duì)定量數(shù)據(jù)驅(qū)動(dòng)分析的興趣不斷增長的趨勢將持續(xù)數(shù)年。

三、有關(guān)UX設(shè)計(jì)趨勢的更多信息

UX的作用正在增長。也就是說，為了使用戶界面方便且易于理解，方案（導(dǎo)航）應(yīng)保持一致且簡單。

此外，設(shè)計(jì)師使用許多工具，例如字體，鮮艷的色彩和漸變來改變用戶的感知。這些元素傳統(tǒng)上被視為UI組件，而不是UX。

但是我們看到，在深入研究用戶行為的時(shí)代，即使按鈕的顏色也會(huì)影響網(wǎng)站的轉(zhuǎn)換和用戶的最終感知。

1. 輕松導(dǎo)航

我們生活在一個(gè)時(shí)代，世界各地的生活正以前所未有的速度在加速發(fā)展。時(shí)間是有代價(jià)的，人們會(huì)數(shù)著它。這意味著現(xiàn)代的界面應(yīng)該簡單明了，因此即使是粗略的瀏覽也可以深入了解此應(yīng)用程序以及應(yīng)如何解決您的任務(wù)。這也適用于導(dǎo)航-用戶需要了解他在做什么，下一步需要做什么以及場景的結(jié)果。

這意味著沒有地方無用，無處可走，按鈕，單擊器，塊和其他UI元素一無所有。每個(gè)元素對(duì)用戶都有其價(jià)值?？匆幌翯oogle主頁-它有一個(gè)輸入字段和5個(gè)按鈕（嘗試查找全部）！現(xiàn)代智能手機(jī)大多只有一個(gè)用于執(zhí)行多項(xiàng)功能的導(dǎo)航按鈕。設(shè)計(jì)人員可以使用動(dòng)畫來創(chuàng)建額外的簡單導(dǎo)航系統(tǒng)。

導(dǎo)航和應(yīng)用程序與用戶交互的簡化應(yīng)該不僅在2019年得到進(jìn)一步發(fā)展。我們預(yù)計(jì)應(yīng)用程序與用戶之間的通信方式將發(fā)生巨大變化，而不是通過導(dǎo)航面板，而是通過語音UI。

現(xiàn)有幾種語音應(yīng)用程序，例如Alexa和Siri，但它們沒有為您提供出色的功能。

但是，根據(jù)聯(lián)合市場研究公司（Allied Market Research）的數(shù)據(jù)，到2025年，智能揚(yáng)聲器市場估計(jì)將達(dá)到233.2億美元，比2017年增長五倍以上。我們應(yīng)該期待什么？看看Marvel工作室Tony Stark的語音助手Jarvis，這可能成為智能揚(yáng)聲器行業(yè)的未來。

2. 鮮艷的色彩和漸變

直到2000年代末梯度用于引起人們的注意，現(xiàn)在它又回來了，以增強(qiáng)平面設(shè)計(jì)，使界面具有深度和尺寸。

圖片來源：https : //dribbble.com/shots/6908169-Help-Freelancers-Find-Work-Onboarding-App

漸變范圍通過鮮艷的調(diào)色板得到進(jìn)一步發(fā)展。根據(jù)設(shè)計(jì)中使用的顏色，您可以為應(yīng)用設(shè)置心情，并改變?nèi)藗儗?duì)界面的看法。使用大膽的色彩營造出充滿活力的感覺，使用柔和的色彩營造出信任感，柔和的色彩營造出平靜而寧靜的體驗(yàn)。

圖片來源：https : //reactnativestarter.com/

圖片來源：https : //app.asana.com/-/login

選擇哪種顏色很重要。它們必須與您想引起聽眾的情感反應(yīng)保持一致，此外，您還需要了解聽眾才能預(yù)測其對(duì)所選設(shè)計(jì)的反應(yīng)-請(qǐng)注意！

3. 新舊字體

印刷術(shù)對(duì)用戶感知顏色具有相似的影響。排版勝于雄辯–該聲明有超過500萬條來自Google搜索的結(jié)果，因此這是事實(shí)。但是排版真的重要嗎？

好吧，盡管越來越重視與用戶進(jìn)行交互的替代方式，例如動(dòng)畫和語音UI，但文本仍然是傳達(dá)應(yīng)用程序關(guān)鍵思想并激發(fā)用戶采取行動(dòng)的主要方法。文字以相同的大小和字體以直線顯示的時(shí)間已過去很久了。現(xiàn)在是時(shí)候印刷技術(shù)排在第一位了，文字緊隨其后。

圖片來源：https : //dribbble.com/shots/7280625-riot

排版的主要目的是在應(yīng)用程序中突出顯示最優(yōu)先的想法。如果您想使消息清晰，則允許用戶盡可能輕松地抓住關(guān)鍵點(diǎn)，使他們的經(jīng)歷令人難忘，自定義需要的地方，并使用多余的簡單字體。

圖片來源：https : //www.picmonkey.com/blog/wp-content/uploads/2019/01/Custom-Everything.jpg

圖片來源：https : //www.picmonkey.com/blog/wp-content/uploads/2019/01/Minimal-sans-serif-fonts.jpg

具體說明您想傳達(dá)的信息，為什么要傳達(dá)的信息以及希望人們?nèi)绾斡涀∧男畔?。印刷術(shù)不是一種新趨勢，并且由于用戶已經(jīng)看到了非常積極和創(chuàng)造性的實(shí)驗(yàn)，并用文本表示了這一領(lǐng)域，這已成為科學(xué)與藝術(shù)的結(jié)合。

4. 個(gè)性化

?使您的客戶感到特別?–這是個(gè)性化的驅(qū)動(dòng)力。它首先以歡迎詞來識(shí)別首次訪問者，對(duì)回頭用戶給予特別關(guān)注，保存?zhèn)€人喜好，提供與位置相關(guān)的內(nèi)容，等等?；ヂ?lián)網(wǎng)不是私人事物，Chrome的隱身模式無法挽救您。

用戶的一個(gè)小個(gè)人資料是Internet Cookie，它存儲(chǔ)有關(guān)網(wǎng)站上用戶活動(dòng)的信息。幾乎所有網(wǎng)站都收集cookie，并在您第一次訪問該網(wǎng)站時(shí)征求您的許可。他們保存有關(guān)您的位置，您感興趣的產(chǎn)品，個(gè)人身份信息（例如姓名，家庭住址，電話號(hào)碼等）的信息。這使站點(diǎn)可以向您顯示適合您的信息。

但是個(gè)性化還不止于此。Spotify和Yandex音樂會(huì)推薦您喜歡的歌曲。他們是如何做到的？

數(shù)據(jù)分析，深度學(xué)習(xí)和AI –這一切都是為了提供數(shù)據(jù)驅(qū)動(dòng)的體驗(yàn)。星巴克通過“特色”選項(xiàng)卡使用智能個(gè)性化功能，該應(yīng)用程序可根據(jù)您先前訂購的商品選擇您想要的東西，因此用戶無需瀏覽整個(gè)菜單即可查找自己喜歡的新商品。

圖片來源：https : //leanplum-wordpress.storage.googleapis.com/starbucks-order.png

原文作者：Anastasia Ovchinnikova

原文地址：https://medium.com/flatlogic/top-ux-trends-in-2019-2020-for-mobile-apps-511b4ea7c50a

譯者： 南設(shè)；譯者公眾號(hào)：南設(shè)（ID：shemenglianmeng）

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

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