2020—2021 设计趋势·用户体验篇

用户头像
杭州/UX设计师/5年前/4605浏览
2020—2021 设计趋势·用户体验篇
用户头像
MarcusLeo

设计趋势具有周期性

趋势永不止息


导读


思考、创新、交互、未来是属于杰出的设计师的。


在当下的社会,你可以随意地去获取任何东西,实物也好,概念也罢,人们很少会去关心你能从盒子里拿出什么,很多人更关心的是:随着时间的步伐,你的设计能持续提供什么


用户体验是用户在使用产品以及与产品发生交互时出现的主观感受和需求满足,这是一个很难去量化的标准,但是好的体验能带来非常好的效果,比如更高的留存率、更大的传播度、降本提效,甚至能给产品带来更强的竞争优势。


随着技术在不断的进步与发展,用户的需求和心理也在不断的发生着变化,新的产品和服务层出不穷。体验设计在行业上也出现了很多新的设计方式。设计的趋势每年都会有很大的突破且变化很快,但主流的趋势却是趋于稳定的,且周期性很强,所以我们在面对多变的行业风向时,要对趋势进行理性看待和了解,做好准备,迎接挑战。


与大家分享一下2021年UX的设计趋势中的经验和总结,GIF很多,耐心加载观看哦。

(注:素材来自网络,已标明出处及作者,若有侵权请告知删除)

(设计之路   道阻且长)



目录:


一、高级微交互(Advanced Micro Interactions)

二、增强现实&虚拟现实(AR & VR )

三、数据可视化(Useful Data Visulazation )

四、功能性3D图形(3D Graphics With Functional Purpose )

五、身份认证(ID Authentication )

六、语音用户界面(Voice User Interface)

七、用户引导设计(Advanced Onboarding )

八、实时协作(Live Collaboration)

九、高级个性化(Advanced Personalization )

十、引人入胜的故事背景(Compelling Storytelling)


末、3D资料自获取(网盘)




👋

一、高级微交互

  —  

          

为了更好的服务于内容,产品的独特性体验通常能够吸引到目标用户,而独特的交互细节则决定了我们的产品能否在同类竞争中取胜。


出色的微交互是用户能愉悦使用产品的关键因素之一,特别是在UI上的结合,单击按钮、菜单、icon 和滚动页面等等此类的细微交互都会影响到用户的行为,创意的交互更容易抓取到用户的记忆点,它通常只关注于单个事件或单个任务,只需瞬间既可完成。


特点:

  1. 触发行为

  2. 规则流程

  3. 实时反馈

  4. 反复循环

 User Reviews Micro Interactions


更加灵活与连续性的页面转场效果,产品之间交互事件的流畅自然,可以更快的获取用户的记忆点,带来更舒适的使用体验。


页面之间的交互不再只是简单的滑入滑出,取而代之的是3D和视频的结合,与产品内容形态相关的交互过程。

用户通过简单的滑动操作,就能极大的满足用户,愉悦心理,提升使用体验。

    Cuberto


随着设计表现技法的不断成熟,越来越多的产品在交互上的表现也愈加的细腻、自然,而这也将极大的提升产品在设计层面上的表现。


设计师可以在动画上,结合真实的物理规则,赋予用户更真实的触感。比如在tabbar上面的微交互就是在精美的界面之上,利用“抖动”“点击”“溶球”等方式,赋予产品交互的流畅自然,愉悦了操作体验,更抓取了用户的眼球,产生好感。

 Cuberto

细节设计更像是微交互的灵魂,看似无关紧要,却总会在适当的时候出现,令人怦然心动。


作为一名UX设计师,如果能结合落地到实际工作中,兼顾功能性和易用性,善加以运用和创新,这些微交互小细节将是你做好交互设计的关键因素,为你的设计加分。





👋

二、虚拟现实&增强现实


5G时代的来临极大程度上带动了VR的快速发展和应用,诞生了许多的新场景。人们借助AR,能让原本虚构的数字世界融入到现实的物理世界中来。


虚拟现实 VR(Virtual Reality)可以理解为人工环境,比如说你带上VR眼睛所看到的景象都是靠这些设备产生的,换言之就是假的,虚拟的。典型的例子就是VR游戏和直播。


比如异常VR演唱会,由于疫情的影响你不能到场观看,但通过VR,你能把你“虚拟”到演唱会现场,这个就是VR。


特点:

  • 多感知性

  • 有沉浸感

  • 交互性

Adrian Przetocki


