首頁 > 博客教程 > seo知識 >

石家莊網站設計:如何更好的增強用戶體驗度


編輯:石家莊展為網絡有限公司更新日期:2019-08-12

移動設計趨勢2019年

 
  • 由尼克·巴比奇
  • 網頁設計
 
  • 9分鐘閱讀
電子郵件 Pinterest的 Facebook的 推特 LinkedIn
移動設計趨勢2019年

用戶體驗的格局不斷變化 - 新的進步一直在涌現。移動設計是數字產品設計中最具變化的行業之一,影響著數字設計的許多其他領域,并改變著我們周圍的世界。 

一年前,我們發布了移動設計十大趨勢,預測了2018年的內容。由于2019年的一半已經結束,我們再次關注移動設計趨勢在過去一年中的變化。以下是14種對移動用戶體驗設計產生重大影響的趨勢。

 
 
 

發展第3卷:
建立有利可圖的網頁設計業務

獲取免費的成長卷3:建立有利可圖的網頁設計業務副本發送到您的收件箱。

 

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

1.無按鈕設計

現代移動設備無邊框 - 它們不再在前面有物理按鈕,而是所有屏幕。設備制造商正在釋放屏幕空間,從而允許產品設計人員在屏幕上提供更多信息。

移動設計趨勢:無扣設計
較少的鉻意味著更多的內容空間。iPhone X標志著無邊框手機時代的開始。

這種趨勢也影響產品設計師創建移動應用程序的方式,因為他們現在努力創建無按鈕設計。在無按鈕設計中,數字按鈕被替換為手勢,將內容置于用戶注意力的中心。

移動設計趨勢:入職
MasterClass入職。圖片:Pontus Wellgraf。

除了這些好處之外,基于手勢的交互具有內置風險 - 因為手勢被隱藏,所以用戶的交互可能不直觀。設計行業仍在為手勢創建共享語言。隨著更多手勢的實施,它們將被各種移動應用程序采用。無按鈕UI是邁向未來的不可或缺的一步,虛擬接口完全依賴于手勢。

您可能也喜歡:可能 毀掉您的移動用戶體驗的15個神話。

2.底部導航2.0

最初的iPhone有3.5英寸的屏幕。2018年的iPhone XS擁有6.1英寸的屏幕。手機屏幕小的日子已經一去不復返了。具有大型顯示器的現代移動電話在屏幕上保持更多內容,并且更適合多任務處理。但是更大的顯示屏帶來了復雜性:大屏幕將設計的互動元素進一步遠離拇指的自然運動。隨著越來越難以到達屏幕的頂部區域,更多的應用程序將關鍵導航元素放在底部。因此,底部導航欄成為移動開發人員的行業標準,幫助用戶輕松訪問應用程序的核心功能。

移動設計趨勢:底層導航
適用于iOS的Twitter應用使用底部導航。

在2019年,移動應用程序設計師繼續重視移動屏幕的下半部分,但遵循更具創意的導航方法。例如,一些移動應用程序現在使用底部工作表的概念,而不是使用底部標簽欄,用戶可以在屏幕底部看到一個帶有幾個選項的工作表,并依賴于向上滑動手勢來顯示更多選項。 

底板是一種非常通用的概念,可用于許多不同的情況。它們可以替代底部導航欄:

移動設計趨勢:底層導航
底部導航。圖片:Ghani Pradita。

或者作為底部導航欄的伴奏:

移動設計趨勢:底頁
Yelp用戶可以向上滑動底部工作區以查看位置。

使用卡作為導航元素是另一種有趣的技術。每個選項都以卡片形式提供,用戶使用向右或向左滑動來顯示更多選項。 

移動設計趨勢:卡片導航
卡非常適合在移動應用中組織信息。它們允許對不同類型的數據(照片,文本,評級等)進行分組,使信息看起來像一個對象的一部分。圖片來源:Daniel Prokopiuk。

3.更好的個性化

“一刀切”的意識形態對2019年的移動用戶不起作用。品牌正在尋找盡可能細致地微調用戶體驗的方法,并且個性化體驗很快就從“有趣的”轉變為“必須擁有的”。

隨著機器學習和人工智能的興起,使用戶體驗變得更加個性化變得更加容易。以SoundCloud為例。該服務利用數據分析和AI來推薦您可能喜歡的歌曲。

移動設計趨勢:soundcloud定制
SoundCloud根據用戶過去的活動自定義向用戶提供的內容。

Good personalization is a result of using the right tactic for data that you collect on your users. A list of the popular personalization tactics includes geo-location, geo-fencing, behavioral profiling, SIC/NAICS codes, and machine learning. It’s essential to select the tactic(s) based on your audience and how they interact with your product. 

