Najczęściej popełniane błędy w wyborze native vs web mobile APP


Edi Skraba



Czym ta prezentacjca nie jest


Ta prezentacja nie ma na celu porównywania rozwiązań i ustalania, które z nich jest lepsze, gdyż to zależy od celów biznesowych...


... ale pomoże ona w podejmowaniu decyzji oraz rzuci trochę światła na możliwości jakie daje HTML5.

Technologia zmienia się z dnia na dzień.


Wczoraj

Jutro =  dzisiaj?

       Dzisiaj

Stereotypy


Mobilna strona ≠ aplikacja
DLACZEGO?

mobilna strona = wersja LITE 



Do czego używamy?




Nielsen (Luty 2012): Badanie wykazało, że strony mobilne handlu detalicznego są do dwóch razy bardziej popularne w okresie Bożego Narodzenia, niż aplikacje na zakupy.


Badania Google (kwiecień 2013 r.): okazało się, że 65 procent amerykańskich nabywców smartfonów wolał używać mobilnych stron zamiast aplikacji do zakupów.

Porównanie

Oto co można wyczytać z większości wyników wyszykiwania w Google

Web App Native App
Instalacja nie potrzeba konieczna
Aktualizacje automatycznie potrzebna zgoda usera
Fragmentacja jena wersja (HTML) ze względu na platformę
Koszty niskie wysokie
Ficzery urządzenia słabo pełne
Praca offline niemożliwa możliwa
Szybkś
jak strona www Szybsze
UX & Design jak storna www natywny





Jak to wygląda naprawdę?

Fragmentacja Native


Źródła:




  • http://gigaom.com/2013/12/04/fragmentation-lives-ios-7-now-on-74-of-iphones-while-kitkat-has-only-reached-1-of-android-devices/ios-7-adoption-chitika-2/
  • http://www.idc.com/getdoc.jsp?containerId=prUS24442013
  • https://developer.android.com/about/dashboards/index.html
  • http://prntscr.com/2yqydn

Fragmentacja Web


*własne źródło danych

Fragmentacja

Wnioski

  • Dwie wiodące platofrmy Android i iOS. 
  • Duża fragmentacja przeglądarek w praktyce objawia się koniecznoscią dostosowywania funkcjonalności, wdrażania alternatywnych rozwiązań dla różnych wersji przeglądarek, a nawet rezygnacji z częsci funkcjonalności

Ficzery

Multitouch


Ficzery

Geolokacja


Ficzery

Orientacja/Akcelerometr


Ficzery

Aparat/Kamera


Ficzery

mikrofon (rozpoznawanie mowy)


Ficzery

mało?


  • Vibration API
  • WebSMS
  • WebBluetooth
  • Alarm API
  • WebPayment
  • WebNFC
  • i wiele więcej....

Praca offline

Appcache


Praca offilne

Storage


Praca offilne

Storage (WebSQL , IndexedDb)

Szybkosc

Zaczeło się od stwierdzenia pewnego znanego "specjalisty" IT:



 "Our Biggest Mistake Was Betting Too Much On HTML5"

Szybkosć

Szybka odpowiedź

  • minimalizacja drzewa DOM
  • Szybkie "malowanie" layoutu w przeglądarce
  • Płynne animacje z wykorzystaniem akcelerecji GPU
  • Szybkie Java Scirpty 

UX & Design

Poważnie?


UX & Design



Prydatne źródła

  • http://mobilehtml5.org/
  • http://www.html5rocks.com/en/
  • http://www.chromeexperiments.com/
  • https://wiki.mozilla.org/WebAPI




Dziękuję

Najczęściej popełnianie błędy w wyborze native vs mobile web app

By Edward Skraba

Najczęściej popełnianie błędy w wyborze native vs mobile web app

  • 2,207