2020年,移动端用户体验设计趋势

访客3年前黑客文章762

2020年的设计趋势似乎并没有什么改变,许多趋势仍在发生:无界面模式(chromeless)的设计、手势、渐变、半扁平化、粗大的字体等等,它们仍然存在,并将在2020年继续占据主导地位。

2020年,移动端用户体验设计趋势

以下是一些将在2020年继续增长的新移动趋势:

一、暗黑模式

是的,我知道这已经是老生常谈了,但你知道他们是怎么说的:“一旦苹果决定使用暗黑模式,就没有人可以不使用…了…”。随着iOS13的发布,暗黑模式已经内置在每一个运行在苹果设备上的移动应用程序。

当然,不仅仅苹果这么做,因为Android和Windows也支持这种模式,但苹果有一种快速推进这类举措的方式,设备几乎立即与最新的操作系统版本同步,开发者社区也非常严格地遵循苹果的设计规范。

就我个人而言,我并不是这个模式的超级粉丝,主要是因为大多数应用程序目前都在使用纯黑和纯白颜色,非常刺眼,容易引起眼睛疲劳。

规则很简单:

1. 不要在纯白色背景上使用纯黑色

大多数设计师都知道这一点(只要查看大多数网站或应用程序,你就会发现黑色通常是深灰色的),但出于某种原因,太多的应用程序开发人员忽略了适用于设计暗黑模式的相应规则:

2. 不要使用纯黑色作为您的暗黑模式的背景

不幸的是,许多应用程序使用纯黑色作为背景,造成过度 *** 。

展望2020年,我确信这一问题将得到解决。

我相信,我们将看到应用程序设计者会逐渐优化他们暗黑模式的设计,增加一些创造性,并且让它从视觉上看起来更舒适。

一些公司(例如Notion和Slack)已经在这样做了:

2020年,移动端用户体验设计趋势

在纯黑色上呈现鲜艳的颜色太刺眼了。可以用深灰色代替。

二、巨型手机是新的标准

一年前,巨型的智能手机仍然是一个“趋势”,但现在它们成了标准:

在2018年10月,只有16.3%的Mis *** eez手机用户在使用大屏的iPhone(X/XS/XR, etc.)

到2019年12月份,这个数字是41%,并且每月都在增长。

这使得开发人员可以将应用程序的内容增加一倍或三倍,同时不会造成混乱或在白空间上妥协。

三、多样化的设计

大型手机提供更大的屏幕,可以在一个屏幕上组合多个视图类型,而不会造成混乱:由于屏幕尺寸的不断变大,诸如快捷方式、故事、照片轮播、标签栏,都有整合在一起的空间。

这里是Yelp的一个完美的例子:

2020年,移动端用户体验设计趋势

大一些的手机可以在一个屏幕上组合多个视图类型,而不会造成混乱。

四、创建品牌已经消失,但品牌依然存在

我去年提到过这一点,隐藏颜色、图标和标志等品牌相关元素的趋势在2019年继续,并可能在2020年延续下去。

再来看一个经过重大翻新的应用是Spark,它以前是蓝色的,由框架和边框组成,最近才被重新设计成洁白干净,就像大多数主流的应用程序一样。

2020年,移动端用户体验设计趋势

不再有品牌色彩和形象–呈现出来的都是关于内容的。

因此,公司将继续摆脱不必要的颜色和视觉效果,腾出空间用于更多内容,但更重要的是–让用户更容易集中精力,专注于真正重要的内容。

五、底部导航控制

随着设备变得越来越大,想要触摸到智能手机的顶部就变得不太可能了。

UI元素不再像过去被放置在屏幕顶部,随之出现了一些新的导航选项。

下面是一些导航元素位于底部的示例:

Pocket的汉堡包菜单现在位于左下角

Freedly的侧边栏是从点击标签栏弹出来的

Superhuman的动作面板从点击屏幕底部区域而来

Uber的使用手势滑动即可激活刷卡功能

2020年,移动端用户体验设计趋势

还是印象不深刻?请查看下面更多示例:

IMDb现在把搜索框放在了屏幕底部

Microsoft To-Do 有丰富的任务栏入口,位于键盘顶部,不用再伸手指点更远的地方就可以添加任务细节

Clash Royale新的信息卡片是自下而上设计的。看我喜爱的角色Bandit和Witch页面。

2020年,移动端用户体验设计趋势

搜索框、快捷入口、信息卡片现在都被放在了屏幕底部

搜索栏去哪了?

六、故事正在成为一种设计模式

故事在社交媒体上变得如此流行,不久我们会看到越来越多的应用程序借用故事风格的UI概念,并以新的创造性方式实现它们。

这里有两个我非常喜欢的例子zest和Shazam;

2020年,移动端用户体验设计趋势

移动app中的故事界面风格

Zest应用程序在顶部使用分页指示,来提高用户在发布内容时的清晰度和引导(几个步骤过程)。

在Shazam中,你现在可以看到由你最喜欢的艺术家发布的短剪辑 *** 。

这个UI允许你通过点击屏幕的左或右区域,实现在短视频片段之间快速跳转。当你专注于歌曲时,不需要精确。

相关文章

人工智能迅猛发展,如何应对避免失业?

人工智能迅猛发展,如何应对避免失业?

“人工智能从感知智能向认知智能演进”,人工智能的发展带给我们哪些思考?它究竟会给我们的工作生活带来哪些变化?我们要如何去应对? 阿里达摩院票选出2020年十大科技趋势: 量子计算进入攻坚期 工业互...

从产品和管理经营两个角度,搞定美团PM面试题

从产品和管理经营两个角度,搞定美团PM面试题

本文作者对美团的一个产品经理面试题进行了拆解,并分别从「产品思维」和「管理经营思维」两个角度对题目进行了思考。与大家分享~~ 这是一道美团产品实习生二面的题目。其实,这道题挺开放的,既能考查你的思维...

用户体验设计之路(三):原型是设计的表达

用户体验设计之路(三):原型是设计的表达

上一篇文章,我们主要沟通了,需求与界面之间存在着距离,这个距离就是设计规划阶段。当越过这段距离,就来到了我们产品经理最为熟悉的环节—原型设计。 原型是承载着我们设计思想的产物。今天,就让我们系统地来总...

如何从初级运营成长为运营总监?

如何从初级运营成长为运营总监?

运营岗位中,不同阶段对应着不同的职责内容与能力要求,而本文将为你仔细介绍其中的要点,告诉你如何从初级运营成长为运营总监。 大多数运营成不了运营总监,在对应的工作阶段没有做对对应的事情,导致自己对于前...

微信的设计之道:用户体验篇

微信的设计之道:用户体验篇

微信这款产品,凭借其独特的产品价值理念与设计之道,饱受人们的拥趸与喜欢,并成为了一款国民级产品。那我们是否可以通过解析微信的用户体验设计,找到学习借鉴的点呢? 微信是一种生活方式。作为月活超10亿的...

B端产品的筛选场景调研与设计优化实践

B端产品的筛选场景调研与设计优化实践

笔者通过调研B端后台系统的筛选场景应用,总结归纳了几种基础筛选、高级筛选及组合筛选的场景,基于此对自身产品的筛选场景应用进行分析、归纳最终输出优化设计方案,希望对你有所启发。 一、筛选场景介绍 在B...