手机中10个App动画效果,提升用户体验!

2017-09-28南风未起18 的分享

  智能时代,大大小小的开发商都在开发APP,大量的数据表明,动态比静态表情图更有趣,更能提升用户体验,所以动画效果也成了人们开发APP要设计的一道技术。那么如何通过动态效果来提升自己 App 的用户体验呢?一起来看下本文做的介绍吧!

  app是什么?

  其实app的意思在手机中的意思就是application的简称,也就是应用的意思,通常用于iphone手机,也可以是安卓等其他手机应用。App 是英文Application的简称,由于iPhone智能手机的流行,现在的APP多指智能手机的第三方应用程序。目前比较著名的App商店有Apple的iTunes商店里面的App Store,android的Google Play Store,诺基亚的ovi store,还有Blackberry用户的,BlackBerry App World。

  简单的理解就是,app就是应用软件,现在主要指的都是ios mac android等系统下的应用软件。

  让你的App更有格调的10招动画效果

  1.下拉体验

  下拉刷新算是基本的动态效果,大部分智能手机用户都已习惯这种操作。这样的刷新动效可以减少用户在等待内容加载时的焦躁感。以 Fitness Tracker 为例:它采用了一个小人在走路的动态效果。

1

  2.登录引导

  动态效果用得好,用户引导不能少。在登录的过程中,添加动画效果也可以打动用户。下图这个减肥 App 的用户引导过程就设计的非常有趣,用户在初次使用并设置自己的身高体重信息时,界面不仅设计的干净整洁,还配有动画效果。给人留下良好的第一印象。

2

  3.加载体验

  页面加载的过程中,你需要暂时转移用户的注意力,让他们忽略等待这个页面的时间。有些做的很好的动画就完美地达成了这个效果。比如下面这个聊天应用,就用一根线连接起了所有的朋友。

3

  4.有趣的引导页

  现在有很多 App 会把引导页也做成动效的,这样不仅看起来更有品质,也吧你的 App 特色介绍的更具体。Devin Ruppert 的引导页设计,将一个复杂的 App 渲染成了一次其妙的冒险。让用户胃口大增。

10招动画效果让你的App更有格调!

  5.互动性的教程

  在做用户的使用教程时,你也可以通过动效的形式来指导用户,再也不需要长篇累牍的文字说明了。展示远比说教的效果好。比如你想要引导用户怎么使用你的%20%20App,光靠图片和文字很难说讲明白,但是一个简单的动画就能让用户秒懂如何操作使用。

  6.清晰的反馈

  用户在使用你的 App 期间,时不时需要确认自己的操作是否正确,如果操作失败,原因是什么。这些都需要设计者考虑在内,在何时向用户反馈他们的操作结果。比如,用户完成支付操作后,如果能提示一个对号的动效就能让他们觉得已经搞定了。

6

  7.自然的过渡

  从一个界面到另一个界面,如果两者没有太大的关联,用户会觉得突兀和尴尬。如果有一个过度效果,就会缓和一下这种。查看一下Life minimal 经验的视觉效果,他们是如何过渡的。

10招动画效果让你的App更有格调!

  8.动态新闻流

  在设计的时候,很重要的一点是将所有的元素以特别的形式排列,并邀请用户继续查看后面的页面。新闻类的应用可以采用这种点击标题、显示更多内容的方式。我们推荐你查看关于%20%20UI%20导航内容。

  9.卡片动画

  在%20App%20内部使用的卡片式动画可以简洁地呈现所有复杂的数据。如果你想表达的内容用几句话都说不完,不妨采用卡片式的结构作为你的解决方案。使用%203D%20%20touch%20提供的互动效果则更佳,如下面的%20Travel%20Blog。

  10.按钮互动

  按钮的动画效果可以算是一种强烈的需求呀!此处能将功能和用户期待结合起来,用户点击按钮之后,如果能看到动画效果,也是一种操作成功的心里暗示。此外,如果效果设计的有趣,还会有小惊喜。看一下%20%20MarketMe%20原型提供的范例:他们是如何添加搜索按钮的?

  结语

  动画效果是一项提升用户体验的工程。有些是必须有的,有些是有了会更好的。你要做的不是一个平淡无奇的产品,而是能为用户带来难忘体验的 App。

TA发布的帖子

1087

收藏

1085

好文推荐

  • 相信已经有不少的用户已经对苹果手机升级到了iOS11,但是升级之后发现并没有想象中那么好用,在使用的过程中发现很卡顿,有点后悔升级了 ...

  • 手机每隔一段时间就会给你发送系统升级的提示,很多人一看到这种提示就立马更新也有人是置之不理的,那么手机系统升级有必要吗?系统更新对手机 ...

  • 最近微信的小程序很火爆,它可以快速开发一个小程序,拥有出色的使用体验,那么微信小程序要怎么注册呢?小程序能给自己带来什么好处呢 ...