▷ 没人喜欢等待 在目标用户眼里,优秀的应用、工具、网站都应该是使用顺畅且能快速响应他们需求的产品。 响应的过程中必然会有时间上的延迟。为了提升延迟所带来的用户体验,在这段等待的过程中,增加页面的趣味性,显得尤为重要。 有趣的Loading加载动效已经成为主流设计的标配了,动效不仅可以展示当前状态、引导客户的下一步交互,还能缓解用户的焦虑心态,从而有效提升用户体验。
1
加载动效
加载动效不仅能提升用户体验,还能给用户留下深刻的印象。加载动效通常会设计的简单、有趣。用户加载页面时,如果出现一个可爱的加载动效,就会转移用户的注意力,避免用户无效的等待时间。
2
进度动效
进度动效可以有效的展示页面交互的进度,当前页面还需用户等待多久,通过效果一目了然。它也可以是一条简单的文本信息,或是可视化的图形来表示,已经进行到了哪个阶段?这些增强体验感的细节设计,都可以给用户提供预期并减少焦虑。
进度条还可以用来展示不同的交互步骤。比如下图,有趣的图形元素还可以是品牌形象,让品牌文化的传播范围更广,趣味性更强。
3
界面框架
界面框架是把页面的整体样式展示出来,对应的资源并没有全部显示,但会给用户已经加载好了的错觉,这种错觉能明显提升的用户使用体验。
4
导航
从设计趋势上来说,越来越多的用户选择隐藏式导航设计,将导航隐藏在汉堡菜单,将不同的功能区域进行整合,视觉效果更加美观、简约。而菜单的打开和关闭,功能区域的变化很大,如果加上导航过渡,就会展示的合理,能够立即吸引用户的关注。
如下图,点击右上角的菜单,菜单栏出现的形式加了动效过渡,整个效果柔和又合理。
近些年来,我们可以看到非常多精心的loading动画。注重细节、日趋成熟的设计公司、更好的科技环境、更方便的设计工具,这些都使得loading动画变得更加富有创造性。动效结合交互,最大限度的提升了用户使用体验,它让界面的效果和功能更加完美。
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。