$30 off During Our Annual Pro Sale. View Details »

Optimizing your Apps for Emerging Markets

vinaygaba
November 01, 2014

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.

vinaygaba

November 01, 2014
Tweet

More Decks by vinaygaba

Other Decks in Technology

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. 6
    23
    3
    5

    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