In simple terms, it's possible to rely on two basic metrics—the number of visitors and session time—to find the tactic that will be relevant to your user behavior. For example, if you have a large number of users who spend a significant amount of time on your platform, you can use machine learning to provide useful personalized product recommendations.

移動設計趨勢:個性化方法
Popular personalization tactics. Image: Colin Eagan.

您可能也喜歡: AI-Empowered Marketer:人工智能如何幫助您和您的客戶增加銷售額。

4.圓角

圓角是現代移動設備的另一個趨勢。iOS和Android旗艦都有圓角 - 看看iPhone XS或三星Galaxy S10,你會看到它。

移動設計趨勢:三星
三星Galaxy S10。

在UI設計中鏡像物理設備的彎角。因此,移動網站和應用程序具有相同的圓潤外觀和感覺。

移動設計趨勢:圓角
Google上的所有內容容器。com有圓角。

與許多其他視覺趨勢不同,這種趨勢不僅僅是美學; 它還對用戶體驗產生積極影響。圓角更容易在人眼上使信息更容易處理。 

5.無密碼體驗

使用密碼會給用戶交互帶來很多摩擦。每次我們注冊新服務時,我們都要花時間創建一個易于忘記的新密碼。根據一項研究,37%的人每周至少忘記一次密碼。

幸運的是,移動應用程序開發人員可以使用一些無密碼登錄方法。無密碼登錄可以采用生物認證(指紋或面部識別功能)的形式:

移動設計趨勢:生物識別技術
許多移動應用程序默認提供生物識別安全性。圖片:樂購銀行。

One-time temporary passwords:

移動設計趨勢:臨時密碼
eBay has used temporary passwords for a few years.

Or a sign-in link:

移動設計趨勢:登錄密碼
Medium is among the first companies who have adopted a password-less login mechanism. Example of email you get from Medium when you try to sign in to your account using your email address.

With the rise of new products and digital services, the password-less approach of authentication is the only right solution for the password problem. Not only does this approach make things easier for a user, but also more secure—for example, a temporary one-time password mechanism also verifies the user’s contact details like their mobile phone number.

You might also like: 10 Ways to Establish Trust on Ecommerce Sites and Apps.

6. Advanced animation

功能性動畫是良好用戶體驗的基本要素。動作和動畫過渡傳達了大量信息 - 它們確認動作,描述狀態變化,并為交互添加節奏。

隨著移動設備變得更快,功能更強大,移動設計人員可以創建更多更高級的動畫。動畫不再僅僅用于填補不同狀態之間的差距(也稱為中間); 它也是品牌的一部分。 

Motion可幫助您講述有關您的產品和品牌的獨特故事。動畫通過創建類似電影的場景來幫助為用戶增添趣味,其中信息在幀與幀之間變形。

移動設計趨勢:旅行體驗
旅游經歷。圖片:Gleb Kuznetsov。

7. 3D和人造3D設計

雖然在移動應用程序中使用3D對象本身并不是一種新趨勢,但它長期以來僅用于游戲和娛樂。隨著設備處理能力的提升,我們在常規功能移動應用程序中出現了3D對象。通過在移動體驗中引入3D對象和偽3D對象,您可以在移動交互中添加真實感。

移動設計趨勢:3d
3D對象幫助設計師模糊數字和現實世界體驗之間的優勢。這是聯網汽車體驗的一個例子。圖片:Gleb Kuznetsov。

8. Gradients 2.0

現代移動屏幕具有出色的色彩再現,設計師積極地使用它。這就是為什么在2019年我們看到更少的灰度和單調色彩,更鮮艷的色彩和明亮的漸變。傳統上使用鮮艷的顏色作為重音,但漸變2.0是不同的 - 現在明亮的漸變用作背景顏色,為UI帶來深度和尺寸。

在造型方面,新的漸變是微妙而簡單的。它們具有清晰的光源,并使用鮮艷的色彩創建。這有助于產生溫暖的效果并促進積極性。 

移動設計趨勢:大膽
數字設計越來越大,越來越豐富多彩。圖片:Ghani Pradita。

9.插圖的興起

How to create a truly memorable experience is a question that many product designers ask themselves when working on a product. Companies are quickly moving from neutral design towards design that has an emotional impact. In 2019, product designers experiment with various illustrations styles in an attempt to create products that users can relate to on a deeper level.

10. Design systems

In 2019, more teams are starting to incorporate a systematic approach to design. While design systems are not a specifically mobile design trend, they have a significant impact on mobile design. Thanks to design systems, product teams can reduce repetitive work and, even more critically, achieve consistency across all platforms they design for.

