移動(dòng)設(shè)計(jì)趨勢(shì):
用戶體驗(yàn)的格局正在不斷變化-新的進(jìn)步一直在出現(xiàn)。移動(dòng)設(shè)計(jì)是數(shù)字產(chǎn)品設(shè)計(jì)領(lǐng)域中變化大的行業(yè)之一,它影響了數(shù)字設(shè)計(jì)的許多其他領(lǐng)域并改變了我們周圍的世界。
一年前,我們發(fā)布了《移動(dòng)設(shè)計(jì)十大趨勢(shì)》,預(yù)測(cè)了2018年的趨勢(shì)。2019年上半年已經(jīng)過(guò)去,我們將再次關(guān)注移動(dòng)設(shè)計(jì)趨勢(shì)在過(guò)去一年中的變化。以下是對(duì)移動(dòng)用戶體驗(yàn)設(shè)計(jì)產(chǎn)生重大影響的14種趨勢(shì),有助于降低 跳出率并增加移動(dòng)設(shè)備上的轉(zhuǎn)化率。
模板圖標(biāo)
增長(zhǎng)第3卷:建立有利可圖的Web設(shè)計(jì)業(yè)務(wù)
將您的《成長(zhǎng)第3卷:建立有利可圖的Web設(shè)計(jì)業(yè)務(wù)》的免費(fèi)副本發(fā)送到您的收件箱。
電子郵件
輸入您的電子郵件地址
輸入您的電子郵件-我們還將向您發(fā)送與Shopify相關(guān)的營(yíng)銷電子郵件。您可以隨時(shí)取消訂閱。注意:該指南不會(huì)發(fā)送到基于角色的電子郵件,例如info @,developer @等。
我們的虛擬齒輪正在轉(zhuǎn)動(dòng)。
請(qǐng)注意,
我們的電子郵件最多可能需要15分鐘
才能到達(dá)您的收件箱。
了解如何通過(guò)撰寫出色的設(shè)計(jì)簡(jiǎn)介來(lái)優(yōu)化設(shè)計(jì)流程。
1.無(wú)紐扣設(shè)計(jì)
現(xiàn)代移動(dòng)設(shè)備無(wú)邊框-它們不再在正面具有物理按鈕,而是全屏顯示。設(shè)備制造商正在釋放屏幕空間,從而允許產(chǎn)品設(shè)計(jì)師在屏幕上提供更多信息。
移動(dòng)設(shè)計(jì)趨勢(shì):無(wú)按鈕設(shè)計(jì)
更少的鉻意味著更多的內(nèi)容空間。iPhone X標(biāo)志著無(wú)邊框手機(jī)時(shí)代的開(kāi)始。
這種趨勢(shì)也影響了產(chǎn)品設(shè)計(jì)師創(chuàng)建移動(dòng)應(yīng)用程序的方式,因?yàn)樗麄儸F(xiàn)在正在努力創(chuàng)建無(wú)按鈕設(shè)計(jì)。在無(wú)按鈕設(shè)計(jì)中,數(shù)字按鈕被手勢(shì)代替,將內(nèi)容置于用戶注意的中心。
移動(dòng)設(shè)計(jì)趨勢(shì):入職
MasterClass入職。圖片:Pontus Wellgraf。
除了好處之外,基于手勢(shì)的交互還具有內(nèi)在的風(fēng)險(xiǎn)-由于隱藏了手勢(shì),因此對(duì)于用戶而言,交互可能不直觀。設(shè)計(jì)行業(yè)仍在為手勢(shì)創(chuàng)建共享語(yǔ)言。隨著更多手勢(shì)的出現(xiàn),各種移動(dòng)應(yīng)用將采用它們。無(wú)按鈕UI是虛擬界面完全依賴手勢(shì)的未來(lái)必不可少的步驟。
您可能還會(huì)喜歡:可能 毀掉移動(dòng)用戶體驗(yàn)的15個(gè)神話。
2.底部導(dǎo)航2.0
最初的iPhone具有3.5英寸的屏幕。2018年的iPhone XS屏幕為6.1英寸。小屏幕手機(jī)的時(shí)代已經(jīng)一去不復(fù)返了。具有大顯示屏的現(xiàn)代手機(jī)可以在屏幕上顯示更多內(nèi)容,并且更適合多任務(wù)處理。但更大的顯示屏?xí)?lái)復(fù)雜的問(wèn)題:大屏幕將設(shè)計(jì)的互動(dòng)元素與拇指的自然運(yùn)動(dòng)距離更遠(yuǎn)。隨著越來(lái)越難以到達(dá)屏幕頂部,越來(lái)越多的應(yīng)用程序?qū)㈥P(guān)鍵導(dǎo)航元素置于底部。因此,底部導(dǎo)航欄已成為移動(dòng)開(kāi)發(fā)人員的行業(yè)標(biāo)準(zhǔn),可幫助用戶一鍵訪問(wèn)應(yīng)用程序的核心功能。
移動(dòng)設(shè)計(jì)趨勢(shì):底部導(dǎo)航
iOS的Twitter應(yīng)用程序使用底部導(dǎo)航。
在2019年,移動(dòng)應(yīng)用程序設(shè)計(jì)師繼續(xù)重視手機(jī)屏幕的下半部分,但采用更具創(chuàng)意的導(dǎo)航方法。例如,某些移動(dòng)應(yīng)用程序現(xiàn)在不再使用底部標(biāo)簽欄,而是使用底部表格的概念,即用戶在屏幕底部看到帶有一些選項(xiàng)的表格,并依靠向上滑動(dòng)手勢(shì)來(lái)顯示更多選項(xiàng)。
底片是一個(gè)通用的概念,可以在許多不同的情況下使用。它們可以很好地替代底部導(dǎo)航欄:
移動(dòng)設(shè)計(jì)趨勢(shì):底頁(yè)導(dǎo)航
底頁(yè)導(dǎo)航。圖片:Ghani Pradita。
或作為底部導(dǎo)航欄的伴奏:
移動(dòng)設(shè)計(jì)趨勢(shì):底頁(yè)
Yelp用戶可以向上滑動(dòng)底部表格以查看位置。
使用卡作為導(dǎo)航元素是另一種有趣的技術(shù)。每個(gè)選項(xiàng)均以卡的形式提供,用戶可以向右或向左滑動(dòng)以顯示更多選項(xiàng)。
手機(jī)設(shè)計(jì)趨勢(shì):卡導(dǎo)航
卡非常適合在移動(dòng)應(yīng)用中組織信息。它們?cè)试S對(duì)不同類型的數(shù)據(jù)(照片,文本,等級(jí)等)進(jìn)行分組,使信息看起來(lái)像一個(gè)對(duì)象的一部分。圖片:Daniel Prokopiuk。
如果您正在閱讀以開(kāi)始設(shè)計(jì),請(qǐng)查看我們的文章,了解原型 和快速原型 將如何幫助該過(guò)程(并查看一些出色的原型工具)。
3.更好的個(gè)性化
“千篇一律”的思想不適用于2019年的移動(dòng)用戶。品牌正在尋找微調(diào)用戶體驗(yàn)的方法,個(gè)性化的體驗(yàn)已從“從必備到必備”迅速轉(zhuǎn)變?yōu)?ldquo;必備”。
隨著機(jī)器學(xué)習(xí)和人工智能的興起,使用戶體驗(yàn)變得更加個(gè)性化變得越來(lái)越容易。以SoundCloud為例。該服務(wù)利用數(shù)據(jù)分析和AI來(lái)建議您可能喜歡的歌曲。
移動(dòng)設(shè)計(jì)趨勢(shì):Soundcloud定制
SoundCloud會(huì)根據(jù)他們過(guò)去的活動(dòng)來(lái)定制交付給用戶的內(nèi)容。
良好的個(gè)性化是對(duì)您收集的用戶數(shù)據(jù)使用正確策略的結(jié)果。流行的個(gè)性化策略列表包括地理位置,地理圍欄,行為分析,SIC / NAICS代碼和機(jī)器學(xué)習(xí)。必須根據(jù)您的受眾以及它們與產(chǎn)品的交互方式來(lái)選擇策略。
簡(jiǎn)而言之,可以依靠?jī)蓚€(gè)基本指標(biāo)(訪問(wèn)者數(shù)量和會(huì)話時(shí)間)來(lái)找到與您的用戶行為相關(guān)的策略。例如,如果您有大量在平臺(tái)上花費(fèi)大量時(shí)間的用戶,則可以使用機(jī)器學(xué)習(xí)來(lái)提供有用的個(gè)性化產(chǎn)品推薦。
移動(dòng)設(shè)計(jì)趨勢(shì):個(gè)性化方法
流行的個(gè)性化策略。圖片:Colin Eagan。
您可能還會(huì)喜歡: 增強(qiáng)AI的營(yíng)銷人員:人工智能如何幫助您和您的客戶增加銷售額。
4.圓角
圓角是現(xiàn)代移動(dòng)設(shè)備中出現(xiàn)的另一種趨勢(shì)。iOS和Android旗艦店都有各自的特色-看看iPhone XS或三星Galaxy S10,您會(huì)發(fā)現(xiàn)它。
手機(jī)設(shè)計(jì)趨勢(shì):三星
三星Galaxy S10。
UI設(shè)計(jì)中反映了物理設(shè)備的彎角。結(jié)果,移動(dòng)網(wǎng)站和應(yīng)用程序具有相同的外觀。
移動(dòng)設(shè)計(jì)趨勢(shì):圓角
Google.com上的所有內(nèi)容容器都有圓角。
與許多其他視覺(jué)趨勢(shì)不同,這種趨勢(shì)并非純粹是美學(xué)的。它也對(duì)用戶體驗(yàn)產(chǎn)生積極影響。圓角在人眼上更容易使信息更容易處理。
如果您正在尋找其他方式來(lái)積極影響您的移動(dòng)用戶的用戶體驗(yàn),請(qǐng)參閱我們有關(guān)移動(dòng)徽標(biāo)圖像的教程。
5.無(wú)密碼體驗(yàn)
使用密碼會(huì)給用戶交互帶來(lái)很多摩擦。每次我們注冊(cè)一項(xiàng)新服務(wù)時(shí),我們都必須花時(shí)間創(chuàng)建一個(gè)易于忘記的新密碼。根據(jù)一項(xiàng)研究,37%的人每周至少忘記一次密碼。
幸運(yùn)的是,一些無(wú)密碼登錄方法可供移動(dòng)應(yīng)用程序開(kāi)發(fā)人員使用。無(wú)密碼登錄可以采用生物身份驗(yàn)證的形式(指紋或面部識(shí)別功能):
移動(dòng)設(shè)計(jì)趨勢(shì):生物識(shí)別
默認(rèn)情況下,許多移動(dòng)應(yīng)用程序都提供生物識(shí)別安全性。圖片:特易購(gòu)銀行。
一次性臨時(shí)密碼:
手機(jī)設(shè)計(jì)趨勢(shì):臨時(shí)密碼
eBay使用臨時(shí)密碼已有幾年了。
或登錄鏈接:
移動(dòng)設(shè)計(jì)趨勢(shì):登錄密碼
Medium是最早采用無(wú)密碼登錄機(jī)制的公司之一。當(dāng)您嘗試使用您的電子郵件地址登錄帳戶時(shí),從中級(jí)獲得的電子郵件示例。
隨著新產(chǎn)品和數(shù)字服務(wù)的興起,無(wú)密碼身份驗(yàn)證方法是解決密碼問(wèn)題的正確方法。這種方法不僅使用戶更輕松,而且更安全-例如,臨時(shí)的一次性密碼機(jī)制還可以驗(yàn)證用戶的聯(lián)系方式,例如其手機(jī)號(hào)碼。
您可能還會(huì)喜歡: 在電子商務(wù)網(wǎng)站和應(yīng)用程序上建立信任的10種方法。
6.高級(jí)動(dòng)畫
功能動(dòng)畫是良好用戶體驗(yàn)的基本要素。運(yùn)動(dòng)和動(dòng)畫過(guò)渡傳達(dá)了很多信息,它們可以確認(rèn)動(dòng)作,描述狀態(tài)變化并為交互增加節(jié)奏。
隨著移動(dòng)設(shè)備變得越來(lái)越快,功能越來(lái)越強(qiáng)大,移動(dòng)設(shè)計(jì)師可以創(chuàng)建越來(lái)越高級(jí)的動(dòng)畫。動(dòng)畫不再只是為了填補(bǔ)不同狀態(tài)之間的空白(也稱為中間);這也是品牌推廣的一部分。
Motion可幫助您講述有關(guān)您的產(chǎn)品和品牌的獨(dú)特故事。動(dòng)畫通過(guò)創(chuàng)建類似電影的場(chǎng)景(信息在幀之間變化)來(lái)幫助用戶增添趣味。
移動(dòng)設(shè)計(jì)趨勢(shì):旅行體驗(yàn)
旅行經(jīng)驗(yàn)。圖片:Gleb Kuznetsov。
7. 3D和人造3D設(shè)計(jì)
雖然在移動(dòng)應(yīng)用程序中使用3D對(duì)象本身并不是什么新趨勢(shì),但很長(zhǎng)一段時(shí)間以來(lái)僅在游戲和娛樂(lè)中使用。隨著設(shè)備處理能力的提高,我們?cè)诔R?guī)功能性移動(dòng)應(yīng)用中出現(xiàn)了3D對(duì)象。通過(guò)在移動(dòng)體驗(yàn)中引入3D對(duì)象和偽3D對(duì)象,您可以將真實(shí)感添加到移動(dòng)交互中。
移動(dòng)設(shè)計(jì)趨勢(shì):3D
3D對(duì)象可幫助設(shè)計(jì)人員模糊數(shù)字體驗(yàn)與現(xiàn)實(shí)體驗(yàn)之間的界限。這是聯(lián)網(wǎng)汽車體驗(yàn)的一個(gè)例子。圖片:Gleb Kuznetsov。
8.漸變2.0
現(xiàn)代手機(jī)屏幕具有出色的色彩再現(xiàn)性,設(shè)計(jì)人員積極地正確使用了這種顏色。這就是為什么在2019年我們看到更少的灰度和單調(diào)顏色,而看到更鮮艷的顏色和明亮的漸變的原因。傳統(tǒng)上,明亮的顏色被用作強(qiáng)調(diào),但是漸變2.0有所不同-現(xiàn)在明亮的漸變被用作背景顏色,為UI帶來(lái)了深度和尺寸。
當(dāng)涉及樣式時(shí),新的漸變是微妙而簡(jiǎn)單的。它們具有清晰的光源,并使用鮮艷的色彩創(chuàng)建。這有助于產(chǎn)生溫暖的效果并促進(jìn)積極性。
手機(jī)設(shè)計(jì)趨勢(shì):大膽
數(shù)字設(shè)計(jì)越來(lái)越大膽,更加豐富多彩。圖片:Ghani Pradita。
9.插圖的興起
如何創(chuàng)建真正令人難忘的體驗(yàn)是許多產(chǎn)品設(shè)計(jì)師在處理產(chǎn)品時(shí)會(huì)問(wèn)自己的一個(gè)問(wèn)題。公司正迅速?gòu)闹行栽O(shè)計(jì)轉(zhuǎn)向具有情感影響力的設(shè)計(jì)。在2019年,產(chǎn)品設(shè)計(jì)師嘗試各種插圖風(fēng)格,以嘗試創(chuàng)建可以與用戶進(jìn)行更深層次聯(lián)系的產(chǎn)品。
10.設(shè)計(jì)系統(tǒng)
在2019年,更多的團(tuán)隊(duì)將開(kāi)始采用系統(tǒng)的設(shè)計(jì)方法。盡管設(shè)計(jì)系統(tǒng)不是專門針對(duì)移動(dòng)設(shè)計(jì)的趨勢(shì),但它們對(duì)移動(dòng)設(shè)計(jì)有重大影響。借助設(shè)計(jì)系統(tǒng),產(chǎn)品團(tuán)隊(duì)可以減少重復(fù)的工作,甚至更為關(guān)鍵的是,可以在其設(shè)計(jì)的所有平臺(tái)上實(shí)現(xiàn)一致性。
手機(jī)設(shè)計(jì)趨勢(shì):設(shè)計(jì)系統(tǒng)
設(shè)計(jì)系統(tǒng)。圖片:賈斯汀·雷納(Justin Reyna)。
11.透明度和安全性
安全和數(shù)據(jù)保護(hù)在當(dāng)今至關(guān)重要。人們想知道如何使用他們的數(shù)據(jù)。公司應(yīng)為使用個(gè)人信息制定明確的規(guī)則,并且應(yīng)始終遵循這些規(guī)則(否則,他們面臨面臨信任問(wèn)題的風(fēng)險(xiǎn))。
手機(jī)設(shè)計(jì)趨勢(shì):隱私
Facebook和數(shù)據(jù)隱私問(wèn)題。圖片:Jeremy Burge。
產(chǎn)品創(chuàng)建者還應(yīng)該投資保護(hù)用戶數(shù)據(jù)。當(dāng)然,這不能保證公司不會(huì)面臨數(shù)據(jù)安全問(wèn)題。但是,即使發(fā)生數(shù)據(jù)安全事件,公司也應(yīng)努力提高透明度。
移動(dòng)設(shè)計(jì)趨勢(shì):flipboard
Flipboard和透明度。
12.更好的語(yǔ)音交互
語(yǔ)音交互不是未來(lái)。他們已經(jīng)在這里,語(yǔ)音將在2019年繼續(xù)變得更加流行。語(yǔ)音交互正在緩慢但從根本上改變了人們與界面的交互方式-用戶不再依賴于單擊或點(diǎn)擊,而是穩(wěn)定地?fù)肀馓岱绞?。做他們的日常任?wù)。越來(lái)越多的設(shè)計(jì)師正在掌握語(yǔ)音用戶界面設(shè)計(jì)的技巧,并創(chuàng)建真正的對(duì)話UI(利用人類對(duì)話的界面)。
在進(jìn)行語(yǔ)音設(shè)計(jì)時(shí),設(shè)計(jì)師必須同時(shí)考慮用戶的需求和技術(shù)限制。在2019年,產(chǎn)品設(shè)計(jì)師意識(shí)到在很多情況下僅靠聲音是行不通的。將語(yǔ)音技術(shù)與打字結(jié)合起來(lái)會(huì)更好。這使用戶有更大的自由選擇最方便的媒體。
手機(jī)設(shè)計(jì)趨勢(shì):語(yǔ)音輸入
將語(yǔ)音和文本輸入配對(duì)在一起。圖片:Ramotion。
在2019年,我們還將看到不同服務(wù)之間的更好集成。一個(gè)很好的例子是Siri與Uber的集成。用戶只需要說(shuō)“請(qǐng)給我一個(gè)Uber回家”。Siri知道您的家在哪里,并自動(dòng)將該地址提供給Uber,從而減少了訂購(gòu)乘車所需的手動(dòng)步驟。
手機(jī)設(shè)計(jì)趨勢(shì):siri
嘿Siri,請(qǐng)預(yù)定我一程。圖片:Apple。
您可能還會(huì)喜歡: 設(shè)計(jì)語(yǔ)音搜索。
13.黑暗的主題
深色主題是光線昏暗的用戶界面,大部分顯示深色表面。深色主題為用戶帶來(lái)了兩個(gè)明顯的好處:通過(guò)將屏幕的亮度調(diào)整為當(dāng)前的照明條件,有助于減輕眼睛疲勞;通過(guò)減少像素的使用,可以節(jié)省電池電量。
手機(jī)設(shè)計(jì)趨勢(shì):黑暗主題
移動(dòng)應(yīng)用中的黑暗主題。圖片:Ramotion。
黑暗主題將保留下來(lái),而且只會(huì)變得更好。從Apple iOS 13開(kāi)始,所有本機(jī)iOS應(yīng)用程序和小部件將同時(shí)支持亮模式和暗模式。一種新的深色方案可在整個(gè)系統(tǒng)范圍內(nèi)使用;可以將黑暗模式安排為在日落或特定時(shí)間自動(dòng)打開(kāi)。
手機(jī)設(shè)計(jì)趨勢(shì):黑暗
在黑暗模式下的主屏幕。Apple Mail中的暗模式。圖片:蘋果。
Google更新了其Material Design指南,其中包含有關(guān)如何為您的應(yīng)用程序設(shè)計(jì)深色主題的實(shí)用建議。
14.設(shè)備不可知的經(jīng)驗(yàn)
到2020年,全球每人將有大約6.58個(gè)網(wǎng)絡(luò)連接設(shè)備。智能設(shè)備(如可穿戴設(shè)備和啟用語(yǔ)音的設(shè)備)的數(shù)量不斷增加,將影響人們?cè)L問(wèn)信息的方式-用戶希望能夠輕松地從一種設(shè)備切換到另一種設(shè)備,以繼續(xù)他們的用戶旅程。僅僅考慮臺(tái)式機(jī)和移動(dòng)設(shè)備類別已經(jīng)不夠了。在2019年,設(shè)計(jì)師將需要從整體上考慮用戶旅程,而不僅僅是考慮使用哪種設(shè)備。
與設(shè)備無(wú)關(guān)的設(shè)計(jì)著重于創(chuàng)建用戶歷程,使用戶能夠穿越不同的接觸點(diǎn)(無(wú)論是臺(tái)式機(jī),移動(dòng)電話,智能揚(yáng)聲器還是可穿戴設(shè)備),并通過(guò)每個(gè)接觸點(diǎn)獲得流暢的用戶體驗(yàn)。
良好的設(shè)備不可知設(shè)計(jì)是動(dòng)態(tài)的和適應(yīng)性強(qiáng)的。想象一下,您正在預(yù)訂飛往其他城市的航班。您可以使用移動(dòng)設(shè)備開(kāi)始一段旅程:
手機(jī)設(shè)計(jì)趨勢(shì):航班
使用移動(dòng)設(shè)備預(yù)訂航班。圖片:Gleb Kuznetsov。
您可以使用語(yǔ)音跟蹤航班狀態(tài):“好吧,谷歌,告訴我我飛往洛杉磯的航班。” 辦理登機(jī)手續(xù)后,您的登機(jī)牌就會(huì)貼在手腕上。
手機(jī)設(shè)計(jì)趨勢(shì):登機(jī)牌
Apple Watch的登機(jī)證。圖片:Melody Sabouri。
體驗(yàn)隨設(shè)備而變化。
模板圖標(biāo)
增長(zhǎng)第3卷:建立有利可圖的Web設(shè)計(jì)業(yè)務(wù)
將您的《成長(zhǎng)第3卷:建立有利可圖的Web設(shè)計(jì)業(yè)務(wù)》的免費(fèi)副本發(fā)送到您的收件箱。
電子郵件
輸入您的電子郵件地址
輸入您的電子郵件-我們還將向您發(fā)送與Shopify相關(guān)的營(yíng)銷電子郵件。您可以隨時(shí)取消訂閱。注意:該指南不會(huì)發(fā)送到基于角色的電子郵件,例如info @,developer @等。
我們的虛擬齒輪正在轉(zhuǎn)動(dòng)。
請(qǐng)注意,
我們的電子郵件最多可能需要15分鐘
才能到達(dá)您的收件箱。
以用戶為中心的設(shè)計(jì)是我們的首要任務(wù)
在我們擁有所有新趨勢(shì)的同時(shí),重要的是要記住,設(shè)計(jì)師的使命應(yīng)始終保持不變:使用新技術(shù)和方法來(lái)改善人們的生活。每次評(píng)估特定趨勢(shì)時(shí),都應(yīng)在它為用戶提供的價(jià)值的背景下加以思考,以建立的體驗(yàn)。
分享題目:成都高端定制網(wǎng)站建設(shè)公司
網(wǎng)站網(wǎng)址:http://redsoil1982.com.cn/news/181056.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)、定制網(wǎng)站等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)