DET NYA MOBILA LANDSKAPETAPP, WEBB ELLER MITT I MELLAN?
DET NYA MOBILA LANDSKAPET- APP, WEBB ELLER MITT I MELLAN?                                   HENRIK   EMIL   MATHIAS
MOBIL STRATEGI
VARE SIG VI VILLELLER INTE..
ORGANISATIONSVÄRDEKUNDVÄRDE         UPPLEVELSE
“Fundamentally,‘mobile’ refers to the user,and not the deviceor the application.”Barbara Ballard - Designing the Mobile Us...
ANVÄNDBARHET, ENLIGT ISO-9241-11“Den grad i vilken användare i ett givetsammanhang kan bruka en produkt för attuppnå speci...
ANVÄNDBARHET1. Användare2. Givet sammanhang3. Specifika mål4. Lösningen ska vara...  –  Ändamålsenlig  –  Effektiv  –  Til...
Inspiration? Möjligheter       Utmaningar•  Geolocation     •  Smal skärm•  Accelerometer   •  Långsam uppkoppling•  Gyro ...
NATIVE APP ELLERMOBILANPASSAD WEBBPLATS?
Vad är vad?"   Native App    – Program som är specialskrivet för      operativsystemet    – Installeras på telefonen"   Mo...
MobilanpassadNative app     webbplats
Mobilanpassad
Native app
HTML5-app
Native app &HTML5-app
NATIVE // MOBILANPASSAD WEBBPLATS //WEBBAPP // HTML5-APP // HYBRID
NATIVE APP
Hur väljer vi plattform?"   Vad säger vår egen statistik?"   Vad använder målgruppen?"   Vad skiljer olika platformar åt?
iOS          Android  Regler/Styrning        Många             Få     Betalning          One-click      Kreditkort      Av...
MOBILANPASSAD WEBBPLATS
CMS
Responsive design
Responsive design
RESPONSIVE DESIGN  ÄR LÖSNINGEN!      men ...
... anpassar bara utseendet.•  Mobilanpassning genom att lägga till kod   - Vi vill ladda mindre kod i mobilen!•  Mindre k...
Device detection &Responsive design
/                                                          e-web                                               p   s-vs-th...
93                                              oll/1.23310                                      fo tb                    ...
Device detection &    olika CMS
CMS med device detection & Responsive design + ett API
CMS med device detection & Responsive design + ett API
WEBBLÄSARE HYBRIDHTML5-APP &
Funderingar"   Vilka webbläsare ska vi stödja?"   Hur många olika webbläsare ska vi testa i?"   Vilka tekniker är OK att a...
www.vardguiden.se"    Internet Explorer 7 & 8"    Firefox"    Chrome              98 %"    Safari             ~
m.vardguiden.se""      Safari iPhone/iPad/iPod      Android (WebKit)                                ~93 %"     PSP (NetFro...
Browserstöd är inteen statisk variabel!
HTML5-APP & HYBRID HTML5-APP & HYBRID
Varför bygga HTML5-app?"   Du vill ha en app men har inga    funktioner som kräver rå prestanda eller    koppling till spe...
Varför bygga HTML5-app?"   Plattformsoberoende    – Allt som krävs är en modern webbläsare"   Samma programmeringsspråk fö...
Det bästa av två världar."   PhoneGap    – Bygg en HTML5-app    – Bädda in den i PhoneGap    – Kompilera till native app  ...
TILL SLUT..
VÅGA! // LÄR // UTVECKLA"     Affärsmål"     Målgrupp // Behov"     Engagemang // Upplevelse"     Användbarhet"     Native...
Nästa tillfälle: 23 MarsBonnier News+
www.valtechlabs.se
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Det nya mobila landskapet
Upcoming SlideShare
Loading in …5
×

Det nya mobila landskapet

1,916 views

Published on

Att utvecklingen av det mobila internet rusar fram är nog ingen nyhet. Det ökande användandet av smartphones och tablets (plattor) förändrar vårt beteende och förhållande till webbtjänster. Detta ställer naturligtvis nya krav, men öppnar även för helt nya möjligheter. Så hur skall vi förhålla oss till denna utveckling, och vilka vägar finns i det mobila landskapet av appar och mobila webbar?

Vad är viktigt att tänka på inför ett mobilprojekt? Vilka tekniker och vägval bör man som beställare och organisation känna till? Vi delar med oss av våra erfarenheter, och försöker besvara frågor som:

- Vad är egentligen skillnaden mellan en mobilapplikation (app) och en mobilanpassad webblösning?
- Måste vi stödja alla mobilwebbläsare (browsers) eller mobila operativsystem?
- Behöver vi ett CMS, specifikt för mobil?

Published in: Technology
2 Comments
1 Like
Statistics
Notes
No Downloads
Views
Total views
1,916
On SlideShare
0
From Embeds
0
Number of Embeds
281
Actions
Shares
0
Downloads
14
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide

