石家莊高端定制網(wǎng)站建設(shè)公司  2019年的移動設(shè)計趨勢

 

移動設(shè)計趨勢： 

用戶體驗的格局正在不斷變化-新的進(jìn)步一直在出現(xiàn)。移動設(shè)計是數(shù)字產(chǎn)品設(shè)計領(lǐng)域中變化最大的行業(yè)之一，它影響了數(shù)字設(shè)計的許多其他領(lǐng)域并改變了我們周圍的世界。 

 

一年前，我們發(fā)布了《移動設(shè)計十大趨勢》，預(yù)測了2018年的趨勢。2019年上半年已經(jīng)過去，我們將再次關(guān)注移動設(shè)計趨勢在過去一年中的變化。以下是對移動用戶體驗設(shè)計產(chǎn)生重大影響的14種趨勢，有助于降低  跳出率并增加移動設(shè)備上的轉(zhuǎn)化率。

 

模板圖標(biāo)

增長第3卷：建立有利可圖的Web設(shè)計業(yè)務(wù)

 

將您的《成長第3卷：建立有利可圖的Web設(shè)計業(yè)務(wù)》的免費副本發(fā)送到您的收件箱。

 

電子郵件

 

輸入您的電子郵件地址

輸入您的電子郵件-我們還將向您發(fā)送與Shopify相關(guān)的營銷電子郵件。您可以隨時取消訂閱。注意：該指南不會發(fā)送到基于角色的電子郵件，例如info @，developer @等。

 

我們的虛擬齒輪正在轉(zhuǎn)動。

請注意，

我們的電子郵件最多可能需要15分鐘

才能到達(dá)您的收件箱。

了解如何通過撰寫出色的設(shè)計簡介來優(yōu)化設(shè)計流程。

 

1.無紐扣設(shè)計

現(xiàn)代移動設(shè)備無邊框-它們不再在正面具有物理按鈕，而是全屏顯示。設(shè)備制造商正在釋放屏幕空間，從而允許產(chǎn)品設(shè)計師在屏幕上提供更多信息。

 

移動設(shè)計趨勢：無按鈕設(shè)計

更少的鉻意味著更多的內(nèi)容空間。iPhone X標(biāo)志著無邊框手機(jī)時代的開始。

這種趨勢也影響了產(chǎn)品設(shè)計師創(chuàng)建移動應(yīng)用程序的方式，因為他們現(xiàn)在正在努力創(chuàng)建無按鈕設(shè)計。在無按鈕設(shè)計中，數(shù)字按鈕被手勢代替，將內(nèi)容置于用戶注意的中心。

 

移動設(shè)計趨勢：入職

MasterClass入職。圖片：Pontus Wellgraf。

除了好處之外，基于手勢的交互還具有內(nèi)在的風(fēng)險-由于隱藏了手勢，因此對于用戶而言，交互可能不直觀。設(shè)計行業(yè)仍在為手勢創(chuàng)建共享語言。隨著更多手勢的出現(xiàn)，各種移動應(yīng)用將采用它們。無按鈕UI是虛擬界面完全依賴手勢的未來必不可少的步驟。

 

您可能還會喜歡：可能 毀掉移動用戶體驗的15個神話。

 

2.底部導(dǎo)航2.0

最初的iPhone具有3.5英寸的屏幕。2018年的iPhone XS屏幕為6.1英寸。小屏幕手機(jī)的時代已經(jīng)一去不復(fù)返了。具有大顯示屏的現(xiàn)代手機(jī)可以在屏幕上顯示更多內(nèi)容，并且更適合多任務(wù)處理。但更大的顯示屏?xí)韽?fù)雜的問題：大屏幕將設(shè)計的互動元素與拇指的自然運動距離更遠(yuǎn)。隨著越來越難以到達(dá)屏幕頂部，越來越多的應(yīng)用程序?qū)㈥P(guān)鍵導(dǎo)航元素置于底部。因此，底部導(dǎo)航欄已成為移動開發(fā)人員的行業(yè)標(biāo)準(zhǔn)，可幫助用戶一鍵訪問應(yīng)用程序的核心功能。

 

