2018年移动设计的十大趋势

移动设备正在迅速占领世界。根据comScore的数据,近70%的数字媒体时间是在移动设备上度过的。这意味着发生在移动设备上的趋势尤为重要,因为始于移动设备的东西会影响数字设计的其他领域,甚至改变我们周围的环境。

就像任何性质的趋势一样,有的来了又走,有的留下来成为基本面。在本文中,我想回顾一下在2018年塑造移动设计的10个基本移动趋势。

学习如何制作一个有效的项目简介,以保持你的设计在轨道上。

1. 节省时间的设计

这是迄今为止移动设计中最重要的趋势。当人们拿起手机时,他们希望完成一些事情。完成一项任务所需的时间通常被用来衡量一款应用是否成功。用户希望使用能够帮助他们尽快达到目标的产品。

以下技术可以帮助设计者将用户实现目标所需的努力降到最低。

线性用户旅程

线性用户旅程是指用户沿着线性路径以固定的顺序与内容进行交互的旅程。通常情况下,用户在旅程的每一步都只允许做一个特定的动作。

一个设计良好的线性用户流程最显著的好处是可预测性。当一个流程被呈现为若干个相互之间有逻辑联系的步骤时,用户可以预测下一步会发生什么。这不仅有助于减少焦虑,还可以让用户估计完成一个任务需要多少时间,降低跳出率。

移动设计:uber在Uber移动应用中请求乘车是线性用户流的完美例子。一系列精心设计的引导步骤引导用户完成订购乘车的整个过程。

用户旅程简化

当一个移动应用让你在最终完成一个任务之前采取了很多不必要的步骤时,真的很烦人。移动设计讲究的是速度和简单,所以不仅要给用户一个循序渐进的过程,还要尽量减少实现目标所需的步骤。设计师应该努力创造一个不需要太多交互的体验。

中性界面和以内容为中心的体验

许多设计师试图通过让他们的界面几乎不可见来降低应用的复杂性。一种被称为 “零UI”(或 “复杂度降低”,Michael Horton称之为 “复杂度降低”)的流行趋势专注于剥离所有装饰性元素,将用户的注意力全部集中在内容上。内容优先的布局让用户可以不受任何干扰地消费内容。

移动设计:界面现代移动应用的界面看起来几乎是隐形的–它们退而求其次,把内容放在最前面。如果你把内容从这样的界面中抽离出来,你就会有几乎空白的屏幕。图片。Instagram

逐步披露

现代移动应用和网站已经成为真正复杂的产品,提供了大量的信息和功能。一次性提供所有这些信息量很容易让用户感到压抑和困惑。

为了克服这个问题,设计师们使用了一种渐进式披露的技术。这种技术通过在用户需要的时候才提供信息或功能来解决复杂性问题。渐进式披露可以帮助减少认知负荷,提高界面的理解力。

移动设计:渐进式披露渐进式披露在用户与界面交互的过程中,将功能温和地介绍给用户。图片:Ramotion Ramotion

指导和援助

越来越多的设计师关注为失败而设计–他们主动寻找用户旅程中可能需要帮助的步骤,并在这些时刻为用户提供帮助。在最基本的形式上,这可能是关于如何克服问题的特定内容信息。

