这篇文章会深入剖析2021年设计趋势分析,下面是文章的目录:
- 热门趋势,技术改变设计
- 设计应用案例
· 动效、微交互/3D的应用/拟态设计
· 故事性/VR、AR/极简主义
· 自适应动态UI/屏幕的替代品
- 总结
I.4G到5G移动数据传输的大规模进军
5G时代已经到来,预计将在22年大规模普及。5G的最高速度会是4G的2.7倍,这会对设计产生巨大的改变,比如loading状态可能会消失,数据可视化的时代将成为现实。
II.便携应用(小程序)的日益普及
现在我们不需要下载一个功能齐全的APP,而只是使用APP的一部分功能,因此我们在设计应用的时候需要把方便用户的功能设计出来,而不是展示所有功能。
III.物联网的应用
据全球统计,平均每个人拥有6.58台互联网设备。不仅仅是手机、平板、电脑、智能手表,还有智能家居的冰箱,摄像头等等,这只是物联网的一小部分。当然家用电器跟可穿戴设配有不同的用途,但这两者都是22的一个大趋势。
IV.在云端解决问题(云手机 、云电脑)
预计之后到来的会是,移动应用中云解决方案的暴增性增长。在云端的一些应用程序将大大的节省我们设备的内存,它给设计师跟开发者带来的将会是降低大量的开发成本,将会有更多资源用于功能和界面设计
V.无密码登陆
输入密码已成为了过去,现在的设备都具备FaceID或者指纹认证,因此我们不需要记住密码,也不会登陆不到APP,这就是往简单、高效的UI迈进的一大步
上面我们了解了技术是如何改变设计的,下面来看下APP设计是如何应用到实际中
动效、微交互
动效和微交互作为APP沉浸式设计的组成部分,动效和产品功能的微交互是22年移动应用程序设计的主要趋势。
动效和微互动可以吸引用户的注意,创造出正确的引导,因此不需要添加额外引导以及额外的文字。
动效使APP更有活力,因为用户参与了他们和应用程序之间的互动。即使是一些小的动画,比如在滚动时改变活动块的颜色或减小标题大小,也可以改善用户使用体验。
个性化的动效是另一种趋势,它可以使产品和用户之间建立不错的互动
使用个性化的动效,屏幕上的元素会根据用户的行为而发生变化。现在的大数据已经可以帮助我们区分不同用户的习惯,并区分出那些需要更好服务的用户和一些只是闲逛的用户。
这里有许多应对策略-包括A/B测试、市场分析和用户细分-以适应设计和个性化的区分。但是面向用户的UI主要目标是适应用户的需求,这取决于他们的痛点和他们在使用过程中所处的阶段。
Dribbble :by Jitu Raut
3D的应用
好的设计的和三维元素可以有效的传递以下信息:
赋予产品未来感
给用户一个细致观察、旋转和物体大小的机会,从而提高用户对产品的参与感和兴趣
比文本能更快更好地传达关键信息
此外,3D模型的交互类似于线下体验,客户可以直接查看和触摸产品。这种方法会增加用户的直观感受。
设计和开发三维可视化的过程仍然会有些繁琐。然而,在开发上的投入资源会有回报的,因为与游戏化元素的独特展示方式会使产品在市场上更具竞争力。
新的拟物化设计
除了产品的3D模型,我们不得不提到3D风格的回归--拟物化。
在经历了无数的波折之后,拟物化可能会再次复兴。轻拟物的细节、阴影和照明会更加细腻,增加了沉浸式体验,并消除了用户和应用程序之间的隔阂。
Dribbble :Voicu Apostol for IKEA
故事性
给用户讲故事是一种简单、有效跟用户互动的方式。
完整的故事是一个综合性的叙述,包括插图,动画,文本,排版和连贯的交互流程等。
下面我们来举例说明
I.当用户在购买过程中不得不采取各种行动时,连续性的交互体验是比较好的
我们可以在页面上使用简短的通知,而不是弹出窗口和覆盖。
举例:当用户必须提供填写的个人信息时(特别是敏感信息),他们会感到不舒服,所以我们要传达给用户的是安全可靠,不要用弹窗覆盖用户信息。
II.使用动态页面
现代的设计是帮助用户在没有任何认知负荷的情况下参与APP的交互。
让用户有机会更改产品的添加或删除,而不必返回前面几个步骤。动态用户体验是专注于用户路径的自适应动效。
虚拟现实
VR和AR已经超出了不是游戏和娱乐应用程序的专属,它们现在已经成为电子商务、健康监测和美容应用程序的一部分。VR和AR可以让我们真实感受到与产品的联系,并帮助我们建立对产品的认知。AR也是一个很好的例子,它可以加速信息处理和目标的实现。
VR和AR 是刚刚进入市场的新技术。如果你想给你的用户留下深刻印象,并在竞争对手中脱颖而出,请不要犹豫,让它成为你设计的一部分。
极简主义
据统计,人类的平均注意力广度已经从2年的12秒缩短到219年的7秒。而且还在继续减少。现在要让用户的注意力在必要的信息上停留要比以往任何时候都困难。这就是为什么极简主义和简单化是两个不会消失的UX/UI趋势。
以下是如何使应用程序更简单:
I.页面留白
留白是当今极简主义的主要特征(行间距和信息块之间的大边距)。这样的页面包含的元素不多,因此视觉聚焦就会非常简单。
II.隐藏的导航面板和按钮
这种已经成为一种普遍的做法,不仅隐藏菜单类别在一个小图标下,而且还通过左划、多次点击等帮助在应用程序中唤起。在聊天里面的左划删除就是很好的例子。
自适应动态UI
动态UI的应用程序是根据设备类型和其他外部条件更改其形式和外观。在用户体验中,界面会根据交互类型(而不是外观)和用户行为而变化。
一个动态的用户界面会让应用在各种不同的设备上看起来非常完美,从宽屏幕到智能手表等。
UI自适应的另一个例子是在夜间自动切换到暗模式。暗模式的另一种选择是自定义设置暗模式,并提供动态切换颜色选项的机会。装饰性的动态界面的另一个例子是应用程序元素上的阴影,该阴影会根据设备角度而变化。
屏幕备选方案
到目前为止,我们都已经习惯了以屏幕充当物理世界和数字世界的媒介。但这种情况会保持不变吗?现在可穿戴设备越来越受欢迎,触感设计也可能会是未来的方向。
随着智能音箱的用户在稳步增长,检测和识别不同语言的技术也在逐渐提高。在不久的将来,语音或许会广泛应用于电子商务、流媒体服务和新闻应用程序当中。
几年前流行的聊天机器人,现在已经广泛应用于应用程序和用户之间的实时对话,随着语音硬件的增长,这种应用技术也许会达到一个全新的高度。
Dribbble :Gleb Kuznetsov
移动应用设计趋势都是需要以用户为中心,来找到最合适面向用户的解决方案。不要盲目地追逐潮流,而是需要我们找出最适合业务和目标的解决方法。
当我们真正把客户放在设计策略的中心,才能赢得用户的信任。
谢谢阅读,喜欢可以关注下 ~
领取专属 10元无门槛券
私享最新 技术干货