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
Dzisiaj
Stereotypy
Mobilna strona ≠ aplikacja
DLACZEGO?
mobilna strona = wersja LITE
Do czego używamy?
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śoć |
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)
- https://www.google.com/intl/en/chrome/demos/speech.html
- google.com ("Ok Google")
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,215