首页 > 博客教程 > 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