Det nya mobila landskapet

  1. 1. DET NYA MOBILA LANDSKAPETAPP, WEBB ELLER MITT I MELLAN?
  2. 2. DET NYA MOBILA LANDSKAPET- APP, WEBB ELLER MITT I MELLAN? HENRIK EMIL MATHIAS
  3. 3. MOBIL STRATEGI
  4. 4. VARE SIG VI VILLELLER INTE..
  5. 5. ORGANISATIONSVÄRDEKUNDVÄRDE UPPLEVELSE
  6. 6. “Fundamentally,‘mobile’ refers to the user,and not the deviceor the application.”Barbara Ballard - Designing the Mobile User Experience
  7. 7. ANVÄNDBARHET, ENLIGT ISO-9241-11“Den grad i vilken användare i ett givetsammanhang kan bruka en produkt för attuppnå specifika mål på ett ändamålsenligt,effektivt och för användaren tillfredsställandesätt.”
  8. 8. ANVÄNDBARHET1. Användare2. Givet sammanhang3. Specifika mål4. Lösningen ska vara... –  Ändamålsenlig –  Effektiv –  Tillfredsställande
  9. 9. Inspiration? Möjligheter Utmaningar•  Geolocation •  Smal skärm•  Accelerometer •  Långsam uppkoppling•  Gyro •  Dålig kontrast•  Kompass •  Ofta mer specifika mål•  Telefon …•  Kamera•  Mikrofon…
  10. 10. NATIVE APP ELLERMOBILANPASSAD WEBBPLATS?
  11. 11. Vad är vad?"   Native App – Program som är specialskrivet för operativsystemet – Installeras på telefonen"   Mobilanpassad webbplats – Kommer man åt genom att gå till en viss URL i en webbläsare
  12. 12. MobilanpassadNative app webbplats
  13. 13. Mobilanpassad
  14. 14. Native app
  15. 15. HTML5-app
  16. 16. Native app &HTML5-app
  17. 17. NATIVE // MOBILANPASSAD WEBBPLATS //WEBBAPP // HTML5-APP // HYBRID
  18. 18. NATIVE APP
  19. 19. Hur väljer vi plattform?"   Vad säger vår egen statistik?"   Vad använder målgruppen?"   Vad skiljer olika platformar åt?
  20. 20. iOS Android Regler/Styrning Många Få Betalning One-click Kreditkort Avgift 30% + $99/år 30% + $25 Antal appar ~400,000 ~250,000 Nerladdningar ~10 miljarder ~2.5 miljarderProgrammeringsspråk Objective C Java Tablet-stöd Ja Nja + Separat Flash Nej Ja Systemvariationer Få Många
  21. 21. MOBILANPASSAD WEBBPLATS
  22. 22. CMS
  23. 23. Responsive design
  24. 24. Responsive design
  25. 25. RESPONSIVE DESIGN ÄR LÖSNINGEN! men ...
  26. 26. ... anpassar bara utseendet.•  Mobilanpassning genom att lägga till kod - Vi vill ladda mindre kod i mobilen!•  Mindre kod (HTML, JavaScript CSS)•  Färre och mindre bilder
  27. 27. Device detection &Responsive design
  28. 28. / e-web p s-vs-th tic les/ap .c om/ar is tapart / w ww.alhttp:/ http: //m .alist ap art.c om/ artic les/ apps -vs-the -web /
  29. 29. 93 oll/1.23310 fo tb se/ sport/ ressen. /w w w.exphttp:/ http: //m .expr ess en.se /s p ort/f otbo ll/1.2 3310 93
  30. 30. Device detection & olika CMS
  31. 31. CMS med device detection & Responsive design + ett API
  32. 32. CMS med device detection & Responsive design + ett API
  33. 33. WEBBLÄSARE HYBRIDHTML5-APP &
  34. 34. Funderingar"   Vilka webbläsare ska vi stödja?"   Hur många olika webbläsare ska vi testa i?"   Vilka tekniker är OK att använda?
  35. 35. www.vardguiden.se"  Internet Explorer 7 & 8"  Firefox"  Chrome 98 %"  Safari ~
  36. 36. m.vardguiden.se""   Safari iPhone/iPad/iPod   Android (WebKit) ~93 %"   PSP (NetFront)"   Symbian WebKit"   Opera Mini ~97,5 %
  37. 37. Browserstöd är inteen statisk variabel!
  38. 38. HTML5-APP & HYBRID HTML5-APP & HYBRID
  39. 39. Varför bygga HTML5-app?"   Du vill ha en app men har inga funktioner som kräver rå prestanda eller koppling till speciella funktioner (kamera, mikrofon, adressbok o.s.v.)
  40. 40. Varför bygga HTML5-app?"   Plattformsoberoende – Allt som krävs är en modern webbläsare"   Samma programmeringsspråk för alla plattformar – HTML, CSS & JavaScript"   Framåtkompatibelt – Kommer att fungera i nästa version av Safari/Android osv."   Du bestämmer själv innehållet
  41. 41. Det bästa av två världar."   PhoneGap – Bygg en HTML5-app – Bädda in den i PhoneGap – Kompilera till native app (iOS, Android, Symbian, Windows m.fl.)Se även: Titanium, NimbleKit m.fl.
  42. 42. TILL SLUT..
  43. 43. VÅGA! // LÄR // UTVECKLA"   Affärsmål"   Målgrupp // Behov"   Engagemang // Upplevelse"   Användbarhet"   Native App // Webb"   Behövs ett Mobilt CMS?
  44. 44. Nästa tillfälle: 23 MarsBonnier News+
  45. 45. www.valtechlabs.se

×