增强现实AR(augmented Reality)可以理解为你带上一附眼镜后,看到的全都是真实的场景。比如微软的Hololens、国产的meta 等等。


典型的例子就是,在你面前有一座商场,肉眼看到的就是一座建筑,但是如果你带上谷歌特制的眼睛后,你能投过墙体看到商场中的人流分布,打折信息,商铺的详细,等等。但前提得是你本人就在商场周边,它是真实的环境,实时存在的。

✨Volodymyr Kurbatov

将AR技术融入到现实的场景中,能极大的丰富了人们的生活方式,设计上也会更加的具有前瞻性。

未来AR和设计落地的场景一定会越来越多。


特点:

实时交互

真实和虚拟的信息集成

三维增添虚拟物体

✨Volodymyr Kurbatov


屏幕和增强现实体验结合起来,把屏幕作为背景,作为生活和声音的来源。


设计师也可利用三维空间的表现力,将产品页面打造成一个更加立体与真实的空间。在用户操作屏幕的过程中,带来更流畅与真实的体验感受。


未来,在人工智能和机器学习的帮助下,AR将在医学,艺术,商业,客户服务或导航等领域得到更加广泛的应用。而设计作为底层的一项技术支持,未来将会赋能于各行各业,继续发挥它的最大价值。




👋

三、数据可视化

  —

  

现在很多招聘的企业都要求具备可视化设计的能力,包括晋升、答辩和汇报等等环节,我们也会经常接触到大量的图表,怎么帮助企业去增加行为决策上的高效,怎么让数据会“说话”,如何以视觉的方式去清晰和完整的展现数据,在2021年大数据依然会是一个设计的趋势,掌握这项技能对于设计师依然是必备的。


数据可视化为用户提供了更为有趣的交互体验,可视化落实到实际场景中的有“仪表盘” “后台管理面板”“数据大屏”“金融产品”等。在视觉转化中设计师需保证对信息准确传达,同时强互动性更易于心理交感和行为的交往,赋予数据的生命力,使得数据展示更加的生动、形象化。


特点:

可拓展性

准确性

价值参考

Alien pixels


设计和经验有关,也和数据分析有关系。

相信在未来,将数据和技术融入到更多的数字产品和服务的场景一定会越来越多,同时也会给设计师们的创作带来无限的可能。


在2021年UX设计师更要学会多重技能,要学会去看待数据,用数据来打造日常物品的新定义,解决产品场景中的难题,提升效率,使产品变得更聪明、更有效。


 



👋

四、功能性3D图形


设计一个产品,如果是为了满足个别用户的需求,那么这是定制化设计,有许多设计师正在从事这方面的工作。比如一些人会利用 3D 技术去实现自己的设计。


随着当下很多开源3D设计工具的出现(文末,有免费的场景和3D元素可下载),于是一些免费的3D预设元素和场景组件的也相继出现,可供设计师们的选择也就越来越多,很多设计师也可以快速的制作绚丽的3D场景,同样的3D的运用在插画、UI 、图标、动画和设计相关的领域都有很深入的结合,而且深受设计爱好者们的喜爱。


3D风格:

  • 3D Illustration

  • 3D UI

  • 3D Shapes

  • 3D Animation

Pé Grande

随着动画实现技术的不断进步,3D在动画上面的结合也会愈加的细腻和频繁,精彩的动画会吸引很多的用户眼球,流畅的视觉表现形式也更易受到用户的喜爱。


在设计中结合3D元素去构建场景,让简约的3D和有趣的动画作结合,去吸引用户,动画过渡和场景构建在2020年已经变成一种流行趋势,在很多设计的场景中都能见到他们的身影。

3D Animation

2021年依然会是3D的一个趋势,比如3D在图标上面的结合,它们是在质感和光感的表达上是很出色的,在用户操作屏幕的过程中,带来更流畅和真实的体验感受,比如下面的案例结合。


“真实立体”“形态丰富”“视觉冲击”我们可以切身感受到图标所传达出来的情绪和性格。

Pitch


3D元素的结合不仅可以让我们的设计更具说服力,也能表达更多的信息内容,与往年不同的是,3D的插图也更加的简约、清爽,一目了然。

Julien Renvoye


在2020年,3D技术在设计领域的风靡并不令人意外,设计师可以利用3D的表现力,把产品打造成一个更加立体和真实的场景,相信在2021年3D在设计上的结合会更加的频繁。


作为UX设计师,追求趋势是不可避免的,同时我们也需要不断的学习,武装自己的设计技能库,提升设计的效率!






👋