移動設(shè)計趨勢：底部導(dǎo)航

iOS的Twitter應(yīng)用程序使用底部導(dǎo)航。

在2019年，移動應(yīng)用程序設(shè)計師繼續(xù)重視手機(jī)屏幕的下半部分，但采用更具創(chuàng)意的導(dǎo)航方法。例如，某些移動應(yīng)用程序現(xiàn)在不再使用底部標(biāo)簽欄，而是使用底部表格的概念，即用戶在屏幕底部看到帶有一些選項的表格，并依靠向上滑動手勢來顯示更多選項。 

 

底片是一個通用的概念，可以在許多不同的情況下使用。它們可以很好地替代底部導(dǎo)航欄：

 

移動設(shè)計趨勢：底頁導(dǎo)航

底頁導(dǎo)航。圖片：Ghani Pradita。

或作為底部導(dǎo)航欄的伴奏：

 

移動設(shè)計趨勢：底頁

Yelp用戶可以向上滑動底部表格以查看位置。

使用卡作為導(dǎo)航元素是另一種有趣的技術(shù)。每個選項均以卡的形式提供，用戶可以向右或向左滑動以顯示更多選項。 

 

手機(jī)設(shè)計趨勢：卡導(dǎo)航

卡非常適合在移動應(yīng)用中組織信息。它們允許對不同類型的數(shù)據(jù)（照片，文本，等級等）進(jìn)行分組，使信息看起來像一個對象的一部分。圖片：Daniel Prokopiuk。

如果您正在閱讀以開始設(shè)計，請查看我們的文章，了解原型  和快速原型  將如何幫助該過程（并查看一些出色的原型工具）。

 

3.更好的個性化

“千篇一律”的思想不適用于2019年的移動用戶。品牌正在尋找微調(diào)用戶體驗的方法，個性化的體驗已從“從必備到必備”迅速轉(zhuǎn)變?yōu)?ldquo;必備”。

 

隨著機(jī)器學(xué)習(xí)和人工智能的興起，使用戶體驗變得更加個性化變得越來越容易。以SoundCloud為例。該服務(wù)利用數(shù)據(jù)分析和AI來建議您可能喜歡的歌曲。

 

移動設(shè)計趨勢：Soundcloud定制

SoundCloud會根據(jù)他們過去的活動來定制交付給用戶的內(nèi)容。

良好的個性化是對您收集的用戶數(shù)據(jù)使用正確策略的結(jié)果。流行的個性化策略列表包括地理位置，地理圍欄，行為分析，SIC / NAICS代碼和機(jī)器學(xué)習(xí)。必須根據(jù)您的受眾以及它們與產(chǎn)品的交互方式來選擇策略。 

 

簡而言之，可以依靠兩個基本指標(biāo)（訪問者數(shù)量和會話時間）來找到與您的用戶行為相關(guān)的策略。例如，如果您有大量在平臺上花費大量時間的用戶，則可以使用機(jī)器學(xué)習(xí)來提供有用的個性化產(chǎn)品推薦。

 

移動設(shè)計趨勢：個性化方法

流行的個性化策略。圖片：Colin Eagan。

您可能還會喜歡： 增強(qiáng)AI的營銷人員：人工智能如何幫助您和您的客戶增加銷售額。

 

4.圓角

圓角是現(xiàn)代移動設(shè)備中出現(xiàn)的另一種趨勢。iOS和Android旗艦店都有各自的特色-看看iPhone XS或三星Galaxy S10，您會發(fā)現(xiàn)它。

 

手機(jī)設(shè)計趨勢：三星

三星Galaxy S10。

UI設(shè)計中反映了物理設(shè)備的彎角。結(jié)果，移動網(wǎng)站和應(yīng)用程序具有相同的外觀。

 

移動設(shè)計趨勢：圓角

Google.com上的所有內(nèi)容容器都有圓角。

