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