Det nya mobila landskapet

DET NYA MOBILA LANDSKAPET APP, WEBB ELLER MITT I MELLAN?

DET NYA MOBILA LANDSKAPET - APP, WEBB ELLER MITT I MELLAN?

HENRIK EMIL MATHIAS

MOBIL STRATEGI

VARE SIG VI VILL ELLER INTE..

KUNDVÄRDE UPPLEVELSE

ORGANISATIONSVÄRDE

“Fundamentally, ‘mobile’ refers to the user, and not the device or the application.” Barbara Ballard - Designing the Mobile User Experience

ANVÄNDBARHET, ENLIGT ISO-9241-11

“Den grad i vilken användare i ett givet sammanhang kan bruka en produkt för att uppnå specifika mål på ett ändamålsenligt, effektivt och för användaren tillfredsställande sätt.”

ANVÄNDBARHET

1. Användare 2. Givet sammanhang 3. Specifika mål 4. Lösningen ska vara... –  Ändamålsenlig –  Effektiv –  Tillfredsställande

Inspiration? Möjligheter •  Geolocation •  Accelerometer •  Gyro •  Kompass •  Telefon •  Kamera •  Mikrofon …

Utmaningar •  Smal skärm •  Långsam uppkoppling •  Dålig kontrast •  Ofta mer specifika mål …

NATIVE APP ELLER MOBILANPASSAD WEBBPLATS?

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

Native app Mobilanpassad

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

Avgift 30% + $99/år 30% + $25

Antal appar ~400,000 ~250,000

Nerladdningar ~10 miljarder ~2.5 miljarder

Programmeringsspråk Objective C Java

Tablet-stöd Ja Nja + Separat

Flash Nej Ja

Systemvariationer Få Många

MOBILANPASSAD WEBBPLATS

CMS

Responsive design

Responsive design

RESPONSIVE DESIGN ÄR LÖSNINGEN!

men ...

• Mobilanpassning genom att lägga till kod - Vi vill ladda mindre kod i mobilen!

•  Mindre kod (HTML, JavaScript CSS) •  Färre och mindre bilder

... anpassar bara utseendet.

Device detection & Responsive design

http://www.alistapart.com/articles/apps-vs-the-web/

http://m.alistapart.com/articles/apps-vs-the-web/

http://www.expressen.se/sport/fotboll/1.2331093

http://m.expressen.se/sport/fotboll/1.2331093

Device detection & olika CMS

CMS med device detection & Responsive design + ett API

CMS med device detection & Responsive design + ett API

HTML5-APP & HYBRID WEBBLÄSARE

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?

www.vardguiden.se

"  Internet Explorer 7 & 8 "  Firefox "  Chrome "  Safari

~98 %

m.vardguiden.se

"   Safari iPhone/iPad/iPod "   Android (WebKit) "   PSP (NetFront) "   Symbian WebKit "  Opera Mini

~97,5 %

~93 %

Browserstöd är inte en 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 speciella funktioner (kamera, mikrofon, adressbok o.s.v.)

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

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.

TILL SLUT..

VÅGA! // LÄR // UTVECKLA

"  Affärsmål "  Målgrupp // Behov "  Engagemang // Upplevelse "  Användbarhet "  Native App // Webb "  Behövs ett Mobilt CMS?

Nästa tillfälle: 23 Mars Bonnier News+

www.valtechlabs.se