2020年UX的頂級趨勢
對UX設計來說,它不僅涉及到可用性、簡單性與清晰性,現在的趨勢下,它更是與用戶體驗緊緊聯系在一起。因此我們更因為基于用戶體驗做出UX設計的優化與改進。
如今,設計開發并不是從設計師在網站上繪制漂亮美觀的按鈕和字段開始的。一切都始于對用戶如何逐步瀏覽應用程序以實現HIS目標的理解。
因此,您的應用程序具有多少功能,該應用程序的開發人員有多有才華,以及設計中所使用的知名設計師都沒有關系?;悄膽贸绦蛉绾慰焖俸啽愕貛椭鷮崿F用戶的目的,以及表明該應用程序可以滿足用戶需求的清晰程度。
“最好的產品不注重功能,而是注重清晰度?!薄獑潭鳌げ柼?/p>
因此,請繼續關注清晰度和簡單性,但是今天的UX不僅涉及可用性,它還與用戶體驗的其他方面(例如樂趣,愉悅和感知)越來越緊密地聯系在一起。我們還想強調提供良好UX的新屬性:
- 簡單性:好的UX的關鍵屬性之一和最古老的要求之一。體驗是否盡可能簡單地適合用戶需求?
- 負擔能力:應用導航地圖是否一目了然,簡單且邏輯容易確定?
- 反饋:應用變得更加復雜和多功能。那么清楚發生了什么/發生了什么?
- 可逆性:用戶可以多么輕松地撤消操作以及應用如何從錯誤中恢復?
- 可訪問性:該應用程序是否提供所有目標用戶在任何設備或環境條件下都可以使用的功能?
一、設計中的UX趨勢2019
不要為了動畫而設置動畫,請使用它來使應用程序和用戶之間的交互更加清晰。
使用動畫是一個令人發指的話題,因為有很多設計師認為動畫是一種過大的殺手,會使用戶界面超負荷并使用戶體驗更糟。
但是必須承認:人們喜歡動畫。
原因之一是移動的物體吸引了人們的注意力。另一個更重要的原因是,動畫為人們提供了非常熟悉的體驗,就像他們在現實生活中與對象進行交互一樣:您采取行動并獲得響應。
因此,動畫可以解決諸如從應用程序反饋操作完成等任務,通過多功能按鈕節省應用程序中的空間,了解操作正在進行中,創建具有結構化和動態信息塊的有組織空間。
1. 來自應用程序的反饋,表明操作已完成
圖片來源:https : //dribbble.com/shots/2120974-GIF-for-Blog-App
2. 多功能按鈕?
圖片來源:https : //dribbble.com/shots/1936758-GIF-of-the-Tap-Bar-Concept
3. 進度指示器1
圖片來源:https : //dribbble.com/shots/2090803-Rubber-Indicator
4. 進度指示器2
圖片來源:https : //dribbble.com/shots/2059133-pull-to-refresh
5. 進度指示器3
圖片來源:https : //dribbble.com/shots/3338782-Location-Preloader
6. 用結構化和動態的信息塊創建一個有組織的空間
圖片來源:https : //dribbble.com/shots/5422575-Get-Wheels-Search-vs-Lease-Mode
您還可以發現越來越多的公司徽標使用動畫。這不僅是試圖在競爭者之間脫穎而出的嘗試,而且是在徽標動畫短時間內建立公司與公司的聯系的額外機會。
圖片來源:https : //dribbble.com/shots/6862722-Reachmore-Logo-Animation
我們沒有涵蓋動畫選項的完整列表,但這不是本文的主題。我們想傳達的信息是,盡管有很多人認為動畫是多余的,但它以出色的功能,緊湊的界面和出色的用戶體驗豐富了應用程序。
二、數據驅動設計
現在,設計不僅基于設計者的設想,而且還基于定量分析是很正常的。通過實施機器學習原理,深度分析和一種用于用戶研究的心理方法,設計人員可以達到與用戶交互的新水平。
“數據驅動”的概念意味著對問題的調查,A / B測試,應用程序分析,行為研究以及您可以在互聯網上找到的其他工具和技術。
這個概念可能在網站開發人員中經常遇到,那里有很多分析工具可以研究訪問者的行為,但是這種方法對其他產品也很有用。它使您可以全面了解用戶與應用程序的交互,最參與的領域,用戶需要的信息以及所需的功能。
盡管對設計開發過程的定性分析將永遠不會被完全取代,但我們相信,對定量數據驅動分析的興趣不斷增長的趨勢將持續數年。
三、有關UX設計趨勢的更多信息
UX的作用正在增長。也就是說,為了使用戶界面方便且易于理解,方案(導航)應保持一致且簡單。
此外,設計師使用許多工具,例如字體,鮮艷的色彩和漸變來改變用戶的感知。這些元素傳統上被視為UI組件,而不是UX。
但是我們看到,在深入研究用戶行為的時代,即使按鈕的顏色也會影響網站的轉換和用戶的最終感知。
1. 輕松導航
我們生活在一個時代,世界各地的生活正以前所未有的速度在加速發展。時間是有代價的,人們會數著它。這意味著現代的界面應該簡單明了,因此即使是粗略的瀏覽也可以深入了解此應用程序以及應如何解決您的任務。這也適用于導航-用戶需要了解他在做什么,下一步需要做什么以及場景的結果。
這意味著沒有地方無用,無處可走,按鈕,單擊器,塊和其他UI元素一無所有。每個元素對用戶都有其價值。看一下Google主頁-它有一個輸入字段和5個按鈕(嘗試查找全部)!現代智能手機大多只有一個用于執行多項功能的導航按鈕。設計人員可以使用動畫來創建額外的簡單導航系統。
導航和應用程序與用戶交互的簡化應該不僅在2019年得到進一步發展。我們預計應用程序與用戶之間的通信方式將發生巨大變化,而不是通過導航面板,而是通過語音UI。
現有幾種語音應用程序,例如Alexa和Siri,但它們沒有為您提供出色的功能。
但是,根據聯合市場研究公司(Allied Market Research)的數據,到2025年,智能揚聲器市場估計將達到233.2億美元,比2017年增長五倍以上。我們應該期待什么?看看Marvel工作室Tony Stark的語音助手Jarvis,這可能成為智能揚聲器行業的未來。
2. 鮮艷的色彩和漸變
直到2000年代末梯度用于引起人們的注意,現在它又回來了,以增強平面設計,使界面具有深度和尺寸。
圖片來源:https : //dribbble.com/shots/6908169-Help-Freelancers-Find-Work-Onboarding-App
漸變范圍通過鮮艷的調色板得到進一步發展。根據設計中使用的顏色,您可以為應用設置心情,并改變人們對界面的看法。使用大膽的色彩營造出充滿活力的感覺,使用柔和的色彩營造出信任感,柔和的色彩營造出平靜而寧靜的體驗。
圖片來源:https : //reactnativestarter.com/
圖片來源:https : //app.asana.com/-/login
選擇哪種顏色很重要。它們必須與您想引起聽眾的情感反應保持一致,此外,您還需要了解聽眾才能預測其對所選設計的反應-請注意!
3. 新舊字體
印刷術對用戶感知顏色具有相似的影響。排版勝于雄辯–該聲明有超過500萬條來自Google搜索的結果,因此這是事實。但是排版真的重要嗎?
好吧,盡管越來越重視與用戶進行交互的替代方式,例如動畫和語音UI,但文本仍然是傳達應用程序關鍵思想并激發用戶采取行動的主要方法。文字以相同的大小和字體以直線顯示的時間已過去很久了?,F在是時候印刷技術排在第一位了,文字緊隨其后。
圖片來源:https : //dribbble.com/shots/7280625-riot
排版的主要目的是在應用程序中突出顯示最優先的想法。如果您想使消息清晰,則允許用戶盡可能輕松地抓住關鍵點,使他們的經歷令人難忘,自定義需要的地方,并使用多余的簡單字體。
圖片來源: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
具體說明您想傳達的信息,為什么要傳達的信息以及希望人們如何記住您的信息。印刷術不是一種新趨勢,并且由于用戶已經看到了非常積極和創造性的實驗,并用文本表示了這一領域,這已成為科學與藝術的結合。
4. 個性化
?使您的客戶感到特別?–這是個性化的驅動力。它首先以歡迎詞來識別首次訪問者,對回頭用戶給予特別關注,保存個人喜好,提供與位置相關的內容,等等。互聯網不是私人事物,Chrome的隱身模式無法挽救您。
用戶的一個小個人資料是Internet Cookie,它存儲有關網站上用戶活動的信息。幾乎所有網站都收集cookie,并在您第一次訪問該網站時征求您的許可。他們保存有關您的位置,您感興趣的產品,個人身份信息(例如姓名,家庭住址,電話號碼等)的信息。這使站點可以向您顯示適合您的信息。
但是個性化還不止于此。Spotify和Yandex音樂會推薦您喜歡的歌曲。他們是如何做到的?
數據分析,深度學習和AI –這一切都是為了提供數據驅動的體驗。星巴克通過“特色”選項卡使用智能個性化功能,該應用程序可根據您先前訂購的商品選擇您想要的東西,因此用戶無需瀏覽整個菜單即可查找自己喜歡的新商品。
圖片來源: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
譯者: 南設;譯者公眾號:南設(ID:shemenglianmeng)
本文由 @南設 翻譯發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
多功能按鈕是認真的嗎