移动网页设计趋势2019年

移动网页设计趋势2019年

网站用户体验的格局不断变化 – 新的进步一直在涌现。移动设计是数字产品设计中最具变化的行业之一,影响着数字设计的许多其他领域,并改变着我们周围的世界。

一年前,我们发布了移动设计十大趋势,预测了2018年的内容。由于2019年的一半已经结束,我们再次关注移动设计趋势在过去一年中的变化。以下是14种对移动用户体验设计产生重大影响的趋势。

1.无按钮设计

现代移动设备无边框 – 它们不再在前面有物理按钮,而是所有屏幕。设备制造商正在释放屏幕空间,从而允许产品设计人员在屏幕上提供更多信息。

移动网页设计趋势2019年
较少的铬意味着更多的内容空间。iPhone X标志着无边框手机时代的开始。

这种趋势也影响产品设计师创建移动应用程序的方式,因为他们现在努力创建无按钮设计。在无按钮设计中,数字按钮被替换为手势,将内容置于用户注意力的中心。

移动网页设计趋势2019年
MasterClass入职。图片:Pontus Wellgraf

除了这些好处之外,基于手势的交互具有内置风险 – 因为手势被隐藏,所以用户的交互可能不直观。设计行业仍在为手势创建共享语言。随着更多手势的实施,它们将被各种移动应用程序采用。无按钮UI是迈向未来的不可或缺的一步,虚拟接口完全依赖于手势。

2.底部导航2.0

最初的iPhone有3.5英寸的屏幕。2018年的iPhone XS拥有6.1英寸的屏幕。手机屏幕小的日子已经一去不复返了。具有大型显示器的现代移动电话在屏幕上保持更多内容,并且更适合多任务处理。但是更大的显示屏带来了复杂性:大屏幕将设计的互动元素进一步远离拇指的自然运动。随着越来越难以到达屏幕的顶部区域,更多的应用程序将关键导航元素放在底部。因此,底部导航栏成为移动开发人员的行业标准,帮助用户轻松访问应用程序的核心功能。

移动网页设计趋势2019年
适用于iOS的Twitter应用使用底部导航。

在2019年,移动应用程序设计师继续重视移动屏幕的下半部分,但遵循更具创意的导航方法。例如,一些移动应用程序现在使用底部工作表的概念,而不是使用底部标签栏,用户可以在屏幕底部看到一个带有几个选项的工作表,并依赖于向上滑动手势来显示更多选项。

底板是一种非常通用的概念,可用于许多不同的情况。它们可以替代底部导航栏:

移动网页设计趋势2019年
底部导航。图片:Ghani Pradita。

或者作为底部导航栏的伴奏:

移动网页设计趋势2019年
Yelp用户可以向上滑动底部工作区以查看位置。

使用卡作为导航元素是另一种有趣的技术。每个选项都以卡片形式提供,用户使用向右或向左滑动来显示更多选项。

移动网页设计趋势2019年
卡非常适合在移动应用中组织信息。它们允许对不同类型的数据(照片,文本,评级等)进行分组,使信息看起来像一个对象的一部分。图片来源:Daniel Prokopiuk。

3.更好的个性化

“一刀切”的意识形态对2019年的移动用户不起作用。品牌正在寻找尽可能细致地微调用户体验的方法,并且个性化体验已经从“精彩到有”变为“必备”。

随着机器学习和人工智能的兴起,使用户体验变得更加个性化变得更加容易。以SoundCloud为例。该服务利用数据分析和AI来推荐您可能喜欢的歌曲。

移动网页设计趋势2019年
SoundCloud根据用户过去的活动自定义向用户提供的内容。

良好的个性化是对您收集的用户数据采用正确策略的结果。流行的个性化策略列表包括地理位置,地理围栏,行为分析,SIC / NAICS代码和机器学习。根据您的受众以及他们与您的产品互动的方式选择策略至关重要。

简单来说,可以依赖两个基本指标 – 访问者数量和会话时间 – 来找到与您的用户行为相关的策略。例如,如果您有大量用户在您的平台上花费大量时间,您可以使用机器学习来提供有用的个性化产品推荐。

移动网页设计趋势2019年
流行的个性化策略。图片:科林伊根。

4.圆角

圆角是现代移动设备的另一个趋势。iOS和Android旗舰都有圆角 – 看看iPhone XS或三星Galaxy S10,你会看到它。

移动网页设计趋势2019年
三星Galaxy S10。

在UI设计中镜像物理设备的弯角。因此,移动网站和应用程序具有相同的圆润外观和感觉。

移动网页设计趋势2019年
Google.com上的所有内容容器都有圆角。

与许多其他视觉趋势不同,这种趋势不仅仅是美学; 它还对用户体验产生积极影响。圆角更容易在人眼上使信息更容易处理。

5.无密码体验

使用密码会给用户交互带来很多摩擦。每次我们注册新服务时,我们都要花时间创建一个易于忘记的新密码。根据一项研究,37%的人每周至少忘记一次密码。

幸运的是,移动应用程序开发人员可以使用一些无密码登录方法。无密码登录可以采用生物认证(指纹或面部识别功能)的形式:

移动网页设计趋势2019年
许多移动应用程序默认提供生物识别安全性。图片:乐购银行。

一次性临时密码:

移动网页设计趋势2019年
eBay使用临时密码已有几年了。

或登录链接:

移动网页设计趋势2019年
Medium是首批采用无密码登录机制的公司之一。当您尝试使用电子邮件地址登录帐户时,从Medium获得的电子邮件示例。

随着新产品和数字服务的兴起,无密码的身份验证方法是解决密码问题的唯一正确方法。这种方法不仅使用户更容易,而且更安全 – 例如,临时的一次性密码机制也会验证用户的联系方式,如手机号码。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/262198.html

(0)
上一篇 2022年5月25日
下一篇 2022年5月25日

相关推荐

发表回复

登录后才能评论