Dotto

Boosting Mobile App Performance with Skia: A Case Study in High-Performance Mobile Annotation

February 3, 2025
Mobile Application
Skia
Annotation

Project

  • Purpose: Published Technical Proof of Concept
  • Services: Mobile Development, Advanced UI/UX, Performance Optimization
  • Application:

Objective

Publicly release a high-performance, gesture-driven annotation tool to explore the practical limits of mobile canvas rendering and optimize UI responsiveness.

Tools & Technologies

React Native, Skia

At Snow Digital, we are dedicated to crafting cutting-edge mobile solutions. As part of our commitment to pushing the boundaries of mobile technology, we developed Dotto as an internal proof-of-concept. This project aimed to explore the limits of on-screen graphics rendering with Skia, addressing a common challenge in mobile app performance and showcasing our expertise in mobile UI/UX and performance optimization.

Challenge

Many mobile applications, particularly design, gaming, and education apps, face performance limitations when dealing with complex graphics and real-time user interactions, especially gesture-based input in drawing or annotation capabilities. This results in a laggy, unresponsive user experience.

Solution

We developed Dotto, a publicly available mobile annotation tool, leveraging Skia for hardware-accelerated graphics rendering. This allows users to experience exceptionally smooth and responsive drawing, even with complex annotations. With the intuitive gesture-based interface, users can easily annotate and modify images with single-tap annotations and double-tap removals. Dotto demonstrates the potential for creating highly interactive and performant mobile applications.

Our Process

The Dotto Proof of Concept followed a streamlined development process focused on rapid exploration and immediate performance assessment. We began by isolating key Skia functionalities relevant to high-performance rendering. This was followed by iterative prototyping, where we quickly implemented and tested various rendering techniques. Our focus was on direct performance analysis, allowing us to rapidly understand Skia's impact on complex mobile UI/UX scenarios. This process enabled us to efficiently evaluate Skia's potential for future client projects.

Impact

Dotto demonstrated a significant improvement in rendering speed compared to traditional canvas implementations. This translates to a reduction in annotation time due to improved responsiveness. Internal surveys showed an increase in perceived smoothness and responsiveness compared to existing annotation tools.

  • Improved Rendering Speed: Proved the viability of Skia for high-performance mobile graphics.
  • Reduced Annotation Time: Estimated reduction due to improved responsiveness.
  • Increased Perceived Smoothness: Internal surveys showed a significant improvement.
  • Reduced memory usage compared to traditional canvas implementations.

'Dotto was an invaluable project for our team. It allowed us to push the boundaries of mobile graphics and demonstrate our expertise with Skia. The performance improvements we achieved are directly applicable to client projects, ensuring we can deliver cutting-edge, high-performance mobile applications.'

Nicolas Roux - Lead Developer, Snow Digital
Nicolas Roux
Lead Developer, Snow Digital

Interested in building a scalable and engaging digital product?

Contact us today to discuss your project!

Contact Us