|
|
51CTO旗下网站
|
|
移动端

本年度十大移动应用UI/UX的设计趋势

作为开发人员,特别是移动开发人员,我们需要善于紧跟当前的设计趋势,持续提升用户使用软件产品的满意度。下面,我们将和您讨论本年度十大移动应用的UX/UI设计趋势。

作者:陈峻编译来源:51CTO.com|2020-02-10 09:00

【51CTO.com快译】UI/UX是User Interface / User Experience的简称,也就是我们常说的用户界面与用户体验设计。如今,从人工智能到Android 10与iOS 13的夜间深色主题模式,应用界面的相关技术正在不断地进行迭代与更新。因此,作为开发人员,特别是移动开发人员,我们需要善于紧跟当前的设计趋势,持续提升用户使用软件产品的满意度。下面,我们将和您讨论本年度十大移动应用的UX/UI设计趋势。

本年度十大移动应用UI/UX的设计趋势

1.无键(Buttonless)设计

三星Galaxy S8可能是第一款摆脱了Home键的智能手机。如今,许多手机都在考虑移除掉所有的按键,甚至包括音量与锁屏键。在没有任何按键的情况下,手机将全靠屏幕来进行各种导航。因此,UI/UX设计人员在设计移动应用程序时,必须牢记的是:应用程序需要通过应用内(in-app)的手势,来调整和适应硬件上的变化,进而实现顺畅和无按键式的导航效果。

2.语音驱动(Voice Powered)的设计

如今,语音交互已经频繁地出现在我们的生活中。2018年Google发布了Duple产品。它能够将自然语言处理、深度学习、自动化、以及文本转语音(text-to-speech)结合在一起。

那么当我们进行人工智能或机器学习的相关应用开发时,UI设计人员必须考虑到用户的真实需求,以及可能的技术约束。通过同时提供文本和语音两种输入方式,您所设计出的移动应用将能够方便不同的用户在不同的场景下自由地切换与使用。

3.渐变(Gradients)2.0

2019年,各个行业的UI/UX设计都采用了渐变的设计风格。那些带有微妙渐变特征的明亮生动色彩,配以简单的布局,为移动应用程序的设计带来了在深度和尺寸上的调和。通过摒弃单调或灰度的色彩搭配,移动应用程序设计人员可以使用此类渐变所产生的温暖效果,向用户传递和谐与积极的理念。

4.底部导航

在过去的12年间,iPhone的屏幕尺寸从原始的3.5英寸,发展到最新iPhone 11 Pro Max的6.5英寸屏幕,用户可以看到的信息,以及可以操作的范围更广了。

显而易见,随着设备尺寸的不断变化,我们使用设备的方式也必须与时俱进。由于用户的手指很难轻易地到达屏幕顶部,因此许多移动应用程序已将导航栏放置到了屏幕底部。可见,只有注意到此方面的细微区别,移动应用程序的UI/UX设计人员才能创建出更好的导航流程,让用户去乐意体验并持续使用。

5.无需密码

正如鱼缸里的金鱼只有七秒钟的记忆那样,对于过于复杂的密码,我们中的大多数人很难一直记得住。为了提供持续的数据访问,智能手机往往同时提供新型的无需密码开启方法,既能保障用户的登录,又能保护手机内存储的数据。通过使用诸如:指纹或面部识别之类的生物识别,以及一次性密码(One Time Passwords,OTP),用户已不再需要强迫自己持续记住所有常用的密码。显然,移动应用程序设计师们应当紧跟此类UI/UX设计趋势,花些心思让自己的应用登录页面更加友好、灵活且高效。

6.夜间深色主题

下面让我们来看看所谓的“黑暗面”。夜间深色主题是采用低光度(low-light)的UI来显示深色的用户界面。在用户看来,深色的移动应用主题,不但有助于节省手机的电池电量,而且能够减少眼睛的疲劳感。

