Technical Tutorial research

-


UX Design: How to Use Animations in Mobile Apps



This video is about use auto-animate transitions to define micro-interactions between artboards.




progress Animation

If the process of interaction is a bit longer and users have to wait, they would prefer to understand what’s going on and what’s the progress. The biggest advantage of this animated interaction is providing assurance for the users, making them aware and confident in the process of using the product. A confident user means positive user experience and provides a good ground for the high level of user retaining. Animation of progress bars, timelines, and other dynamic elements can kill several birds with one stone:



Attention-Drawing Animation

This kind of animation plays the role of UX affordance when users interact with your app.  It supports general visual hierarchy with motion catching the user’s attention and directing it to the necessary details. This way it saves precious time on scanning all the screen layout and makes navigation more clear and intuitive.







Youtube.com. 2021. [online] Available at: <https://www.youtube.com/watch?v=9pRgHdJrCj8> [Accessed 6 January 2021].


 Tubik Blog: Articles About Design. 2021. UX Design: How To Use Animations In Mobile Apps. [online] Available at: <https://blog.tubikstudio.com/ux-design-how-to-use-animations-in-mobile-apps/> [Accessed 6 January 2021].

Comments

Post a Comment

Popular posts from this blog

Evaluation

-
Image
The degree project 'Study up' is an application for Mac OS devices, The purpose of this app project is to help university students relieve academic procrastination. The final project outcome is a link to the interactive prototype made by Axure RP10, and a promotional poster with a QR code, which is also suitable for flyers and website advertising. This prototype link can be opened by mac and windows system computers or iPad devices. It is not recommended to open it on mobile phones. Because the original intention of the design is to try not to let users be Cell phone interruption. This project is highly related to interactive art design and digital media art. It requires all the skills I learned about digital media art through the digital media art course, visual design, and interaction design.  Compared with other procrastination apps and task-management apps on the market, similar application interfaces on the market cannot attract users, so I have to remodel this point. To h...
Read more

Research： The process of writing homework

-
Image
  This chart shows the psychological process when the student receives the assignment the task to the deadline. project：Think that there is plenty of time play：other things are more important , don’t realize the seriousness panic: Suddenly feel the pressure when the task is close to the deadline fighting with project：Work hard and compulsively complete tasks deadline：Regret, although it is done, but not confident Bibliography： Brief Book.（ 2016）. My procrastination is caused by perfectionism? . [online] Available at <https://www.jianshu.com/p/e2b7940c69e9> [Accessed 3 January 2021].
Read more

Axure RP10 - Interactive prototyping process

-
Image
After I used Figma to design the first draft, I imported the wireframe into Axure. I used the Axure RP 10.0.0 3826 version. Importing is not supported below this version. I have a student license, so I can use it for free.  The page size of the app I designed is 1440 1020, I imported all the artwork of the Figma into Axure, and then I can carry out the next step of interface design and interaction design in Axure.  After I put in the icons and illustrations, I started to interact with the interactive buttons on each page. Although the button fingertip interaction is relatively easy, it is very troublesome and trivial. If one of the buttons is not set to interact, the user will not be able to use it smoothly. Although the button fingertip interaction is relatively easy, it is very troublesome and trivial. If one of the buttons is not set to interact, the user will not be able to use it smoothly. I think the page is a bit monotonous, so I set the small task sign as a m...
Read more