邮箱订阅

订阅即可免费获取优质的设计资讯!

邮箱订阅

感谢你的支持!

分享到微信朋友圈:

Close

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

热门文章

Mockplus是什么?

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

了解更多

2018年移动端UX设计的12个趋势

Thomas 2018-01-15 10:47:28 阅读:30064

接下来,我会列举出在2018年会持续发展的12个设计趋势,如果你想让你的产品有着更优秀的体验、更突出的竞争力,不妨在这12个趋势上多费心思。

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具


移动端APP的世界是瞬息万变。想要在移动端交互设计领域获得成功,维持住产品的热度和关注度,设计师需要不断地学习和调整设计,应对越来越严苛的挑战。


接下来,我会列举出在2018年会持续发展的12个设计趋势,如果你想让你的产品有着更优秀的体验、更突出的竞争力,不妨在这12个趋势上多费心思。


1、用户历程的简化


当我们同APP或网站进行交互的时候,通常是会有一个特定的目标。而为了达成目标,耗费在用户历程上耗费的精力越少,用户体验就越好。


线性用户流程


UX流程通常也是有开始、经过和结果这样的三段式的体验,用户每完成一个操作就离结果更进一步。线性用户流程对于用户而言是有指导意义的。因为用户能够在这当中估算出经历多久能够完成任务。


在 Uber中预定一辆车的过程就是线性用户的一个实例


逐步展现


当你的APP当中包含有很多信息和交互的时候,无需一次呈现所有内容,只有在用户需要的时候才展现所需的信息和交互,设计师使用这种渐进式的展现方式能够减少认知负荷以及可以提升界面的可理解性。



渐进式的展现方式很好的给用户在与界面交互时介绍交互方式


2、手势交互和动效的匹配


随着iPhone X 这样的全面屏设备的逐步普及,实体Home键一去不返,交互将越来越依赖于手势交互。对于设计师而言,这意味着什么呢?这就需要设计师越来越多地关注手势的交互和设计。


对于许多用户而言,手势交互的关键性问题在于它的可发现性和学习性。为了解决这个问题,UI和交互设计师需要将目光投放到动效和微交互的设计上。


借助动效,设计师可以让手势交互更加明晰:


帮助用户了解哪些元素和区域是可交互的(动画提示)



动效配合文字说明


阐明UI元素之间的空间关系(过渡动效)


提供关于交互的视觉反馈



3、以内容为中心的体验设计


为了更好地吸引用户的注意力,以内容为中心的用户体验设计成了新要求。在2018年,设计师可以试着通过下面的方式来进行设计。


降低信息噪音


降低视觉噪音,提升内容的一致性和可理解性是如今许多UX设计师的主要设计目标。设计师应该将关键和核心内容置于首位,制定出清晰的视觉语言,去除不相关的信息噪音。


去除所有的视觉噪音可以帮助你将注意力集中在你想获得的关键性信息上。


清晰的层次结构


让UI元素以更明确的顺序呈现,让内容更容易被用户理解。通过强烈的视觉符号(比如行为召唤按钮)引导用户同特定元素互动。


鲜明的颜色差用于主要的行为召唤按钮


4、全屏体验


随着三星 Galaxy S8和iPhone X 这样的全屏设备的普及,无边框式的全屏体验成了新的设计趋势。更多的屏幕空间可供用户使用,用户自然也希望体验“全屏化”。


高清图片和视频


让你的应用更加贴合全面屏是非常重要的,你APP中的这些素材的质量将直接影响用户体验,在移动端屏幕上,图片不能呈现像素化,不能达到用户预期又怎么能保证用户留存率呢?



5、明亮的色彩


色彩是设计师手上最强大的工具之一。色彩能够吸引用户的注意力,影响用户的情绪和行为。对于移动端应用而言,色彩是用户获取到的第一信息。


将色彩作为功能性元素


色彩并不仅仅具有美学特征,而且也是塑造功能和体验的一部分。比如,设计师会使用色彩来区分不同类型的按钮和通知。



使用色彩来区分不同类型的通知


6、情感化的体验设计


在2018年,我们会看到更多的带有优秀的情感化设计的移动端APP。


情感化设计不再仅是当用户完成一个特定行为的动效展现。它是提升用户体验强有力的方式。


更好的情感呈现方式


对于人而言,情感的呈现是人的天性。即使是只有字符串,人也能使用表情符号来表达情绪。



斯科特·法曼于1982年创建的著名 ASCII表情


在移动端APP大爆发的年代,我们有更多的方式来传递情感。最典型的是源自于iPhone X 的人脸识别技术和 Animoji,用户可以将自己的表情转化为动画发送出去。



Animoji可以使你将个人表情分享给其他人


APP中的自然交互


手势交互改变了我们和界面交互的方式,例如:我们点赞我们喜欢内容的方式。你不必在按钮或图标上点击,随之代替的是,你可以直接在屏幕上画“爱心”图标。



情感化的UI反馈


作为人类,我们会和所使用的产品产生情感联系。因此,我们在和APP交互的时候,会期望它有“人性化”的反馈。即使我们知道APP并非人类,也不会有情绪,但是有情感化的UI反馈出现的时候,我们依然会相信它有。



在用户输入时,给予用户的情感化响应


7、视频内容的大范围普及


根据HubSpot 的数据,作为营销和展示的视频内容和视频元素在过去的2017年当中有明显的上升,平均每周有超过78%的用户在线看视频,而超过55%的用户每天都在看视频。视频内容正成为大势所趋。


为碎片时间而生的短视频


