\n<\/p>\n
Posted by Miguel Montemayor \u2013 Developer Relations Engineer<\/em><\/p>\n FlipaClip<\/a> is an app for creating dynamic and engaging 2D animations. Its powerful toolkit allows animators of all levels to bring their ideas to life, and its developers are always searching for new ways to help its users create anything they can imagine.<\/p>\n Increasing tablet<\/a> support was pivotal in improving FlipaClip users\u2019 creativity, giving them more space and new methods of animating the stories they want to tell. Now, users on these devices can more naturally bring their visions to life thanks to Android\u2019s intuitive features, like stylus compatibility and unique large screen<\/a> menu interfaces.<\/p>\n FlipaClip initially launched as a phone app, but as tablets became more mainstream, the team knew it needed to adapt its app to take full advantage of larger screens because they are more natural animating platforms. After updating the app, tablet users quickly became a core revenue-generating audience for FlipaClip, representing more than 40% of the app\u2019s total revenue.<\/p>\n \u201cWe knew we needed to prioritize the large screen experience,\u201d said Tim Meson, the lead software engineer and co-founder of FlipaClip. \u201cWe believe the tablet experience is the ideal way to use FlipaClip because it gives users more space and precision to create.\u201d<\/p>\n The FlipaClip team received numerous user requests to optimize styluses on tablets, like pressure sensitivity and tilt for styluses and new brush types. So it gave their users exactly what they wanted. Not only did they implement stylus support, but they also redesigned the large screen drawing area, allowing for more customization with moveable tool menus and the ability to hide extra tools.<\/p>\n Now, unique menu interfaces and stylus support provide a more immersive and powerful creative experience for FlipaClip\u2019s large screen users. By implementing many of the features its users requested and optimizing existing workspaces, FlipaClip increased its US tablet users by 54% in just four months<\/b>. The quality of the animations made by FlipaClip artists also visibly increased, according to the team.<\/p>\n <\/p>\n <\/image><\/p>\n One of the key areas the FlipaClip team focused on was achieving low-latency drawing, which is critical for a smooth and responsive experience, especially with a stylus. To help with this, the team created an entire drawing engine from the ground up using Android NDK<\/a>. This engine also improved the overall app responsiveness regardless of the input method.<\/p>\n \u201cFocusing on GPU optimizations helped create more responsive brushes, a greater variety of brushes, and a drawing stage better suited for tablet users with more customization and more on-screen real estate,\u201d said Tim.<\/p>\n Previously, FlipClip drawings were rendered using CPU-backed surfaces, resulting in suboptimal performance, especially on lower-end devices. By utilizing the GPU for rendering and consolidating touch input with the app\u2019s historical touch data, the FlipaClip team significantly improved responsiveness and fluidity across a range of devices.<\/p>\n \u201cThe improved performance enabled us to raise canvas size limits closer to 2K resolution,\u201d said Tim. \u201cIt also resolved several reported application-not-responding errors by preventing excessive drawing attempts on the screen.\u201d<\/p>\n After optimizing for large screens and reducing their crash rate across device types, FlipaClip\u2019s user satisfaction improved, with a 15% improvement in their Play Store rating for large screen devices.<\/b> The performance enhancements to the drawing engine were particularly well received among users, leading to better engagement and overall positive feedback.<\/p>\n Using Android Vitals, a tool in the Google Play Console<\/a> for monitoring the technical quality of Android apps, was invaluable in identifying performance issues across the devices FlipaClip users were on. This helped its engineers pinpoint specific devices lacking drawing performance and provided critical data to guide their optimizations.<\/p>\n <\/image><\/p>\n Large screen users are Android\u2019s fastest-growing audience, reaching over 300 million users worldwide. Allowing users to enjoy their favorite apps across device types while making use of the larger screen on tablets, means a more engaging experience for users to love.<\/p>\n \u201cOne key takeaway for us was always to take the time to review user feedback and app stability reports,\u201d said Tim. \u201cFrom addressing user requests for additional stylus support to pinpointing specific devices to improve drawing performance, these insights have been invaluable for improving the app and addressing pain points of large screen users.\u201d<\/p>\n The FlipaClip team noted that developing for Android stood out in several ways compared to other platforms. One key difference is the libraries provided by the Android team, which \u201cLibraries like Jetpack Compose can be updated independently of the device’s system version, which is incredibly efficient,\u201d said Tim. \u201cPlus, Android documentation has gotten a lot better over the years. The documentation for large screens is a great example. The instructions are more thorough, and all the code examples and codelabs make it so much easier to understand.\u201d<\/p>\n FlipaClip engineers plan to continue optimizing the app\u2019s UI for larger screens and improve its unique drawing tools. The team also wants to introduce more groundbreaking animation tools, seamless cross-device syncing, and tablet-specific gestures to improve the overall animation experience on large screen devices.<\/p>\n Learn how to improve your UX by optimizing for large screens<\/a>.<\/p>\n<\/div>\n![](\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjUjCOkn2QQnG3JER62F7DxXTb2JZ3Po0Fty3RyOuhmZWB2nkmS9LVVeEvO9Dng5o3O9YcbrpyVqgqbbdfpr7n5OAH98YG8JsDJntLRrtoHHBa1dONw5svUQtopw3fLD92UN4viCikY0puhYwlSzNvtwowb6HdZzIrz-5y55HbhK5hRVV055UTGQ_bGS0Q\/s1600\/image2.png\")
<\/a><\/p>\nLarge screens are a natural canvas for animation<\/h3>\n
<\/div>\nImproving large screen performance<\/h3>\n
<\/div>\nListening to user feedback<\/h3>\n
\nare continuously updated and improved, allowing its engineers to seamlessly address and resolve any issues without requiring users to upgrade their Android OS.<\/p>\nGet started<\/h3>\n