Den Mobila Webben

Peter Frey 2013-11-26

Peter Frey•@petfre•peter.frey@expressen.se

Expressen Utveckling•http://bloggar.expressen.se/utveckling/•@ExpressenUtv•utveckling@expressen.se

Utvecklare (PHP)

1999 2003 2006 2013

Utvecklare (Java)

IT-Chef (Aftonbladet)

IT-Chef (Expressen)

Traffikutveckling 2013

Hur lyckas man mobilt?

• Omfamna!• Tänk Mobil först!• Satsa på utveckling!• Håll koll på plattformar och enheter!• Våga testa!• Sätt användaren främst!• Utnyttja mobilens egenart!• Native vs Webb?• Arkitektur

Omfamna!

• Beteendeförändring• Användarna flyttar till mobilen• Mobilen är personlig• Tänk nytt – Mobilen har särskilda egenskaper• Omfamna och streta inte emot

Mobile First

• Börja alltid i mobilen• En designprincip• En prioriteringsprincip• Övriga kanaler blir bättre• Skala upp i stället för att skala ner

Utveckling & Utvecklingsteam

• Utvecklingsteamet är din viktigaste resurs• Affärsutveckling = IT-Utveckling• Bygg spetskompetens inom UX• Användarupplevelsen är allt• Satsa på att bygga upp ett utvecklingsteam (eller flera!)• Användardriven utveckling• Datadriven utveckling

Håll koll på dina siffror

• Unika besökare• Sidvisningar• Besök• Enheter• OS• Skärmstorlek• ...

Devices förra veckan

Modeller förra veckan

Testa och utvärdera

• A/B-testa• Mät allt som går att mäta• Behåll magkänslan• Känn till skillnaden mellan data och känsla• Analys och analytiker är en del av utvecklingsteamet• Följ upp

Användardriven utveckling

• UX• Användartesta• Lansera tidigt – det är först då du vet om det fungerar• Prioritera användarupplevelsen (en utmaning för

annonsfinansierade sajter…)

Vad gör mobilen unik?

• Personlig• Touchskärm• Positionering• Kamera• Mikrofon• NFC• Gyro• Radio• …

Native vs Webb

Fyra stadier:

1.Mobil webb2.Skalapp (mobil webb i ett app-skal)3.Hybrid (webb och app)4.Native

Fördelar/Nackdelar Native

+•Native ger bättre användarupplevelse (Native UI)•Native kan utnyttja mobilens funktioner•Distribution via App Stores

-•Svårare och dyrare att underhålla flera plattformar•Mindre återanvändbarhet mellan plattformar•Sprider teknisk kompetens i utvecklingsteamen•iOS-kompetens är en bristvara

Arkitektur

Hur lyckas man mobilt?

• Omfamna!• Tänk Mobil först!• Satsa på utveckling!• Håll koll på plattformar och enheter!• Våga testa!• Sätt användaren främst!• Utnyttja mobilens egenart!• Native vs Webb?• Arkitektur

Peter Frey•@petfre•peter.frey@expressen.se

Expressen Utveckling•http://bloggar.expressen.se/utveckling/•@ExpressenUtv•utveckling@expressen.se