五、身份认证


  

我们在日常使用APP时,特别是在使用某项功能的时候,都需要额外进行用户认证,这似乎是一个无法逃避的流程。例如支付宝绑定银行卡,微信支付等等场景都需要实名认证,如何合理的设计产品的用户认证功能,保证用户的使用安全性和隐私,提升用户体验,这不但是业务需求更是法规需求。


互联网的发展离不开技术的支持,合理利用流畅的交互方式赋予产品的生命力,让用户执行某项操作的时候不会被影响,特别是在金融场景里面,把网络的虚拟身份和现实的真实身份进行关联,也会是一个挑战。


AI 驱动的智能语音助手,它能对你的面部ID进行快速的识别,快速的认证。

Alberto Macherelli

Gleb Kuznetsov✈


身份认证是确保信息安全的重要过程,在2021年,全面疫情时代,每个人的信息安全也是很重要的一个设计方向,未来设计在身份认证方面联系的肯定会更加的紧密。






👋

六、语音用户界面


随着机器学习和人工智能技术在互联网的广泛应用,语音识别已悄然走入人们的日常生活中,正在帮助人们改变使用习惯和传统观念,越来越多的人开始在使用语音交互的产品,围绕语音和体验的核心应用场景也在持续升级。


语音用户界面(Voice User Interface,简称VUI),语音识别的在设计上的应用非常广泛,常见的场景有语音输入,语音交互等等。较为熟知的例子有:Siri、amazon echo alexa、Google home、天猫精灵和小爱同学等等。


特点:

  • 不会丢失和忘记

  • 易储存,方便使用

  • 用户忠诚度高

  • 方便推广

Ramotion

这样的智能设备改变了传统的交互方式,没有触屏交互事件的发生,无按钮,无导航,无菜单界面。用户只需通过语音输入,系统就可以自动做出识别反馈,跟进操作。


技术的进步必然会带来效率的提升,当AI越来越能正确判断客户的个性化需求,语音交互也就可以更加高效的处理复杂的任务和操作,降本提效,缩短操作行为,成为人们生活的“好帮手”。

Milkinside

而随着技术的和硬件设备的不断发展,语音交互将会是未来车载交互的一个重要入口,它将不再仅限于简单的语音识别层面,提供命令式的服务,反而是会通过记录用户的使用习惯、喜好等数据,当用户提出相应的服务要求时,为其提供满足甚至超出预期的服务行为。


语音之外,因为部分交互的便利性,手势、视觉和体验等交互也会发挥作用,语音交互的趋向会更自然、更人性化、更个性化。届时,车载交互将会呈现出一个多模态交互的状态。







👋

七、用户引导设计


用户引导设计的概念正在越来越受到设计师门的追捧,Onboarding就像是一种虚拟的开箱体验,它可以帮助用户更快的使用应用程序,并让整个使用体验流程流畅友好,增加用户的惊喜感和愉悦感。


Onboarding用户引导其实就是一个向新用户介绍产品的过程,国内结合的最好的大概就是微信了,从上线的开始,从未见过微信掺杂其他的东西,onboarding都是一个孤独的小人站在某星球上,遥望“蓝色弹珠”至今未变动过。



特点:

  • 美感

  • 舒适度

  • 人性关怀

 Cuberto


Ghulam Rasool 


onboarding这个过程有点类似于我们和暗恋已久的人第一次的约会,有没有下一次,就取决于在这珍贵而有限的时间里,你能否给到对方美好而深刻的印象—让他们在了解你的同时,制造出只属于你们之间的特殊回忆,让她们对你产生更多探索的欲望和兴趣。


用户引导成功是用户实现增长的关键。Onboarding在很大程度上决定了用户是否会再次、持续地使用这个产品,甚至帮助产品完成裂变传播。


成功的产品无一例外都相当重视用户引导,比如Uber,Whatsapp,Dropbox. 从文案,设计,体验,到易用性等方面,他们对每一个构成用户引导的细节都做了很多的研究,花费了足够多的心思。因为他们都清楚用户引导对于产品成败的重要性。





👋

八、实时协作


因为疫情的爆发,在2020年人们意识到了在线协同办公Live Collaboration 的重要性,这也成为了很多人的刚需,于是,越来越多的协作软件也都相继出现,比如Teambition、Spatial和Divan Raj 等虚拟办公生态系统,极大的解决了工作协同的实时同步。


新趋势下,协作效率软件的需求会剧增,设计师要学会应对复杂的需求环境,对海量密集的信息进行降噪设计,设计出合理、高效协同,符合用户实际需求的服务设计。