與許多其他視覺趨勢不同，這種趨勢并非純粹是美學(xué)的。它也對用戶體驗產(chǎn)生積極影響。圓角在人眼上更容易使信息更容易處理。

 

如果您正在尋找其他方式來積極影響您的移動用戶的用戶體驗，請參閱我們有關(guān)移動徽標(biāo)圖像的教程。

 

5.無密碼體驗

使用密碼會給用戶交互帶來很多摩擦。每次我們注冊一項新服務(wù)時，我們都必須花時間創(chuàng)建一個易于忘記的新密碼。根據(jù)一項研究，37％的人每周至少忘記一次密碼。

 

幸運的是，一些無密碼登錄方法可供移動應(yīng)用程序開發(fā)人員使用。無密碼登錄可以采用生物身份驗證的形式（指紋或面部識別功能）：

 

移動設(shè)計趨勢：生物識別

默認(rèn)情況下，許多移動應(yīng)用程序都提供生物識別安全性。圖片：特易購銀行。

一次性臨時密碼：

 

手機(jī)設(shè)計趨勢：臨時密碼

eBay使用臨時密碼已有幾年了。

或登錄鏈接：

 

移動設(shè)計趨勢：登錄密碼

Medium是最早采用無密碼登錄機(jī)制的公司之一。當(dāng)您嘗試使用您的電子郵件地址登錄帳戶時，從中級獲得的電子郵件示例。

隨著新產(chǎn)品和數(shù)字服務(wù)的興起，無密碼身份驗證方法是解決密碼問題的唯一正確方法。這種方法不僅使用戶更輕松，而且更安全-例如，臨時的一次性密碼機(jī)制還可以驗證用戶的聯(lián)系方式，例如其手機(jī)號碼。

 

您可能還會喜歡： 在電子商務(wù)網(wǎng)站和應(yīng)用程序上建立信任的10種方法。

 

6.高級動畫

功能動畫是良好用戶體驗的基本要素。運動和動畫過渡傳達(dá)了很多信息，它們可以確認(rèn)動作，描述狀態(tài)變化并為交互增加節(jié)奏。

 

隨著移動設(shè)備變得越來越快，功能越來越強(qiáng)大，移動設(shè)計師可以創(chuàng)建越來越高級的動畫。動畫不再只是為了填補(bǔ)不同狀態(tài)之間的空白（也稱為中間）；這也是品牌推廣的一部分。 

 

Motion可幫助您講述有關(guān)您的產(chǎn)品和品牌的獨特故事。動畫通過創(chuàng)建類似電影的場景（信息在幀之間變化）來幫助用戶增添趣味。

 

移動設(shè)計趨勢：旅行體驗

旅行經(jīng)驗。圖片：Gleb Kuznetsov。

7. 3D和人造3D設(shè)計

雖然在移動應(yīng)用程序中使用3D對象本身并不是什么新趨勢，但很長一段時間以來僅在游戲和娛樂中使用。隨著設(shè)備處理能力的提高，我們在常規(guī)功能性移動應(yīng)用中出現(xiàn)了3D對象。通過在移動體驗中引入3D對象和偽3D對象，您可以將真實感添加到移動交互中。

 

移動設(shè)計趨勢：3D

3D對象可幫助設(shè)計人員模糊數(shù)字體驗與現(xiàn)實體驗之間的界限。這是聯(lián)網(wǎng)汽車體驗的一個例子。圖片：Gleb Kuznetsov。

8.漸變2.0

現(xiàn)代手機(jī)屏幕具有出色的色彩再現(xiàn)性，設(shè)計人員積極地正確使用了這種顏色。這就是為什么在2019年我們看到更少的灰度和單調(diào)顏色，而看到更鮮艷的顏色和明亮的漸變的原因。傳統(tǒng)上，明亮的顏色被用作強(qiáng)調(diào)，但是漸變2.0有所不同-現(xiàn)在明亮的漸變被用作背景顏色，為UI帶來了深度和尺寸。

 

