- 科技發(fā)展對APP設(shè)計趨勢產(chǎn)生的影響
- 2020 年移動應(yīng)用的設(shè)計趨勢
- 2020 年流行的移動UI風(fēng)格
- 結(jié)語
最佳的移動應(yīng)用設(shè)計是關(guān)于個性化的交流、友好的聲音和直觀的互動。換句話說,設(shè)計的目的就是不需要用戶想太多,而是關(guān)注情感、動機(jī)和需求。你想要創(chuàng)造一種技術(shù)先進(jìn)的產(chǎn)品來打動用戶的心嗎?那就不要錯過這篇文章。
在本文中,將跟大家介紹 20 個 2020 年移動應(yīng)用程序設(shè)計的最佳實踐,并了解它們?nèi)绾未龠M(jìn)銷售和留住用戶。
如今,每個人都被海量的信息所淹沒,所以創(chuàng)造吸引眼球的產(chǎn)品變得越來越難。此外,你的產(chǎn)品可能是很有價值,但如果很難使用,沒有人會浪費時間去用它。
簡單、以人為本的設(shè)計是持久客戶關(guān)系的關(guān)鍵。之前,擁有一個有吸引力和獨特的產(chǎn)品設(shè)計就足夠了。但情況已經(jīng)發(fā)生轉(zhuǎn)變,以用戶為中心的方法已完全取代以系統(tǒng)為中心的方法,成為 2020 年的發(fā)展趨勢。
現(xiàn)代設(shè)計應(yīng)該反映最新的技術(shù)創(chuàng)新,下面讓我們深入了解正在逐漸改變我們生活的主要技術(shù)的發(fā)展。
科技發(fā)展對APP設(shè)計趨勢產(chǎn)生的影響
UX/UI設(shè)計總是會應(yīng)用一些最新的技術(shù),這就是為什么使用最新的軟件和硬件設(shè)計是必要的。讓我們回顧一下現(xiàn)在最熱門的話題:
1) 4G到5G移動數(shù)據(jù)傳輸?shù)拇笠?guī)模過渡
5G時代已經(jīng)近在咫尺,預(yù)計將在 2020 年底正式到來。5G的最快速度將比4G快2. 7 倍,這將對設(shè)計產(chǎn)生巨大影響:讓人乏味的屏幕加載將不再相關(guān),詳細(xì)的數(shù)據(jù)可視化(以目前的速度是不可能的)將成為現(xiàn)實。
2)即時應(yīng)用越來越受歡迎
現(xiàn)在,人們不需要下載一個功能齊全的應(yīng)用程序從而使用某個工具。因此,UX/UI設(shè)計應(yīng)該適應(yīng)即時應(yīng)用,而不是設(shè)計一堆用戶不需要的功能。
3)物聯(lián)網(wǎng)應(yīng)用
根據(jù)全球統(tǒng)計,平均每人擁有6. 58 臺聯(lián)網(wǎng)設(shè)備。除了手機(jī)、平板電腦、智能手表,冰箱、安全攝像頭、智能燈也都是所謂物聯(lián)網(wǎng)的一小部分。當(dāng)然,家用電器和可穿戴設(shè)備的應(yīng)用有不同的用途,但它們都是 2020 年的大趨勢。
4)云解決方案
預(yù)計云解決方案在 2020 年APP中的集成將會增長。在云端運(yùn)行的APP將極大地節(jié)省我們設(shè)備的內(nèi)存。這對設(shè)計師和開發(fā)者有什么影響呢?云解決方案將降低開發(fā)成本,并允許將更多資源用于功能和用戶界面。
5)無密碼登錄
在登錄過程,在登錄框輸入密碼已經(jīng)過時。所有現(xiàn)代設(shè)備都使用FaceID或指紋認(rèn)證,因此用戶無需記住密碼,也無需中斷與APP的交互。這是向簡單、無間斷的UI又邁進(jìn)了一步。
2020 年移動應(yīng)用的設(shè)計趨勢
上面我們已經(jīng)解釋了技術(shù)是如何影響設(shè)計的變化,接著我們就來看看 2020 年APP設(shè)計的最佳實踐。
動畫和微交互成為沉浸式設(shè)計的一部分
動態(tài)和功能動畫是 2020 年移動APP設(shè)計的主流。好處包括:
動畫和微交互能吸引注意力,創(chuàng)造出恰如其分的氣氛,所以沒有必要添加凌亂的元素或額外的文字。
動畫效果使應(yīng)用程序更“活躍”,因為用戶參與到他們和應(yīng)用程序之間的雙向?qū)υ捴小<词故窍窀淖兓顒訅K的顏色、在滾動時改變標(biāo)題大小這樣的小動畫都可以改善用戶與應(yīng)用程序之間的交互。
個性化動畫是另一個趨勢,有助于產(chǎn)品和用戶之間建立聯(lián)系
在個性化動畫中,屏幕上的元素會根據(jù)用戶的行為變化。現(xiàn)代分析算法允許我們定義用戶的類型,區(qū)分需要詳細(xì)信息的用戶和那些只是閑逛的用戶。
為了能夠適應(yīng)設(shè)計和個性化,這里有許多策略-包括A/B測試,市場分析和客戶細(xì)分。但是面向用戶的UI的主要目標(biāo)是適應(yīng)客戶的需求,這取決于他們的痛點。
3D元素
正如上文提到的,新的數(shù)據(jù)傳輸速度為創(chuàng)建逼真的視覺形式提供了很多機(jī)會。吸引人的3D元素應(yīng)該做到:
讓你的產(chǎn)品充滿未來主義色彩
給用戶一個觀察、旋轉(zhuǎn)元素大小的機(jī)會,從而增加他們對產(chǎn)品的參與度和興趣
能比文本更快更好地傳達(dá)信息
此外,與3D模型的交互類似于離線體驗,讓用戶可以查看和觸摸產(chǎn)品。這樣的方法能喚起情緒并提高轉(zhuǎn)化。
設(shè)計和開發(fā)3D可視化的過程仍然有些麻煩。然而,在IT方面投入資源會有回報,因為帶有游戲化元素的獨特界面會讓你的產(chǎn)品在市場上更具競爭力。
全新的擬物化(Skeuomorphism)設(shè)計
除了產(chǎn)品的3D模型,我們不得不提到3D作為界面風(fēng)格的回歸。
擬物化是一種設(shè)計原則,軟件界面設(shè)計模仿實物紋理。在經(jīng)歷了無數(shù)的波折之后,擬物化又以Neumorphism的名字重生了。細(xì)節(jié)、陰影和燈光都增加了身臨其境的體驗,消除了用戶和APP之間的障礙。
講故事 (Storytelling)
講故事是一種以引人入勝、簡單和一致的方式與用戶互動的方式。理想情況下,這個故事是一個整合的敘述,包括插圖,動畫,文本,排版和流動。
什么是有效的UX故事?它是由簡短的文本、信息豐富的插圖和不間斷的UI 組成的單一故事。
當(dāng)用戶在購買過程中不得不采取各種行動時,那么講故事就不那么有效了。不間斷的UI是指與產(chǎn)品的順暢交互。具體操作如下:
在頁面上使用簡短通知,而不是彈出窗口和覆蓋
當(dāng)人們不得不提供個人信息(尤其是敏感信息)時,他們會感到不舒服,所以你的任務(wù)是確保用戶的信息安全可靠。
使用動態(tài)UI
現(xiàn)代設(shè)計幫助用戶在沒有任何使用障礙的情況下與APP進(jìn)行交互。讓人們有機(jī)會改變產(chǎn)品參數(shù),添加或刪除商品而無需返回幾個步驟。
VR和AR
VR 和 AR超出了游戲和娛樂APP范疇,這些元素現(xiàn)在已經(jīng)成為電子商務(wù)、健康監(jiān)控和美容APP的一部分。VR和AR給我們一種與產(chǎn)品聯(lián)系在一起的感覺,并幫助我們建立對產(chǎn)品的信任。AR也是一種能夠加速信息處理和目標(biāo)實現(xiàn)的沉浸式體驗。
VR和AR是剛剛開始進(jìn)入市場的新技術(shù)。如果你想給你的用戶留下深刻印象,并在競爭對手中脫穎而出,那么不要猶豫,讓它成為你設(shè)計的一部分。
極簡主義
據(jù)統(tǒng)計,人類的平均注意力時長從 2000 年的 12 秒下降到 2017 年的 8 秒。它還在繼續(xù)下降。現(xiàn)在,要吸引別人的注意力和傳達(dá)必要的信息比以往任何時候都要困難。這就是為什么極簡主義和簡單是兩個不會消失的UX/UI趨勢。
以下是如何讓你的APP更簡約的方法:
留白
留白是如今極簡主義的主要特征(行間距和信息塊之間更大的“空白”邊距就是這樣)。這樣的接口不包含很多元素,并且使解釋信息變得簡單。
隱藏的導(dǎo)航面板和欄
不僅把菜單類別隱藏在一個小圖標(biāo)下,而且通過滑動、多次點擊等方式在APP中導(dǎo)航,這已經(jīng)成為一種常見的做法。無按鈕解決方案的常見的案例有流動滑動,它提供了頁面和類別之間完全直觀的轉(zhuǎn)換。
具有動態(tài)UI的APP
具有動態(tài)UI的應(yīng)用程序會根據(jù)設(shè)備類型和其他外部條件改變它們的形式和外觀。這與動態(tài)UX相反,在動態(tài)UX中,界面的變化取決于交互的類型(而不是外觀)和用戶的行為(而不是外部條件)。動態(tài)的UI使APP在各種不同的設(shè)備上看起來完美,適應(yīng)寬屏手機(jī)、又或者是智能手表。
創(chuàng)建動態(tài)UI很簡單,可以包含多種設(shè)計方法。其中一種方法是使用基于卡片接口的自適應(yīng)卡片。
UI適應(yīng)性的另一個例子是在夜間自動切換到黑暗模式。暗模式的的替代方案是自定義暗模式和動態(tài)切換顏色選項。另一個裝飾性動態(tài)UI的例子是應(yīng)用程序元素上的陰影,它會根據(jù)手持設(shè)備的角度而改變。
語音交互
我們已經(jīng)習(xí)慣讓屏幕充當(dāng)物理世界和數(shù)字世界之間的媒介。但是這種情況會保持不變嗎?盡管無屏幕可穿戴設(shè)備越來越受歡迎,觸覺技術(shù)可能是未來的元素,但語音控制設(shè)備才是當(dāng)下的主流。
智能揚(yáng)聲器的出貨量穩(wěn)步增長,檢測和復(fù)制不同語言的技術(shù)也在增長。在不久的將來,語音接口將廣泛應(yīng)用于電子商務(wù)、流媒體服務(wù)和新聞應(yīng)用。幾年前流行起來的聊天機(jī)器人已經(jīng)把UI /UX變成了應(yīng)用程序和用戶之間的實時對話。隨著語音接口的普及,這種對話將達(dá)到一個全新的水平。
2020 年流行的移動UI風(fēng)格
2020 年視覺風(fēng)格的趨勢將集中在排版上。在前幾年,應(yīng)用程序大多使用簡單的無襯線字體。今年,老式的襯線字體又流行起來了。
并不意味著無襯線字體已經(jīng)成為過去。恰恰相反:它們將繼續(xù)被用來創(chuàng)造簡單易懂的文本。
然而,如果你想要擁有吸引眼球的標(biāo)題,那么就需要使用襯線字體。不同字體的組合可以更好地組織文本,并從長信息會中突出短信息塊。此外,老式字體會吸引用戶的注意,引導(dǎo)他們快速向下滾動頁面。
2020 年將越來越受歡迎的其他視覺元素還包括:
1)柔和的漸變
Web Gradients 是一個設(shè)計師們經(jīng)常需要用到的UI背景漸變顏色組合。在 2020 年,使用柔和的色調(diào)、平滑的過渡和更多變化的顏色將成為時尚。設(shè)計師通常使用 2 到 4 種主要顏色。
2)半透明
半半透明的顏色浸透了明亮的元素,允許你在沒有任何額外負(fù)載的情況下挑選出不同的視覺塊。
3)圓形
有機(jī),柔和,不對稱的線條喚起舒適和安全的感覺。它們在讓人們感到有壓力相關(guān)的產(chǎn)品(如金融、電子商務(wù)、房地產(chǎn)和建筑)特別的有益。
4)明亮的霓虹燈色彩
紫色、粉色、藍(lán)色和綠色的未來色調(diào)為產(chǎn)品增添了進(jìn)步和新奇感。
2020 年手機(jī)APP設(shè)計小貼士
使其能夠響應(yīng)并適應(yīng)可穿戴設(shè)備
使用動畫和微互動。讓設(shè)計與用戶互動。
優(yōu)雅地使用新態(tài)和襯線字體。
利用更快的移動速度制作3D圖形
添加語音界面
增加個性化選項
往 VR and AR方向發(fā)展
創(chuàng)建一個不間斷的界面
結(jié)語
總而言之,今天的移動APP設(shè)計趨勢是圍繞著客戶和尋找最佳的用戶導(dǎo)向的解決方案。不要盲目地追逐潮流,而是要找出最適合你的業(yè)務(wù)和目標(biāo)受眾的有效方法。當(dāng)你把客戶放在你的設(shè)計策略的中心,就會贏得信任,并對自己產(chǎn)品更有信心。
每天一篇超實用創(chuàng)業(yè)案例,掃碼關(guān)注【站長視界】↓↓↓
注:文章編譯自uxplanet,原文標(biāo)題《Best Practices in Mobile App Design in 2020》。