手機中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

斯诺克英锦赛2018第二轮