當(dāng)涉及樣式時，新的漸變是微妙而簡單的。它們具有清晰的光源，并使用鮮艷的色彩創(chuàng)建。這有助于產(chǎn)生溫暖的效果并促進(jìn)積極性。 

 

手機(jī)設(shè)計趨勢：大膽

數(shù)字設(shè)計越來越大膽，更加豐富多彩。圖片：Ghani Pradita。

9.插圖的興起

如何創(chuàng)建真正令人難忘的體驗是許多產(chǎn)品設(shè)計師在處理產(chǎn)品時會問自己的一個問題。公司正迅速從中性設(shè)計轉(zhuǎn)向具有情感影響力的設(shè)計。在2019年，產(chǎn)品設(shè)計師嘗試各種插圖風(fēng)格，以嘗試創(chuàng)建可以與用戶進(jìn)行更深層次聯(lián)系的產(chǎn)品。

 

10.設(shè)計系統(tǒng)

在2019年，更多的團(tuán)隊將開始采用系統(tǒng)的設(shè)計方法。盡管設(shè)計系統(tǒng)不是專門針對移動設(shè)計的趨勢，但它們對移動設(shè)計有重大影響。借助設(shè)計系統(tǒng)，產(chǎn)品團(tuán)隊可以減少重復(fù)的工作，甚至更為關(guān)鍵的是，可以在其設(shè)計的所有平臺上實現(xiàn)一致性。

 

手機(jī)設(shè)計趨勢：設(shè)計系統(tǒng)

設(shè)計系統(tǒng)。圖片：賈斯汀·雷納（Justin Reyna）。

11.透明度和安全性

安全和數(shù)據(jù)保護(hù)在當(dāng)今至關(guān)重要。人們想知道如何使用他們的數(shù)據(jù)。公司應(yīng)為使用個人信息制定明確的規(guī)則，并且應(yīng)始終遵循這些規(guī)則（否則，他們面臨面臨信任問題的風(fēng)險）。

 

手機(jī)設(shè)計趨勢：隱私

Facebook和數(shù)據(jù)隱私問題。圖片：Jeremy Burge。

產(chǎn)品創(chuàng)建者還應(yīng)該投資保護(hù)用戶數(shù)據(jù)。當(dāng)然，這不能保證公司不會面臨數(shù)據(jù)安全問題。但是，即使發(fā)生數(shù)據(jù)安全事件，公司也應(yīng)努力提高透明度。 

 

移動設(shè)計趨勢：flipboard

Flipboard和透明度。

12.更好的語音交互

語音交互不是未來。他們已經(jīng)在這里，語音將在2019年繼續(xù)變得更加流行。語音交互正在緩慢但從根本上改變了人們與界面的交互方式-用戶不再依賴于單擊或點擊，而是穩(wěn)定地?fù)肀馓岱绞?。做他們的日常任?wù)。越來越多的設(shè)計師正在掌握語音用戶界面設(shè)計的技巧，并創(chuàng)建真正的對話UI（利用人類對話的界面）。

 

在進(jìn)行語音設(shè)計時，設(shè)計師必須同時考慮用戶的需求和技術(shù)限制。在2019年，產(chǎn)品設(shè)計師意識到在很多情況下僅靠聲音是行不通的。將語音技術(shù)與打字結(jié)合起來會更好。這使用戶有更大的自由選擇最方便的媒體。

 

手機(jī)設(shè)計趨勢：語音輸入

將語音和文本輸入配對在一起。圖片：Ramotion。

在2019年，我們還將看到不同服務(wù)之間的更好集成。一個很好的例子是Siri與Uber的集成。用戶只需要說“請給我一個Uber回家”。Siri知道您的家在哪里，并自動將該地址提供給Uber，從而減少了訂購乘車所需的手動步驟。

 

手機(jī)設(shè)計趨勢：siri

嘿Siri，請預(yù)定我一程。圖片：Apple。

您可能還會喜歡： 設(shè)計語音搜索。

 

