Comparison of Memory Consumptive Against the Use of Various Image Formats for App Onboarding Animation Assets on Android with Lottie JSON

Abstract

The usage of images or visuals to deliver information on digital products especially on mobile platforms has been widely used. Besides, it being able to attract users, the use of visual images and animated images can increase the brand, increase the trust ratio and strengthen user retention from the user. Various applications made by giant startup companies such as Google, Facebook, Twitter, and others, use visual or animation to deliver their product knowledge with “onboarding screen” or also called “walkthrough animation”. Animation is also used in some interactions to application user experience. For example, “love fireworks animation” when we do the action with like button on Twitter application. Lottie is the latest framework that was created by AirBNB company, which is an open source framework that is used to parse or convert from motion (motion graphic) vector graphics to output in JSON (JavaScript Notation Objects) file type. In its use, the Lottie framework is combined with the Bodymovin plugin that must be installed on the Adobe After Effect application. In this case, researchers want to compare the device resources usage by CPU, RAM, GPU and other performance parameters on applications that use and consumed Lottie assets in their onboarding between applications that used other motion graphic assets (APNG and GIF) on android applications. Also, researcher want to give suggest for developer, especially android mobile developer by the quantitative comparison result of type asset that use for improve their apps UI/UX. For the goal is make powerfull application interface and application experience with also inclusive powerful performance for every smartphone.