Mobile App Challenges
By: Devang Paliwal
Todays talk is about…
•MYGOLA (Briefly)
•Why Mobile App (Briefly)
•Challenges Faced (In Detail)
MYGOLA
• Has largest collection of curated itineraries
• Lets you customize and share the itineraries
• Helps you to exper...
Why Mobile?
• About 20-25% of traffic from small screen devices
• Higher bounce rate of mobile user compared to desktop us...
Challenges Faced
• Web App Vs. Native App
• Responsive Design Vs. Separate Code Base
• Framework
• Cross-platform Issues
Web App Vs. Native App
• Web app means no offline access
• No phone alerts with Web app
• Native App not helpful to organi...
Web App Vs. Native App
• Skillset in team
• Cross-browser Vs. Cross-platform challenges
• Criticality of accessing device ...
Responsive Design Vs. Separate Code Base
Effort wise are they any different?
Responsive Design Vs. Separate Code Base
• RWD on legacy code leads to re-design all existing web pages
• Shipping entire ...
Responsive Design Vs. Separate Code Base
At mygola we have
•Old QnA pages(MVC on server) – Blog page kind of view
•New Iti...
Responsive Design Vs. Separate Code Base
• With the existing architecture, a separate app without migration
to RWD was sim...
Researched the tools and technologies
Frameworks / Libraries
• JqM Vs. Sencha Vs. LungoJs Vs. . . . . . . Vs Nothing
• Jquery Vs. Zepto
• BackboneJs
• Underscor...
Cross-Platform / Cross-Browser Issues
• Touch
• Scroll Issues
• Smoother Transitions (CSS3 animations)
• Misc : Infinite s...
Thanks.
dev.paliwal@gmail.com
@devangpaliwal
Upcoming SlideShare
Loading in …5
×

Mygola mobile app: Tech Challenges

684 views

Published on

Talk contains technical challenges faced while crafting mobile experience for mygola.com

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
684
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
15
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Hi everyone, Very good morning to all of you. First of all I would like to thank for Dhaval and Damyanti for organizing this meet up and giving me the opportunity to present my experiences . My background : I work as a senior front-end engineer @mygola. We are here to talk about the how did we carve out mobile experience and the challenges and technology decisions we made while doing this.
  • How we created the itineraries - > crawl, tips reviews etc Not only read only view  We allow users to customize itineraries Explain IV  visualize your itinerary before being there …. By photos , videos , 360 views, photo gallery, tips, reviews etc Planner  Planning is itself a complex process like which places to visit, local transport, time spent on a place, customizing all of that Guide community
  • Needless to say that smartphones usage is increasing at an exponential rate and more and more users are browsing the internet via mobile. Google analytics showed us that 20-25% of out traffic came form hand-held devices. It is a sizeable number which pushed us to create a mobile presence. Mobile presence allows us to reach larger audience and help us increase out user base. Mobile users were spending lot of time on QnA pages as compared to other pages as these provide quality answers for custom user queries. This gave us confidence that this traffic can be tapped and diverted to other pages as well. Not having a mobile presence will leave our users with our desktop web application which is not optimised for mobile and this may turncustomers off which is not good for business.
  • Mygola mobile app: Tech Challenges

    1. 1. Mobile App Challenges By: Devang Paliwal
    2. 2. Todays talk is about… •MYGOLA (Briefly) •Why Mobile App (Briefly) •Challenges Faced (In Detail)
    3. 3. MYGOLA • Has largest collection of curated itineraries • Lets you customize and share the itineraries • Helps you to experience the trip before it begins • Provides you a fantastic tool for trip planning • Gives you access to professional guide community
    4. 4. Why Mobile? • About 20-25% of traffic from small screen devices • Higher bounce rate of mobile user compared to desktop users • Mobile user on QnA pages spent more time than other pages • Customer interviews reveled demand for an awesome mobile experience • Mobile Trust
    5. 5. Challenges Faced • Web App Vs. Native App • Responsive Design Vs. Separate Code Base • Framework • Cross-platform Issues
    6. 6. Web App Vs. Native App • Web app means no offline access • No phone alerts with Web app • Native App not helpful to organic traffic • Stringent app store guidelines and approvals • Pushing updates on Native app is painful
    7. 7. Web App Vs. Native App • Skillset in team • Cross-browser Vs. Cross-platform challenges • Criticality of accessing device features (Camera, GPS, etc) Can there be a mid way Solution?
    8. 8. Responsive Design Vs. Separate Code Base Effort wise are they any different?
    9. 9. Responsive Design Vs. Separate Code Base • RWD on legacy code leads to re-design all existing web pages • Shipping entire site to mobile impacts performance • Mobile user more sensitive to unimportant widgets/information • Separate code base leads to maintenance overhead
    10. 10. Responsive Design Vs. Separate Code Base At mygola we have •Old QnA pages(MVC on server) – Blog page kind of view •New Itinerary centric product(MVC on Client) – Single page app •Template based modular widgets •Client side MVC architecture based on backbonejs •APIs on server spitting data in json format
    11. 11. Responsive Design Vs. Separate Code Base • With the existing architecture, a separate app without migration to RWD was simpler. • Modular design on server side MVC led to convenient customization of old blog views. • Server APIs for backbone remained same for both the Apps • Backbone Collections and Models were also reused absolutely • Views for Primary app widgets were made by extending the Views of mobile app widgets
    12. 12. Researched the tools and technologies
    13. 13. Frameworks / Libraries • JqM Vs. Sencha Vs. LungoJs Vs. . . . . . . Vs Nothing • Jquery Vs. Zepto • BackboneJs • Underscore Templates
    14. 14. Cross-Platform / Cross-Browser Issues • Touch • Scroll Issues • Smoother Transitions (CSS3 animations) • Misc : Infinite scroll, Memory management
    15. 15. Thanks. dev.paliwal@gmail.com @devangpaliwal

    ×