特点:

  • 多人实时协作

  • 方便快捷高效

  • 规范化管理

  • 降本提效


在产品线上,注重效率协作的工具更易受到用户的青睐,设计师更多的要考虑多人协作的场景,差异化的设计出产品的功能点,降本提效,提升体验设计的服务价值。


2020年受到新冠疫情的持续影响,很多的行业在整顿和调整,需求的多变,在2021年对视频会议、团队信息和文档制作等协作工具的需求会激增,在新年的开始,疫情还在继续,而这样的设计趋势在2021年还是会火热下去。






👋

九、高级个性化


2020年互联网的产品开始从大众化向个性化转型,而越来越多的产品通过精确定位找到了新的机会。理解和运用设计语言将成为衡量一个产品是否成功的关键因素。于是“设计感”就被抬升到一个和运营能力一样高的位置。


个性化是基于用户特定偏好来匹配内容,无论他们是否输入内容。个性化都会由一些事情触发,让用户轻松找到符合自己特定的需求和兴趣的内容和功能,通过良好的用户体验留住用户,提升产品价值。


新趋势下,更自然丰富的交互方式,多维度动画呈现,更灵活和连续流畅的转场效果,将会极大的结合在产品设计中出现。

Brave Wings

用户通过连续的交互手势对页面进行操作时,页面之间的转场不是只有简单的移入移出,而是与内容形态相关的内容转换,舒适的使用记忆、连贯的操作体验,可以帮助用户在页面跳转的时候更好的记住产品,提升使用服务体验,愉悦用户。

✨Taras Migulko

当市面上的产品,功能、设计越来越同质化,转而向个性化和创新的产品就会脱颖而出,就能给用户就能留下深刻的印象,进而抓取到用户的心理。所以设计师要去掌握心理学,了解目标人群,进行用户细分研究,创新设计内容,为产品设计创造出价值。





👋

十、故事背景引入


会讲故事是设计师必须要掌握的一个重要能力。无论是和上级汇报还是在产品设计上对用户的引导,都能体现出一个设计师强大的用户同理心,站在用户的角度思考问题才能取得用户的认可和信任。


新形势下越来越多的产品开始注重故事的融入,更讲究引导性,每一个故事都有其背后的意义,记住产品、构建品牌价值,同时增进用户和产品之间的情感联系。


特点:

同理心

用户引导

品牌传播

好的设计,即是一个好的故事,做好细微的产品设计细节,渐次融入到产品开发中的环节去,提升产品的质感,极大的提升用户的使用体验。



设计趋势具有周期性

设计趋势是循坏的,永不止息!


需求在不断变化,产品在高速迭代,于是体验需求也需要不断的进行持续升级。

在2021年的后疫情时代给我们UX设计师提出了更高的设计要求,比起紧跟趋势的发展,我们不如深入的去理解背后趋势发展的真正意义,理性去看待和了解,做出可用、易用和高效的设计。这样每当趋势到来之时,我们才不会随波逐流。







写在最后:途中文章经过了很多次的修改,但仍旧存在很多不足之处,包括对一些新潮的技术只是停留在概念上,并没有真正去落实,但未来一定会有它们更广的应用场景,如果你有更好的想法,欢迎随时交流、斧正。


2021年,前路浩浩荡荡,万事尽可期待呀

新的一年祝大家身体健康,牛气冲天,升职加薪呀!!!




末:3D资料的获取


准备了一些3D的PNG原图,可以给大家应用到设计当中去,关注并私信我,给你发链接哦!



76
阅读原文
|
举报
|
142
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
空的平台平面和自然景观
金色颗粒质地的平面
空的平台平面和自然景观
金色颗粒质地的平面
金色颗粒质地的平面
中国传统纹样创新图案设计
古风平面仕女与瓷器
平面男孩喝咖啡插画设计
城市园林平面布局航拍
“知识宅急送”外卖,快递,平面,海报,素材,教育
海底世界插画
平面设计 吊牌设计
金色颗粒质地的平面
学习,优惠券,平面,海报
水蜜桃和李子的平面水果图案
平面风格黄绿色系花朵装饰
倒计时,海报,平面
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
玄关入门地毯印花图案红地毯
平面人物插画
平面插画设计女孩喝咖啡
城市园林平面布局航拍
平面花卉图案扁平简约无缝拼接插画
城阙凡花
你可能喜欢
相关收藏夹
动效
动效
动效
动效
大家都在看
登录注册