2018年移动端UX设计趋势

作者: Kince_X | 来源:发表于2018-06-18 15:51 被阅读106次

    移动端APP的世界真的是瞬息万变啊,各种设计技法和新鲜趋势你方唱罢我登场,想要维持住产品的热度和关注度,设计师需要不断地学习和调整设计,应对越来越严苛的挑战。

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

    1、用户历程的简化

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

    线性用户流程

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

    逐步展现

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

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

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

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

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

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

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

    提供关于交互的视觉反馈

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

    为了更好地吸引用户的注意力,以内容为中心的用户体验设计成了新要求。诸如Medium 这样内容为主的产品甚至设置了内容策略师这样的职位。在新的一年,设计师可以试着通过下面的方式来进行设计。

    降低信息噪音

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

    更清晰的层次结构

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

    4、全屏体验

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

    高清图片和视频

    让你的应用更加贴合全面屏是非常重要的,这些素材的质量将直接影响用户体验,不能达到用户预期又怎么能保证用户留存率呢?

    5、明亮的色彩

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

    将色彩作为功能性元素

    色彩并不仅仅具有美学特征,而且也能塑造功能和体验。比如设计师会使用色彩来区分不同类型的按钮和通知。色彩的使用通常需要结合色彩心理学和配色规则来使用,而时下流行的明亮的色彩,更是要注意。

    6、情感化的体验设计

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

    更好的情感呈现手段

    对于人而言,情感的呈现很自然,即使是只有字符串,人也能使用表情符号来表达情绪。在移动端APP大爆发的年代,我们有更多的方式来传递情感。最典型的是源自于iPhone X 的人脸识别技术和 Animoji,用户可以将自己的表情转化为动画发送出去。

    APP中的自然交互

    手势交互改变了我们和界面交互的方式,而随之而来的语音交互也正在逐步成熟,借助AR技术,我们具备了和虚拟对象交互的可能性。我们在APP中的交互会越来越自然多变。

    情感化的UI反馈

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

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

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

    为碎片时间而生的短视频

    根据统计,人类的平均注意力维持时间从2000年的12秒,逐步降低,2015年的数据是8秒。这样的局面使得短视频成为了内容交付的新途径,也更加符合当前人们生活的碎片化的信息获取渠道。

    偏向人物拍摄的视频内容

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

    8、生物识别

    生物识别系统已经越来越成熟了,也逐步成了如今的授权和管理系统中重要的组成部分。从如今已经无处不在的指纹识别,到逐步成熟的棉布识别,声纹识别,我们自己正在成为自己的密码。

    更多的生物识别和认证

    生物识别并非是全新的技术。诸如指纹识别就是非常成熟的技术,根据苹果公司的统计,平均每个iPhone用户会解锁80次,而其中89%的用户使用的是指纹识别。在2018年,我们会看到越来越多的生物识别技术,设计师也可以将这些技术充分地运用到APP设计当中。

    Face ID 将会逐步替代 Touch ID

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

    9、对话式界面和交互设计

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

    聊天机器人平台

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

    更成熟的语音助手

    自然语言处理的技术已经有了显著的提升,这也使得Siri 和 Alexa

    这样的语音助手可以作为语音交互的入口而长期存在。Google 在

    2016年的调研发现,20%的移动端的搜索已经是使用语音指令发出,这样能解释为何各大科技企业都在向着语音助手领域而奋进。语音助手对于用户体验确实有所提升,它也是有着巨大潜力的发展方向。

    愈发重要的文案

    UI界面中的文案越来越受重视,而语音所承载的文本同样是文案内容。ChatBot和用户之间的信息交互,本质上就是文本的交互,文案在此有多重要,就不用赘述了。

    10、深度个性化

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

    基于用户的位置提供内容

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

    定制化的用户界面

    UI界面中的个性化设计不仅仅是关乎内容,每个用户都是非常不同的,不仅仅是偏好不同,用户的视力状况、需求、爱好、文化背景都有着明显的差异。个性化的UI界面应该单独适配每一个用户,借助内置的传感器和其他的辅助信息,来实现更加深度定制的UI界面。

    11、现实增强技术

    和对话式界面和语音交互一样,现实增强技术为用户提供了全新的、可用的交互方式。2018年将会是显示增强技术爆发式增长的一年,每个用户的手机镜头都会成为和虚拟世界沟通的桥梁。

    更容易实现的AR体验

    目前AR类应用越来越多,而诸如苹果和Google等大型企业也都推出了AR设计的规范和相应的素材,让设计师和开发者可以设计出体验更好的AR类APP。

    娱乐用AR

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

    用AR解决现实问题

    AR技术从诞生之日起就是为了应对具体问题而存在的,诸如 AR Measure 这样的应用就是用来帮助用户测量各种真实物体的尺寸而生的。

    12、移动支付

    中国的移动支付已经走在世界前列了,大家使用现金的频率已经相当低了,而移动端支付已经成为主要的日常支付手段了。

    移动支付对于整个商业和金融体系的改变是巨大的,对于移动端的UI和UX设计师而言,也是无法忽略的大趋势。

    本文地址:查看原文请点击

    相关文章

      网友评论

        本文标题:2018年移动端UX设计趋势

        本文链接:https://www.haomeiwen.com/subject/stpweftx.html