如今,新版的Android 10和iOS 13都推出了全系统模式的深色主题。据此,用户可以一次性将手机上的所有应用程序从浅色主题切换为深色。正所谓“人无我有,人有我精”,我们在开展移动应用程序的UI设计时,如果能够调用此类接口,或设计属于自己的深色主题,无疑会让应用锦上添花。如果您想了解有关在iOS应用程序中启用深色模式的更多信息,请参阅教程:《如何为您的iOS应用启用深色模式》(https://dzone.com/articles/how-to-customize-dark-mode-in-ios-app-with-ios-13)一文。

7.独立于设备

随着智能设备(特别是智能音箱和可穿戴设备)的兴起,用户能够不再仅限于通过电脑的Web界面、以及移动设备来进行深度互动了。如今,那些拥有多个设备的用户,更希望在不同介质间无缝地进行切换。因此,当前的UI/UX设计趋势将主要跟随用户账号的使用轨迹,而不仅仅是基于某个设备。凭借着动态且具有强适应性的移动应用UI设计,用户将能够更加轻松地在自己的任何一台智能设备上,流畅地执行各项操作任务。

8.增强现实

您是否曾使用安装有相关应用的智能眼镜,去预判新的冰箱将在自己的厨房中如何摆放才更为美观大方?您是否使用过带有AR模式的 Google地图?得益于增强现实(AR)技术,许多移动应用程序不但拥有了酷炫的服务功能,而且提供引人入胜的UI/UX效果。近两年来,设计与创建增强现实类移动应用的成本和复杂度已大幅下降。而且在设计的过程中,我们可以轻松地将现有的增强现实接口与服务,集成到自己的移动应用之中。

9.微交互(Microinteractions)和动画

微交互是以简单动画的形式增加用户的参与度。此类动画应当具有所有优秀设计的共性。也就是说:微交互不但需要简单易用,不会给用户的操作造成不便;而且具有丰富且引人入胜的内容。其中值得注意的是:那些貌似“刷存在感”的无限循环播放,以及刺耳的音乐声音都会让用户产生不悦。我们在设计时应当尽量做到动画效果的无缝过渡,并保持特定场景的可预测性。

10.可折叠手机的支持

可折叠手机是近几年智能手机市场上的新贵。虽然用户对于其工作原理和使用效果都充满了期待,但是许多移动应用的设计师们却对它抱有谨慎的态度。为了保证用户的流畅操作和全新的使用体验,UI设计人员应当在规划中创建能够与动态调整,以及多窗体相配合使用的应用。

总结

新技术的发展可谓日新月异,但是我们在移动应用的设计中,针对新技术的引入,并不一定能够保证给最终用户带来绝佳的使用体验。相反,某些匆忙上马的新应用,不但无益于帮助用户解决现实问题,而且会消减他们在使用过程中的耐心。因此,为了最大化移动应用的价值,我们在设计时既要紧跟发展趋势的同时,又要充分考虑到用户在不同使用场景下的体验。

原文标题:Top 10 Mobile App UI/UX Design Trends to Look for in 2020,作者:Pradeep Makhija

【51CTO译稿,合作站点转载请注明原文译者和出处为51CTO.com】

【编辑推荐】

  1. 苹果iOS 13的焕新功能,总有几个让你耳目一新
  2. 苹果iPhone 11用户在iOS 13.3.1 Beta 2中可以禁用超宽带功能了
  3. 库克官宣iPhone12,5G功能基本确定
  4. 揭秘Siri,苹果发布论文阐释语音助手设计想法
  5. 苹果手机发布新专利?可解决折叠设备折痕问题
【责任编辑:未丽燕 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

订阅专栏+更多

Kubernetes:21天完美通关

Kubernetes:21天完美通关

从小白到修神
共29章 | king584911644

153人订阅学习

Python应用场景实战手册

Python应用场景实战手册

Python应用场景实战手册
共3章 | KaliArch

122人订阅学习

一步到位玩儿透Ansible

一步到位玩儿透Ansible

Ansible
共17章 | 骏马金龙1

209人订阅学习

视频课程+更多

强哥带你学习docker

强哥带你学习docker

讲师:周玉强10002人学习过

网络工程师0基础入门指南视频课程

网络工程师0基础入门指南视频课程

讲师:庚振源54169人学习过

阿里云ACP认证通关攻略视频培训

阿里云ACP认证通关攻略视频培训

讲师:杰森洋93698人学习过

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊

51CTO服务号

51CTO官微