13.黑暗的主題

深色主題是光線昏暗的用戶界面，大部分顯示深色表面。深色主題為用戶帶來了兩個明顯的好處：通過將屏幕的亮度調(diào)整為當(dāng)前的照明條件，有助于減輕眼睛疲勞；通過減少像素的使用，可以節(jié)省電池電量。

 

手機(jī)設(shè)計趨勢：黑暗主題

移動應(yīng)用中的黑暗主題。圖片：Ramotion。

黑暗主題將保留下來，而且只會變得更好。從Apple iOS 13開始，所有本機(jī)iOS應(yīng)用程序和小部件將同時支持亮模式和暗模式。一種新的深色方案可在整個系統(tǒng)范圍內(nèi)使用；可以將黑暗模式安排為在日落或特定時間自動打開。

 

手機(jī)設(shè)計趨勢：黑暗

在黑暗模式下的主屏幕。Apple Mail中的暗模式。圖片：蘋果。

Google更新了其Material Design指南，其中包含有關(guān)如何為您的應(yīng)用程序設(shè)計深色主題的實用建議。

 

14.設(shè)備不可知的經(jīng)驗

到2020年，全球每人將有大約6.58個網(wǎng)絡(luò)連接設(shè)備。智能設(shè)備（如可穿戴設(shè)備和啟用語音的設(shè)備）的數(shù)量不斷增加，將影響人們訪問信息的方式-用戶希望能夠輕松地從一種設(shè)備切換到另一種設(shè)備，以繼續(xù)他們的用戶旅程。僅僅考慮臺式機(jī)和移動設(shè)備類別已經(jīng)不夠了。在2019年，設(shè)計師將需要從整體上考慮用戶旅程，而不僅僅是考慮使用哪種設(shè)備。

 

與設(shè)備無關(guān)的設(shè)計著重于創(chuàng)建用戶歷程，使用戶能夠穿越不同的接觸點（無論是臺式機(jī)，移動電話，智能揚聲器還是可穿戴設(shè)備），并通過每個接觸點獲得流暢的用戶體驗。

 

良好的設(shè)備不可知設(shè)計是動態(tài)的和適應(yīng)性強(qiáng)的。想象一下，您正在預(yù)訂飛往其他城市的航班。您可以使用移動設(shè)備開始一段旅程：

 

手機(jī)設(shè)計趨勢：航班

使用移動設(shè)備預(yù)訂航班。圖片：Gleb Kuznetsov。

您可以使用語音跟蹤航班狀態(tài)：“好吧，谷歌，告訴我我飛往洛杉磯的航班。” 辦理登機(jī)手續(xù)后，您的登機(jī)牌就會貼在手腕上。

 

手機(jī)設(shè)計趨勢：登機(jī)牌

Apple Watch的登機(jī)證。圖片：Melody Sabouri。

體驗隨設(shè)備而變化。

 

模板圖標(biāo)

增長第3卷：建立有利可圖的Web設(shè)計業(yè)務(wù)

 

將您的《成長第3卷：建立有利可圖的Web設(shè)計業(yè)務(wù)》的免費副本發(fā)送到您的收件箱。

 

電子郵件

 

輸入您的電子郵件地址

輸入您的電子郵件-我們還將向您發(fā)送與Shopify相關(guān)的營銷電子郵件。您可以隨時取消訂閱。注意：該指南不會發(fā)送到基于角色的電子郵件，例如info @，developer @等。

 

我們的虛擬齒輪正在轉(zhuǎn)動。

請注意，

我們的電子郵件最多可能需要15分鐘

才能到達(dá)您的收件箱。

以用戶為中心的設(shè)計是我們的首要任務(wù)

在我們擁有所有新趨勢的同時，重要的是要記住，設(shè)計師的使命應(yīng)始終保持不變：使用新技術(shù)和方法來改善人們的生活。每次評估特定趨勢時，都應(yīng)在它為用戶提供的價值的背景下加以思考，以建立最佳的體驗。