根据统计,人类的平均注意力维持时间从2000年的12秒,逐步降低,在2015年的数据是8秒。这样的局面使得短视频(诸如360度全景视频和Facebook直播)成为了内容交付的新途径。在2018年,会有更多的用户和商业会使用视频的方式来传递更重要和更及时的信息。



Facebook视频直播


偏向人物拍摄的视频内容


根据 Luke W 的统计数据,如今手机拍摄的内容当中94%是人物相关的内容,这意味着视频内容的制作方向也要有意识地向着这个方向偏移。



8、生物识别


生物识别系统已经越来越成熟,也逐步成了如今的授权和管理系统中的重要组成部分。生物识别需要一个特定的生理或行为特征,例如:面部识别,指纹识别,或声纹识别。


更多的人会使用生物识别和认证


生物识别并非是全新的技术。现如今很多人使用生物识别认证来代替传统的密码。根据苹果公司的统计,平均每个iPhone用户每天会解锁80次,而其中89%的用户使用的是指纹识别。在2018年,我们会看到越来越多的生物识别技术会运用在认证和身份识别管理上。这项技术同样可以增强终端用户的安全性和提升将此技术运用到APP中的商业机会。


Face ID 将会逐步替代 Touch ID


在2018年,以 Face ID 为代表的面部识别技术已经成为新趋势,iPhone X的用户已经熟练的使用自己的面孔来解锁界面,随后应该会有更多的企业和服务商加入到面部识别技术的普及当中来。



9、对话式界面交互设计


根据 comScore 的调研,普通用户最常使用的三个应用当中,至少包含一个通讯类APP。人们喜欢聊天,这也是为什么普及人工智能目前最常见的形态是聊天机器人(ChatBot)和声控语音助手。毫无疑问,对话式界面和语音交互将会是2018 的一个热点趋势。


通讯平台里的聊天机器人


虽然各种ChatBot这样的语音机器人不大可能将常规图形化界面替代,但是它们也会作为各大服务平台的主力助手,帮助企业和服务商来同用户进行有效沟通。



更成熟的语音助手


图形用户界面不是我们与现有APP交互的唯一方式。自然语言的处理和计算能力技术的提升使得使用不同类型的语音交互成为可能。Google 在 2016年的调研发现,20%的移动端的搜索已经是使用语音指令发出,这样能解释为何各大科技企业都在向着语音助手领域而奋进。语音助手对于用户体验确实有所提升,它也是有着巨大潜力的发展方向。


愈发重要的文案


会话界面在设计师和开发者人群中的盛行使UI界面中的文案越来越受重视。ChatBot和用户之间的信息交互,本质上就是文本的交互,文案在此有多重要,就不用多赘述了。每个词需要精心选择。


10、深度个性化


个性化的用户体验将会成为2018年的热门趋势。


基于用户的位置提供内容


由于移动端设备通常会随着用户的位置改变而变化,基于不同的地理位置信息,而为用户提供不同的内容,甚至成为用户体验优化的一个方向。以星巴克为代表的服务商已经在他们的APP当中内置了这样的功能,用户能在不同的门店享受到不同的优惠服务。在2018年,我们会看到会有越来越多的APP使用这个来提升用户体验。



定制化的用户界面


UI界面中的个性化设计不仅仅关乎内容,每个用户都是非常不同的,有的用户可能视力差,有的可能是色盲患者。那么,为什么APP都是一样的UI界面呢?


个性化的UI界面应该单独适配每一个用户,借助内置的传感器和其他的辅助信息(追踪用户如何和APP进行交互以及他们在使用过程中有什么问题),来实现更加深度定制的UI界面。基于这些信息,APP可以决定是否应该将界面字体调大或是在看视频的时候把声音调大。


11、现实增强技术


和对话式界面和语音交互一样,现实增强技术为用户提供了全新的、可用的交互方式。一年以前,马克·艾略特·扎克伯格预测所有的屏幕将会最终被镜头给取代。2018年将会是显示增强技术爆发式增长的一年,每个用户的手机镜头都会成为和虚拟世界沟通的桥梁。


更容易实现的AR体验


目前市场上AR类应用越来越多。迄今为止,创建AR类应用不是一个简单的任务。在2017年,诸如苹果和Google等大型企业也都推出了AR设计的规范和相应的素材,让设计师和开发者可以更轻松的设计出体验更好的AR类APP。


娱乐用AR


以Pokemon Go 为代表的AR类应用,让大家看到了AR在娱乐领域的巨大潜力。它不仅可以用作游戏,还能集成在各种社交应用中,提供更具吸引力的用户体验。



用AR解决现实问题



AR技术从诞生之日起就是为了给用户解决具体问题而存在的。诸如 AR Measure 这样的应用就是用来帮助用户测量各种真实物体的尺寸,而不需要借用传统的卷尺等工具。


12、移动支付


移动支付快速成为了很多用户的常规操作(在2017年,使用移动支付的人群数量翻了一倍)。



根据 Juniper的调研报告数据显示,使用Apple支付和安卓支付的人群数量分别是8.6千万和2.4千万。


移动支付如此强大,它可能改变日常的商业模式。例如:中国的移动支付很快的成为了人们偏爱的支付方式。


这对于移动端APP开发者意味着什么呢?这表明,在2018年,我们必须在我们的产品(线下和线上)中将苹果/安卓支付作为必选项。



使用苹果支付的选项


原文作者:Nick Babich


原文地址:https://uxplanet.org/12-mobile-ux-design-trends-for-2018-5b4ce7e8445f




Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。



扫描二维码,关注 “摹客” 微信公众号。

原型工具难上手、速度慢?试试Mockplus!

_____

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

免费下载
logo

咨询客服

帮助群:727533832 加入QQ群

服务邮箱:service@jongde.com

咨询客服

在线客服

置顶