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

[[314288]]

1.無(wú)鍵(Buttonless)設(shè)計(jì)

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

2.語(yǔ)音驅(qū)動(dòng)(Voice Powered)的設(shè)計(jì)

如今，語(yǔ)音交互已經(jīng)頻繁地出現(xiàn)在我們的生活中。2018年Google發(fā)布了Duple產(chǎn)品。它能夠?qū)⒆匀徽Z(yǔ)言處理、深度學(xué)習(xí)、自動(dòng)化、以及文本轉(zhuǎn)語(yǔ)音(text-to-speech)結(jié)合在一起。

那么當(dāng)我們進(jìn)行人工智能或機(jī)器學(xué)習(xí)的相關(guān)應(yīng)用開(kāi)發(fā)時(shí)，UI設(shè)計(jì)人員必須考慮到用戶(hù)的真實(shí)需求，以及可能的技術(shù)約束。通過(guò)同時(shí)提供文本和語(yǔ)音兩種輸入方式，您所設(shè)計(jì)出的移動(dòng)應(yīng)用將能夠方便不同的用戶(hù)在不同的場(chǎng)景下自由地切換與使用。

3.漸變(Gradients)2.0

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

4.底部導(dǎo)航

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

顯而易見(jiàn)，隨著設(shè)備尺寸的不斷變化，我們使用設(shè)備的方式也必須與時(shí)俱進(jìn)。由于用戶(hù)的手指很難輕易地到達(dá)屏幕頂部，因此許多移動(dòng)應(yīng)用程序已將導(dǎo)航欄放置到了屏幕底部?？梢?jiàn)，只有注意到此方面的細(xì)微區(qū)別，移動(dòng)應(yīng)用程序的UI/UX設(shè)計(jì)人員才能創(chuàng)建出更好的導(dǎo)航流程，讓用戶(hù)去樂(lè)意體驗(yàn)并持續(xù)使用。

5.無(wú)需密碼

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

6.夜間深色主題

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

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

7.獨(dú)立于設(shè)備

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

8.增強(qiáng)現(xiàn)實(shí)

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

9.微交互(Microinteractions)和動(dòng)畫(huà)

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

10.可折疊手機(jī)的支持

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

總結(jié)

新技術(shù)的發(fā)展可謂日新月異，但是我們?cè)谝苿?dòng)應(yīng)用的設(shè)計(jì)中，針對(duì)新技術(shù)的引入，并不一定能夠保證給最終用戶(hù)帶來(lái)絕佳的使用體驗(yàn)。相反，某些匆忙上馬的新應(yīng)用，不但無(wú)益于幫助用戶(hù)解決現(xiàn)實(shí)問(wèn)題，而且會(huì)消減他們?cè)谑褂眠^(guò)程中的耐心。因此，為了最大化移動(dòng)應(yīng)用的價(jià)值，我們?cè)谠O(shè)計(jì)時(shí)既要緊跟發(fā)展趨勢(shì)的同時(shí)，又要充分考慮到用戶(hù)在不同使用場(chǎng)景下的體驗(yàn)。

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

【51CTO譯稿，合作站點(diǎn)轉(zhuǎn)載請(qǐng)注明原文譯者和出處為51CTO.com】