移動設計趨勢:設計系統
Design system. Image: Justin Reyna.

11. Transparency and security

Security and data protection are critical today. People want to know how their data is used. Companies should establish clear rules for using personal information, and they should always follow those rules (otherwise, they risk facing a problem of trust).

移動設計趨勢:隱私
Facebook and the problem of data privacy. Image: Jeremy Burge.

Product creators should also invest in protecting user data. Of course, this does not guarantee that the company won’t face a problem of data security. But even when data security incidents happen, companies should strive for transparency. 

移動設計趨勢:flipboard
Flipboard and transparency.

12. Better voice interactions

Voice interactions aren’t the future. They are already here, and the voice will only continue to become more prevalent in 2019. Voice interactions are slowly but fundamentally changing the way people interact with interfaces—instead of relying on click or tap, users are steadily embracing the hands-free way of doing their routine tasks. More designers are mastering the art of voice user interface design and creating genuinely conversational UIs—interfaces that leverage human conversation.

When it comes to designing for voice, designers have to consider both the user’s needs and technological constraints. In 2019, product designers realize that voice alone won’t work in many cases. It’s much better to combine voice technology with typing. This gives users more freedom to choose the most convenient medium.

移動設計趨勢:語音輸入
將語音和文本輸入配對。圖像:Ramotion。

在2019年,我們也看到了不同服務之間更好的整合。一個很好的例子是Siri與Uber的整合。用戶只需要說“訂購我的優步到家。”Siri知道您家的位置,并自動向優步提供該地址,減少您需要采取的手動步驟數量。

移動設計趨勢:siri
嘿Siri,給我預訂一下。圖片:Apple。

您可能也喜歡: 設計語音搜索。

13.黑暗主題

黑暗主題是一種低光用戶界面,主要顯示黑暗表面。黑暗主題為用戶體驗帶來兩個顯著優勢:它們通過將屏幕亮度調整到當前光照條件來幫助減輕眼睛疲勞,并通過減少光像素的使用來節省電池電量。

移動設計趨勢:黑暗主題
移動應用中的黑暗主題。圖像:Ramotion。

黑暗的主題在這里停留,它們只會變得更好。從Apple iOS 13開始,所有原生iOS應用和小部件都將支持明暗模式。一種新的深色配色方案適用于整個系統; 暗模式可以安排在日落時或某個時間自動開啟。

移動設計趨勢:黑暗
主屏幕在黑暗模式下。Apple Mail中的暗模式。圖片:Apple。

Google更新了他們的Material Design指南,并提供了有關如何為應用設計黑暗主題的實用建議。

14.設備無關的經驗

到2020年,全球每人將有大約6.58個網絡連接設備。可穿戴設備和支持語音設備等智能設備的數量不斷增加將影響人們訪問信息的方式 - 用戶希望能夠輕松地從一個設備切換到另一個設備以繼續用戶旅程。在桌面和移動類別中思考已經不夠了; 在2019年,設計師需要從整體上考慮用戶旅程,而不僅僅是在使用什么設備方面。

與設備無關的設計專注于創建用戶旅程,允許用戶通過不同的觸摸點 - 無論是桌面,移動電話,智能揚聲器還是可穿戴設備 - 并通過每個觸摸點獲得流暢的用戶體驗。

良好的設備無關設計是動態和適應性的。想象一下,您預訂了飛往其他城市的航班。您可以使用移動設備開始旅程:

移動設計趨勢:航班
使用移動設備預訂航班。圖片:Gleb Kuznetsov。

您可以使用語音跟蹤您的航班狀態:“好的谷歌,告訴我有關我飛往洛杉磯的航班。”辦理登機手續后,您的手腕上將有登機牌。

移動設計趨勢:登機牌
Apple Watch的航班登機牌。圖片:Melody Sabouri。

體驗隨著設備而異。

 
 
 

發展第3卷:
建立有利可圖的網頁設計業務

獲取免費的成長卷3:建立有利可圖的網頁設計業務副本發送到您的收件箱。

 

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

以用戶為中心的設計是我們的首要任務

隨著我們所有的新趨勢,重要的是要記住設計師的使命應始終保持不變:使用新技術和方法來改善人們的生活。每當您評估特定趨勢時,請在為用戶提供的價值背景下考慮它,以構建最佳體驗。


13933871212

折叠棋牌麻将桌
麻将下载赢红包真人版 最赚钱的是不是夜场 安徽全来麻将做作弊器 现金血战麻将棋牌 许华升的视频怎样赚钱 甘肃11选5投注技巧 广东11选5 稳赚 天线宝宝理财 腾讯梭哈