2020年,移動端用戶體驗設計趨勢
2020年的設計趨勢似乎并沒有什么改變,許多趨勢仍在發生:無界面模式(chromeless)的設計、手勢、漸變、半扁平化、粗大的字體等等,它們仍然存在,并將在2020年繼續占據主導地位。
以下是一些將在2020年繼續增長的新移動趨勢:
一、暗黑模式
是的,我知道這已經是老生常談了,但你知道他們是怎么說的:“一旦蘋果決定使用暗黑模式,就沒有人可以不使用…了…”。隨著iOS13的發布,暗黑模式已經內置在每一個運行在蘋果設備上的移動應用程序。
當然,不僅僅蘋果這么做,因為Android和Windows也支持這種模式,但蘋果有一種快速推進這類舉措的方式,設備幾乎立即與最新的操作系統版本同步,開發者社區也非常嚴格地遵循蘋果的設計規范。
就我個人而言,我并不是這個模式的超級粉絲,主要是因為大多數應用程序目前都在使用純黑和純白顏色,非常刺眼,容易引起眼睛疲勞。
規則很簡單:
1. 不要在純白色背景上使用純黑色
大多數設計師都知道這一點(只要查看大多數網站或應用程序,你就會發現黑色通常是深灰色的),但出于某種原因,太多的應用程序開發人員忽略了適用于設計暗黑模式的相應規則:
2. 不要使用純黑色作為您的暗黑模式的背景
不幸的是,許多應用程序使用純黑色作為背景,造成過度刺激。
展望2020年,我確信這一問題將得到解決。
我相信,我們將看到應用程序設計者會逐漸優化他們暗黑模式的設計,增加一些創造性,并且讓它從視覺上看起來更舒適。
一些公司(例如Notion和Slack)已經在這樣做了:
在純黑色上呈現鮮艷的顏色太刺眼了??梢杂蒙罨疑?。
二、巨型手機是新的標準
一年前,巨型的智能手機仍然是一個“趨勢”,但現在它們成了標準:
- 在2018年10月,只有16.3%的Missbeez手機用戶在使用大屏的iPhone(X/XS/XR, etc.)
- 到2019年12月份,這個數字是41%,并且每月都在增長。
這使得開發人員可以將應用程序的內容增加一倍或三倍,同時不會造成混亂或在白空間上妥協。
三、多樣化的設計
大型手機提供更大的屏幕,可以在一個屏幕上組合多個視圖類型,而不會造成混亂:由于屏幕尺寸的不斷變大,諸如快捷方式、故事、照片輪播、標簽欄,都有整合在一起的空間。
這里是Yelp的一個完美的例子:
大一些的手機可以在一個屏幕上組合多個視圖類型,而不會造成混亂。
四、創建品牌已經消失,但品牌依然存在
我去年提到過這一點,隱藏顏色、圖標和標志等品牌相關元素的趨勢在2019年繼續,并可能在2020年延續下去。
再來看一個經過重大翻新的應用是Spark,它以前是藍色的,由框架和邊框組成,最近才被重新設計成潔白干凈,就像大多數主流的應用程序一樣。
不再有品牌色彩和形象–呈現出來的都是關于內容的。
因此,公司將繼續擺脫不必要的顏色和視覺效果,騰出空間用于更多內容,但更重要的是–讓用戶更容易集中精力,專注于真正重要的內容。
五、底部導航控制
隨著設備變得越來越大,想要觸摸到智能手機的頂部就變得不太可能了。
UI元素不再像過去被放置在屏幕頂部,隨之出現了一些新的導航選項。
下面是一些導航元素位于底部的示例:
- Pocket的漢堡包菜單現在位于左下角
- Freedly的側邊欄是從點擊標簽欄彈出來的
- Superhuman的動作面板從點擊屏幕底部區域而來
- Uber的使用手勢滑動即可激活刷卡功能
還是印象不深刻?請查看下面更多示例:
- IMDb現在把搜索框放在了屏幕底部
- Microsoft To-Do 有豐富的任務欄入口,位于鍵盤頂部,不用再伸手指點更遠的地方就可以添加任務細節
- Clash Royale新的信息卡片是自下而上設計的。看我喜愛的角色Bandit和Witch頁面。
搜索框、快捷入口、信息卡片現在都被放在了屏幕底部
搜索欄去哪了?
六、故事正在成為一種設計模式
故事在社交媒體上變得如此流行,不久我們會看到越來越多的應用程序借用故事風格的UI概念,并以新的創造性方式實現它們。
這里有兩個我非常喜歡的例子zest和Shazam;
移動app中的故事界面風格
Zest應用程序在頂部使用分頁指示,來提高用戶在發布內容時的清晰度和引導(幾個步驟過程)。
在Shazam中,你現在可以看到由你最喜歡的藝術家發布的短剪輯集合。
這個UI允許你通過點擊屏幕的左或右區域,實現在短視頻片段之間快速跳轉。當你專注于歌曲時,不需要精確。
這是一個很好的表現移動體驗的例子:該設計很好地利用了屏幕,導航指示被放置在頂部(不容易觸及到,但非常清晰),導航是通過點擊屏幕的兩側完成的,根本不需要特別準確,更不用提向左/右滑動、向上/向下滑動以獲得更多選項的選項。
太完美了。
下面是這種方法的一個更通用的示例:
七、擬物化是否過時還是會繼續流行?
在2012/2013年之前,它一直是一個被探討的大問題,但當世界變得扁平時,我們已經看不到任何深度或陰影的跡象。
去年,我寫了關于漸變和陰影卷土重來的文章–就是我們知道的扁平化2.0,或者半扁平化。
到2020年,我們將看到更多的這種趨勢:更多的陰影,更多的3D,更深的深度,甚至一點…(聲音)…擬物化。
不相信我?
來看下iOS13上的例子:
這就是這一輪的設計趨勢,在2020年,移動將用更多的創新、驚人的可用性和偉大的體驗繼續引領設計世界。
作者:Gil Bouhnick
原文鏈接:https://www.mobilespoon.net/2019/12/mobile-ux-design-trends-2020.html
編譯作者:afang;公眾號:交譯所;校對:馮嬋
本文由 @交譯所 翻譯發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
- 目前還沒評論,等你發揮!