![移动设计:指导这个应用演示了用户应该如何设置设备。图片:Ramotion Ramotion

位置意识

产品设计师还可以利用设备的位置数据来简化某些操作。例如,如果你正在设计一个送餐的应用,而不是要求用户提供他们的地址,你可以自动检测他们当前的位置,并要求用户确认那是他们想要接收外卖的地方。

预知性设计

决策疲劳是当今世界的一个现实问题。我们在一天中要做出成千上万的选择,这影响了我们在一天中做出有效决策的能力。

正因为如此,移动应用设计应该尽量限制用户在与之交互时必须做出的决策数量。要求我们做出很多决定的应用可能会引起摩擦,用户可能会考虑用其他的应用来替代该应用。

为了改善用户体验,许多产品设计师试图遵循一种预期性设计的方法–也就是说,他们试图在用户需要做出任何决定之前就预测用户的需求。

预期性设计的一个很好的例子是Spotify的Discover Weekly功能。这个播放列表是根据个人音乐偏好自动创建的,这意味着用户不需要花费额外的时间去搜索他们可能喜欢的音乐–应用为他们做了。

![移动设计:预见性机器学习的力量帮助Spotify提供他们用户会喜欢的音乐。图片。 Engaged

设备的能力

移动设备有很多内置的传感器,比如摄像头、位置跟踪、加速度计和触摸传感器。这些技术都可以被利用来改善用户体验。

生物识别认证是一个很好的例子,说明设备的功能可以最大限度地减少登录应用所需的步骤。设计师可以使用基于生物识别的技术,如指纹触摸或面部识别,以绕过对传统密码的需求。

这使得用户更快、更容易地与移动应用进行互动–研究证明,用户更喜欢生物识别登录。根据苹果公司的数据,iPhone用户平均每天解锁设备80次,89%的用户使用Touch ID进行这一操作。

移动设计:面部识别面部识别让用户登录应用的速度比传统的电子邮件和密码登录快得多。图片。乐购

颜色作为一个功能元素

毫无疑问,色彩是设计师工具箱中最强大的工具之一。但在现代移动应用中,色彩的使用不仅仅是单纯的审美目的,它还可以成为功能体验的一部分。例如,颜色可以帮助设计师将注意力吸引到UI的特定部分,或者影响用户的操作。

移动设计:色彩不同的视觉权重和呼叫行动按钮的对比色引导用户关注UI的特定部分。图片: Jakub Antalík _Jakub Antalík

跨渠道体验

使用移动应用不再是一种孤立的体验。许多应用跨越了平台、设备和渠道,今天的设计师应该把用户体验作为一个整体来关注,跨越所有的平台。最终的目标是在产品的所有迭代中创造无缝体验。用户应该能够切换到不同的媒介并继续旅程。

根据Appticles的数据,37%的在线购物者在移动端进行研究,但会切换到桌面端完成购买。因此,如果你正在设计一个电子商务应用,跨设备的用户进度同步应该是一个关键的优先事项。

如果你热衷于制作无缝体验,请查看我们的移动标识教程。

你可能也喜欢: 5个最好的原型设计工具来测试你的Web和移动设计。

2. 品牌差异化

前面我们谈到了中性界面,即内容占据中心位置,界面被淡化。而这些中性界面在给用户带来很多好处的同时,也给设计师带来了一些挑战。中性界面的一个重要问题是,所有这种界面看起来都很相似。因此,设计师要创造出真正令人难忘的独特体验变得更加困难。

品牌差异化是设计的一个基本属性。对于品牌来说,能够将自己区分开来是至关重要的。这里有一些设计师用来在人群中脱颖而出,使应用在市场上引人注目的工具。

定制的插图

定制的插画已经迅速成为移动体验的宝贵部分–它们不仅能通过一目了然地传达复杂的概念来达到功能目的,而且还能让用户感到愉悦。在《为Shopify打造新的插画风格》一文中,Meg Robichaud分享了一些关于如何为数字产品设计插画的实用技巧。

![移动设计:插画Google Flights中有趣的插画。

字体设计

虽然排版设计的主要目的是传递内容,但排版设计也可以用来创建身份。排版设计可以为你的界面的声音提供一个基调–设计师可以玩弄字体大小、重量和其他属性,让信息脱颖而出,让应用令人难忘。

移动设计:排版排版不再只是为了可读性和可读性。它也是为了标识。图片: Ghani Pradita Ghani Pradita

动画

运动和动画在移动设计中起着关键作用。动画可以以许多不同的形式使用,从用户交互的动画反馈开始,到用户实现目标时获得的令人愉快的奖励。浏览一个充满精心制作的动画的界面,就像阅读一个伟大的故事–真正令人难忘的体验。

![移动设计:动画动画提供了交互的反馈,创造了真正令人难忘的体验。图片。 Eddie Lobanovskiy 移动设计:情感你可以使用动画与用户建立情感联系,并提醒他们设计背后有真正的人类。谷歌的动画

3. 手势的兴起

iPhone X 的发布,让我们对移动设备的交互方式发生了令人兴奋的转变。iPhone X上没有实体Home键,这意味着即使是与这款设备最基本的交互也是基于手势的。

在最近的Google I/O期间,Google在Android P中引入了新的导航功能,他们重新思考了你浏览操作系统的基本方式,现在的导航是基于手势的。

手机设计:手势Android P中的新手势导航,Android P不再是熟悉的三个图标阵列的屏幕按钮,而是在屏幕底部提供了一个单一的长方形线条,用户将使用它来滑动操作系统。图片: 图片来源:谷歌

这对设计师意味着什么?这意味着用户已经准备好采用基于手势的界面,而且手势应该成为移动设计的重要组成部分。无按钮用户界面是走向完全依靠语音和手势的界面的重要一步。

解决可发现性和可学习性的问题

手势带来了很多优势,比如节省宝贵的屏幕空间,但也带来了挑战。由于手势是隐藏的控件,因此创建一个具有良好可用性的手势驱动界面并不是一件简单的事情。在《手势界面。Don Norman讨论了基于手势的界面的一些严重问题,包括可发现性和可学习性问题。

为了克服这些问题,设计师可以使用动画提示。这样的提示可以帮助用户了解哪些操作是可用的,以及如何导航应用。

移动设计:提示动画提示与文本指令搭配,可以让用户清楚地了解有哪些操作可用。图片。材料设计

为了克服可学性的问题,设计者们使用标准手势–这些手势很可能已经被用户所熟知。人们对标准手势很熟悉,所以不需要额外的努力去发现或记住它们。例如,对于具有动态更新内容的feed-like应用,大多数用户会希望有一个拉动到刷新的手势来更新内容。

移动设计:刷新拉式刷新手势。图片:Ramotion Ramotion

4. 情感体验

当我们谈论用户体验时,我们通常指的是在人和机器之间建立一种联系。这种连接能够触发情感,我们看到越来越多的情感智能(EI)被整合到移动体验中。EI是一种强大的方式,可以让体验更有吸引力,更令人愉悦。

表达情感的新方式

表达情感是很自然的事情。即使在命令行界面的时代,我们也使用表情符号来与他人分享我们的感情。通过我们的移动设备,我们有机会分享更广泛的情感。

其中一个例子是Animoji–一种通过iPhone X摄像头对面部表情做出反应的动画表情。它允许用户创建个性化的相关反应,与朋友分享。

移动设计:分享情感Animoji是一个与其他人分享情感的机会。图片。苹果公司

在UI中模仿人类的情感。

数字体验的人性化趋势与用户情感直接相关。作为人类,我们经常把与移动设备的互动当作一种社交体验。我们期望以通常的交互方式与数字产品进行交互,设计师应该设计出符合这些期望的数字产品。

![移动设计:反应尽管我们知道产品不是人类,不能感受到情绪,但我们希望相信它们可以。这款应用在响应用户输入时,模拟了人类的反应。图片来源: Bill Labus

游戏化

游戏化不仅仅是游戏–相反,它是将游戏机制融入到非游戏环境中。游戏化可以让与应用互动的过程变得令人兴奋和吸引人。设计师使用挑战、排行榜和奖励来激励与产品互动的用户。

移动设计:游戏化游戏化在Duolingo用户体验中扮演着重要的角色。它在互动中增加了快乐的元素。

5. 视频的主导地位

视频正迅速成为许多用户的标准内容消费方式。根据Insivia的数据,每天有55%的人在线观看视频,其中很大一部分浏览量来自移动设备。根据YouTube的数据,移动视频消费每年以100%的速度增长。到2020年,超过75%的全球移动数据流量将是视频内容。

将视频调整为纵向方向。

根据ScientiaMobile的数据,94%的用户在纵向模式下使用移动设备。如果你的应用提供了视频内容,应该进行优化,让用户在纵向模式下观看。

移动设计:方向图片来源: Luke W

6. 语音互动

图形用户界面并不是当今人们与移动应用交互的唯一方式。2018年,我们继续从为点击而设计,转向语音用户界面(VUI)。

根据Gartner的数据,今年我们与技术的30%的交互将通过与语音系统的对话发生。VUI交互是直观计算的定义,因为用户不再需要学习新的语言来与系统进行交互–他们可以直接对话。随着技术的成熟,任何会说话的人都能操作计算机。

学习新的技能

由于移动设计不再仅仅是屏幕,设计师还应该学习一套非视觉技能。了解如何构建优秀的语音界面将成为未来用户体验设计师的必备条件。

设计师将需要更加关注交互的心理层面。语音交互需要更好地理解人类–不仅是他们谈论的话题,而且是他们如何谈论这些话题。人类通过说话时的语气进行交流,所以系统在提问或回答时使用的语气也必须被设计者考虑在内。

7. 更智能的个性化

就在几年前,要想让用户对一款应用有积极的体验,只需要打造一款可用且能真正发挥作用的应用。今天,用户对移动体验的期望更高–事实上,现在每个人都期望得到个性化的用户体验。我们正在迅速从 “一刀切 “的体验转向为个人用户量身定制的体验。个性化可以成为一种竞争优势。

基于用户位置的内容。

这种技术也被称为位置感知,就是根据用户当时所处的位置来提供内容。设计师们不断尝试寻找新的方式来使用这项技术,为用户创造更多的利益。

在I/O 2018期间,谷歌展示了谷歌地图体验的新水平。通过将用户的位置信息与设备摄像头的数据搭配在一起,该应用现在可以提供一个地区的额外信息。

![手机设计:google定位谷歌地图让用户知道他们周围的情况。

有价值的推送通知

在很长一段时间里,推送通知是一个很好的营销工具。但最近在移动应用设计中,推送通知已经不再是促销,而是个人服务。服务收集数据,并根据个人用户的需求和愿望发送通知。因此,用户有更好的服务提供。

移动设计:服务交付英国航空公司的推送通知是服务交付的一个很好的例子。

快速适应的应用程序

快速适应性应用是指能够动态变化以满足用户需求的应用。这种应用的一个很好的例子是提供上下文入职的应用–也就是说,它根据用户在应用中的实时进度提供不同的入职体验。通过向不同的人提供不同的内容,就可以创造出真正灵活的体验。

机器学习变得无障碍

我们认为个性化体验的大部分功能都是基于机器学习的。在很长一段时间里,从开发的角度来看,在应用体验中加入机器学习的成本确实不高。但这种情况可能很快就会改变。

开发者现在有了ML Kit,这是一套API,允许他们使用图像标签、文本识别、人脸检测、智能回复、条码扫描、地标检测等多种功能。好消息是ML kit是跨平台的。它可以同时运行在Android和iOS设备上。

8. 线下优先体验

当我们设计产品时,我们通常会假设我们的用户会在在线时使用我们的产品。但实际上,这可能与事实相差甚远。为了提高用户体验,值得考虑的是,并不是所有的用户在与你的应用接触时都会在线,让你的应用在用户离线时也能使用。

设计师应该专注于创造良好的线下体验的另一个强有力的原因是新兴市场。根据谷歌的数据,预计未来几年将有10亿新用户上线。其中绝大多数将来自新兴市场(或所谓的移动优先国家,如印度、印度尼西亚、巴西和尼日利亚)。这类市场的用户与美国和欧洲的用户有着非常不同的体验和期望。如果你想让你的应用在这样的市场中获得成功,那么它的设计应该是离线优先的(这意味着即使在没有连接到互联网时也可以使用)。

许多大公司都了解连接问题,并试图适应这种情况。YouTube Go就是一个围绕连接性限制而设计的移动应用的优秀例子。这款应用可以让用户先预览视频,并选择视频的文件大小,然后再将其离线保存,以便稍后观看。它还有一个很好的功能,可以让用户轻松地与附近的朋友和家人分享视频,而无需使用任何数据。

![手机设计:离线YouTube Go让用户在一起的时候可以发送和接收视频,采用离线点对点分享的方式。图片。谷歌

你可能也喜欢: 为下一个十亿用户设计。

9. 无现金支付

2018年我们继续看到,现金不再是王道,无现金支付正在迅速成为很多用户的新标准。根据Juniper Research的报告,Apple Pay和Android Pay用户数量分别达到8600万和2400万。2017年使用无现金支付的人数几乎翻了一番。

手机设计:支付

无现金支付的力量非常强大,正在迅速改变世界许多地区的经济环境。例如,在中国,无现金支付正在成为首选的支付方式。

对于移动应用开发者来说,这意味着什么?这意味着在2018年,我们的应用和网站应该默认支持Apple Pay和Android Pay。

![手机设计:支付支持移动应用中支持Apple Pay和Android Pay。图片。 Shopify

10. 增强现实

AR正在迅速打入主流文化。在最近的Facebook F8开发者大会上,马克-扎克伯格宣称,很快所有的屏幕都将被镜头所取代,以获得终极的AR体验。考虑到谷歌、苹果、Facebook和微软在这一领域所做的工作,这一说法很有可能会变成现实。而手机的主导地位不会在短期内改变,但我们会看到移动设备的增强现实应用的大幅增长。

技术已经准备好接受AR

如今,创建AR体验比以往任何时候都要容易。首先,现代移动设备的处理能力搭配Retina显示屏和高分辨率的摄像头,让设计师可以创建令人印象深刻的AR应用。其次,苹果和谷歌发布了AR框架(ARKit和ARCore),简化了创建AR应用的过程。

AR被嵌入移动平台

AR的另一个好处是,不用安装任何东西就可以体验增强现实。一些核心的AR应用已经内置在一些移动平台中。

例如,在最近的谷歌I/O大会上,谷歌展示了新一代的Google Lens。这款应用提供了很多新功能,比如风格匹配,可以帮助用户查找视觉上相似的家具和服装。

移动设计:风格匹配Google Lens中的风格匹配功能。

AR是通用的

AR体验既可以用于娱乐,也可以用于解决实际问题。作为娱乐,AR就是好玩–我们大多数人都熟悉Pokemon Go和Snap Lenses,这就是AR体验如何好玩的好例子。

![移动设计:AR镜头整合到消息应用中的AR镜头可以在应用中使用,以创造更有吸引力的用户体验。

但除了好玩之外,AR也迅速成为一种解决实际问题、为用户带来实际价值的技术。例如,Air Measure可以在没有实物测量尺的情况下测量现实世界的物体。

手机设计:空气测量空气测量使它可以在没有物理测量尺的情况下测量现实世界的物体。

奖金:设计过程的重新设计。

今年是设计师重新设计设计流程的一年。在不牺牲产品质量的前提下缩短产品上市时间的需求意味着移动应用设计师专注于快速原型设计–周期性的迭代和不断发展的原型设计方法,并与用户测试的周期相结合(查看一些很棒的原型设计工具来帮助他们)。

在每个周期中,团队为产品创建一个原型,并与利益相关者和真实用户进行验证。在每个验证周期中,设计师使用复杂的原型设计工具,并利用设计冲刺的优势。

移动设计:设计冲刺设计冲刺对移动应用设计有极大的帮助。冲刺给团队提供了一条学习的捷径,无需构建和推出产品。图片 GV

另一个重大的转变是产品设计师与用户的沟通方式。公司在倾听客户反馈方面变得更加开放。许多产品创造者现在在他们的应用中加入了与用户直接沟通的渠道。

你可能也喜欢: 什么是设计冲刺,你应该运行它们吗?

一个不断变化的行业

移动行业正在发生变化,推动着我们创造数字体验的边界。毫无疑问,在未来几年,我们将继续看到惊人的创新。

但是,即使我们对设计的理解发生了转变,也要记住设计师的使命应该始终保持不变:设计的存在是为了让人们的生活更美好。随着2018年出现的这些新趋势,移动设计师们正试图做到这一点。

哪些趋势正在改变你的移动设计方式呢 在下面的评论中告诉我们吧!

发表评论 0

Your email address will not be published. Required fields are marked *