Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobile Cross-Platform Development

Mobile Cross-Platform Development

Mobile Support Strategies and Mobile Cross-Platform Development; Websites vs Web Apps; Responsive & Adaptive Web Design; Native, Hybrid and Mixed apps.

Ilya Pukhalski

December 07, 2013
Tweet

More Decks by Ilya Pukhalski

Other Decks in Technology

Transcript

  1. WEB

  2. ?

  3. Cons — Expensive in terms of time and resources —

    Different design versions for different screen resolutions required — Performance optimization «headache»
  4. “There is no mobile Web, nor “desktop Web. It is

    just the Web. “Start with the content and meet “people halfway.” ! — Luke Wroblewski
  5. • STRATEGY Reflow Breakpoints strategy Responsive typography Responsive media Accessibility

    Cross-browser support i18n and l10n User interaction Responsive ad
  6. • COMPONENTS Flexible grid Media-queries Breakpoints Typography Navigation Form elements

    Carousels Accordions Pagination ! Drop-downs Tables Media elements Icons …
  7. Cons — Some old mobile and desktop browsers don’t support

    media- queries — Slow rendering; downloading non-using content — Reflow/restructure problems — UX is not optimised for mobile; it’s optimized for all device types
  8. Pros — Access to native mobile features — Simple bugfixing

    and support — Simple content update — Future-friendly
  9. Cons — Time-consuming for maintaining — Third-party approval required for

    app to appear in the app stores — Problems with look-and-feel if needed to get native for all devices or native-like UX
  10. Pros — Native look-and-feel — Nice load speed and performance

    — Access to native mobile features — Simple bugfixing and support
  11. Cons — Time-consuming for maintaining — Third-party approval reqiured for

    app to appear in the app stores — Not all device features are available — Difficult to make a plugin — A lot of bugs in the platform itself
  12. Know… — your audience // platforms, device types, OS versions

    — the audience needs // UX, UI, feature set — your developers // cross-platform is much more difficult — your distribution strategy // app stores, web, content — the solutions and their possibilities // frameworks, platforms — …choose wisely and don’t be afraid to try