Use very subtle animations where applicable
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
uNav |
Fix Released
|
Medium
|
Nekhelesh Ramananthan |
Bug Description
Animations are powerful indicators that can aid users in getting things. They can greatly enhance the UX of an app. However they are like a double-edge sword. They can enhance or destroy an app if you are not careful. We should care to ensure that animations don't end up frustrating the user who just want to get work done.
I gave it a lot of thought about animations that we could add in uNav. These will be very subtle animations that help users and grab attention when required. Here is my list of animations I think we should include in uNav,
Idea #1
-----------
Slide-in (from the right) animation for the zoom in/out buttons on app startup. My reasoning is that when the user opens the app, the zoom button are not visible (and disabled). When they are ready, if we show a slide-in animation, it will notify the user that it is ready for use.
Frequency: Only once on app startup
Idea #2
-----------
Displaced list item animation in the favorites list view. When you delete a favorite, we can show a very subtle displaced animation.
Frequency: Rarely. Shown only when user deletes a favorite
Idea #3
-----------
Show a slide-down (from the top) animation for the POI Popup. The POI popup contains important information about a POI. And so, it is a good idea to animate that into the view to grab the user's attention to the popup.
Frequency: Everytime user clicks on a marker (POI)
Related branches
- JkB: Approve
- costales: Approve
-
Diff: 651 lines (+256/-156)9 files modifiednav/class/UI.js (+4/-4)
nav/css/unav.css (+4/-4)
qml/FavoritesPage.qml (+10/-0)
qml/Main.qml (+95/-127)
qml/PoiListPage.qml (+0/-19)
qml/components/ActionIcon.qml (+1/-1)
qml/components/GridIconDelegate.qml (+2/-1)
qml/components/PoiPopup.qml (+59/-0)
qml/components/ZoomButtons.qml (+81/-0)
description: | updated |
Changed in unav: | |
status: | In Progress → Fix Committed |
Changed in unav: | |
status: | Fix Committed → Fix Released |