Optimizing your Apps for Emerging Markets

In the past few years, Android has grown exponentially, and now more than one billion people use Android devices every month from more than 40,000 different device models. Emerging markets like India,China, Brazil and Indonesia are driving this growth. We need to be able to customize the experiences of these people in order to build amazing products. What works for high-end smartphones won't necessarily work on low end phones which are very common in these emerging markets.

In order to accomplish this, we need to be smart about things like performance, network and data. This talk discusses about the challenges that your users face on feature phones and how to overcome those using some tips and tricks which would make a lot of difference. Also covers some examples of how some popular companies optimize their apps for emerging markets.

Transcript

1. Optimizing your Apps
   for
   Emerging Markets
   #DevFestAhm
   

   View Slide

2. View Slide

3. Emerging Markets
   Drive Growth
   

   View Slide

4. View Slide

5. Everyone is
   Different
   

   View Slide

6. View Slide

7. 1. Different Phones
   

   View Slide

8. View Slide

9. Small Screens
   Slow Phones
   Challenges
   

   View Slide

10. Optimizations
    Year Class
    

    View Slide

11. View Slide

12. Optimizations
    Year Class Redesign
    

    View Slide

13. Supporting Screen Sizes
    

    View Slide

14. View Slide

15. Optimizations
    Year Class Redesign Asset Tinting
    

    View Slide

16. Why Tint Assets?
    • Need lesser Assets
    • Less memory used
    • Faster Iteration Times
    

    View Slide

17. //Code
    

    View Slide

18. View Slide

19. 2. Different Networks
    

    View Slide

20. 71%
    3G Penetration
    7.5%
    3G Penetration
    Challenges
    500 ms 280 ms
    

    View Slide

21. Optimizations
    Dynamic Network Quality
    Detection
    

    View Slide

22. //Code
    

    View Slide

23. Adjust Behavior
    • Increase/Decrease Compression
    • More/Less Parallel Network Requests
    • Pre-Fetch more content
    

    View Slide

24. Optimizations
    Dynamic Image
    Compression
    Pre Fetching Content
    

    View Slide

25. 3. Different Data Plans
    

    View Slide

26. Challenges
    Sales
    Image Downloads Dominate Consumed Content
    

    View Slide

27. Optimizations
    Image Scaling
    

    View Slide

28. View Slide

29. Appropriate Image Size
    • Thumbnail, Preview Image, Full Image
    • Low-res devices might never need a full resolution
    image
    • Most times the thumbnail is enough
    

    View Slide

30. Optimizations
    Image Scaling Flat Design
    

    View Slide

31. View Slide

32. Optimizations
    Image Scaling WebP
    Flat Design
    

    View Slide

33. JPEG WEBP PNG GIF
    Lossy
    Lossless
    Transparency
    Animation
    Comparisons
    90% of images sent to Facebook for Android are WebP format
    

    View Slide

34. PNG
    24 kb
    WebP
    10 kb
    No Noticeable Change
    

    View Slide

35. Compression
    • Use Native WebP decoder on Android 4.2 and later
    • Use libwebp and libpng to transcode back to JPEG
    and PNG.
    To avoid the transcoding cost, use JPG with mozjpeg
    • Compatible with JPEG
    • 5% size reducation
    

    View Slide

36. 4. Different Languages
    

    View Slide

37. Challenges
    

    View Slide

38. Questions?
    @vinaygaba
    

    View Slide

39. http://bit.do/vinaygabafeedback
    @vinaygaba
    

    View Slide