【51CTO.com快譯】UI/UX是User Interface / User Experience的簡稱，也就是我們常說的用戶界面與用戶體驗設計。如今，從人工智能到Android 10與iOS 13的夜間深色主題模式，應用界面的相關技術正在不斷地進行迭代與更新。因此，作為開發(fā)人員，特別是移動開發(fā)人員，我們需要善于緊跟當前的設計趨勢，持續(xù)提升用戶使用軟件產(chǎn)品的滿意度。下面，我們將和您討論本年度十大移動應用的UX/UI設計趨勢。

[[314288]]

1.無鍵(Buttonless)設計

三星Galaxy S8可能是第一款擺脫了Home鍵的智能手機。如今，許多手機都在考慮移除掉所有的按鍵，甚至包括音量與鎖屏鍵。在沒有任何按鍵的情況下，手機將全靠屏幕來進行各種導航。因此，UI/UX設計人員在設計移動應用程序時，必須牢記的是：應用程序需要通過應用內(nèi)(in-app)的手勢，來調(diào)整和適應硬件上的變化，進而實現(xiàn)順暢和無按鍵式的導航效果。

2.語音驅動(Voice Powered)的設計

如今，語音交互已經(jīng)頻繁地出現(xiàn)在我們的生活中。2018年Google發(fā)布了Duple產(chǎn)品。它能夠將自然語言處理、深度學習、自動化、以及文本轉語音(text-to-speech)結合在一起。

那么當我們進行人工智能或機器學習的相關應用開發(fā)時，UI設計人員必須考慮到用戶的真實需求，以及可能的技術約束。通過同時提供文本和語音兩種輸入方式，您所設計出的移動應用將能夠方便不同的用戶在不同的場景下自由地切換與使用。

3.漸變(Gradients)2.0

2019年，各個行業(yè)的UI/UX設計都采用了漸變的設計風格。那些帶有微妙漸變特征的明亮生動色彩，配以簡單的布局，為移動應用程序的設計帶來了在深度和尺寸上的調(diào)和。通過摒棄單調(diào)或灰度的色彩搭配，移動應用程序設計人員可以使用此類漸變所產(chǎn)生的溫暖效果，向用戶傳遞和諧與積極的理念。

4.底部導航

在過去的12年間，iPhone的屏幕尺寸從原始的3.5英寸，發(fā)展到最新iPhone 11 Pro Max的6.5英寸屏幕，用戶可以看到的信息，以及可以操作的范圍更廣了。

顯而易見，隨著設備尺寸的不斷變化，我們使用設備的方式也必須與時俱進。由于用戶的手指很難輕易地到達屏幕頂部，因此許多移動應用程序已將導航欄放置到了屏幕底部?？梢姡挥凶⒁獾酱朔矫娴募毼^(qū)別，移動應用程序的UI/UX設計人員才能創(chuàng)建出更好的導航流程，讓用戶去樂意體驗并持續(xù)使用。

5.無需密碼

正如魚缸里的金魚只有七秒鐘的記憶那樣，對于過于復雜的密碼，我們中的大多數(shù)人很難一直記得住。為了提供持續(xù)的數(shù)據(jù)訪問，智能手機往往同時提供新型的無需密碼開啟方法，既能保障用戶的登錄，又能保護手機內(nèi)存儲的數(shù)據(jù)。通過使用諸如：指紋或面部識別之類的生物識別，以及一次性密碼(One Time Passwords，OTP)，用戶已不再需要強迫自己持續(xù)記住所有常用的密碼。顯然，移動應用程序設計師們應當緊跟此類UI/UX設計趨勢，花些心思讓自己的應用登錄頁面更加友好、靈活且高效。

6.夜間深色主題

下面讓我們來看看所謂的“黑暗面”。夜間深色主題是采用低光度(low-light)的UI來顯示深色的用戶界面。在用戶看來，深色的移動應用主題，不但有助于節(jié)省手機的電池電量，而且能夠減少眼睛的疲勞感。

如今，新版的Android 10和iOS 13都推出了全系統(tǒng)模式的深色主題。據(jù)此，用戶可以一次性將手機上的所有應用程序從淺色主題切換為深色。正所謂“人無我有，人有我精”，我們在開展移動應用程序的UI設計時，如果能夠調(diào)用此類接口，或設計屬于自己的深色主題，無疑會讓應用錦上添花。如果您想了解有關在iOS應用程序中啟用深色模式的更多信息，請參閱教程：《如何為您的iOS應用啟用深色模式》(https://dzone.com/articles/how-to-customize-dark-mode-in-ios-app-with-ios-13)一文。

7.獨立于設備

隨著智能設備(特別是智能音箱和可穿戴設備)的興起，用戶能夠不再僅限于通過電腦的Web界面、以及移動設備來進行深度互動了。如今，那些擁有多個設備的用戶，更希望在不同介質(zhì)間無縫地進行切換。因此，當前的UI/UX設計趨勢將主要跟隨用戶賬號的使用軌跡，而不僅僅是基于某個設備。憑借著動態(tài)且具有強適應性的移動應用UI設計，用戶將能夠更加輕松地在自己的任何一臺智能設備上，流暢地執(zhí)行各項操作任務。

8.增強現(xiàn)實

您是否曾使用安裝有相關應用的智能眼鏡，去預判新的冰箱將在自己的廚房中如何擺放才更為美觀大方?您是否使用過帶有AR模式的 Google地圖?得益于增強現(xiàn)實(AR)技術，許多移動應用程序不但擁有了酷炫的服務功能，而且提供引人入勝的UI/UX效果。近兩年來，設計與創(chuàng)建增強現(xiàn)實類移動應用的成本和復雜度已大幅下降。而且在設計的過程中，我們可以輕松地將現(xiàn)有的增強現(xiàn)實接口與服務，集成到自己的移動應用之中。

9.微交互(Microinteractions)和動畫

微交互是以簡單動畫的形式增加用戶的參與度。此類動畫應當具有所有優(yōu)秀設計的共性。也就是說：微交互不但需要簡單易用，不會給用戶的操作造成不便;而且具有豐富且引人入勝的內(nèi)容。其中值得注意的是：那些貌似“刷存在感”的無限循環(huán)播放，以及刺耳的音樂聲音都會讓用戶產(chǎn)生不悅。我們在設計時應當盡量做到動畫效果的無縫過渡，并保持特定場景的可預測性。

10.可折疊手機的支持

可折疊手機是近幾年智能手機市場上的新貴。雖然用戶對于其工作原理和使用效果都充滿了期待，但是許多移動應用的設計師們卻對它抱有謹慎的態(tài)度。為了保證用戶的流暢操作和全新的使用體驗，UI設計人員應當在規(guī)劃中創(chuàng)建能夠與動態(tài)調(diào)整，以及多窗體相配合使用的應用。

總結

新技術的發(fā)展可謂日新月異，但是我們在移動應用的設計中，針對新技術的引入，并不一定能夠保證給最終用戶帶來絕佳的使用體驗。相反，某些匆忙上馬的新應用，不但無益于幫助用戶解決現(xiàn)實問題，而且會消減他們在使用過程中的耐心。因此，為了最大化移動應用的價值，我們在設計時既要緊跟發(fā)展趨勢的同時，又要充分考慮到用戶在不同使用場景下的體驗。

原文標題：Top 10 Mobile App UI/UX Design Trends to Look for in 2020，作者：Pradeep Makhija

【51CTO譯稿，合作站點轉載請注明原文譯者和出處為51CTO.com】