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新的信息卡片是自下而上設計的??次蚁矏鄣慕巧獴andit和Witch頁面。
搜索框、快捷入口、信息卡片現在都被放在了屏幕底部
搜索欄去哪了?
六、故事正在成為一種設計模式故事在社交媒體上變得如此流行,不久我們會看到越來越多的應用程序借用故事風格的UI概念,并以新的創造性方式實現它們。
這里有兩個我非常喜歡的例子zest和Shazam;
移動app中的故事界面風格
Zest應用程序在頂部使用分頁指示,來提高用戶在發布內容時的清晰度和引導(幾個步驟過程)。
在Shazam中,你現在可以看到由你最喜歡的藝術家發布的短剪輯集合。
這個UI允許你通過點擊屏幕的左或右區域,實現在短視頻片段之間快速跳轉。當你專注于歌曲時,不需要精確。
本文由摸索網(http://www.ekklesiya.com)發布,不代表摸索網立場,轉載聯系作者并注明出處: