Den mobila webben, av Peter Frey

22
Den Mobila Webben Peter Frey 2013-11-26

description

Den mobila webben presenterades av Peter Frey på Internetdagarna 2013, spåret Det är innehållet som räknas. Presentationen är publicerad här med tillstånd.

Transcript of Den mobila webben, av Peter Frey

Page 1: Den mobila webben, av Peter Frey

Den Mobila Webben

Peter Frey 2013-11-26

Page 2: Den mobila webben, av Peter Frey

Peter Frey•@petfre•[email protected]

Expressen Utveckling•http://bloggar.expressen.se/utveckling/•@ExpressenUtv•[email protected]

Page 3: Den mobila webben, av Peter Frey

Utvecklare (PHP)

1999 2003 2006 2013

Utvecklare (Java)

IT-Chef (Aftonbladet)

IT-Chef (Expressen)

Page 4: Den mobila webben, av Peter Frey
Page 5: Den mobila webben, av Peter Frey
Page 6: Den mobila webben, av Peter Frey
Page 7: Den mobila webben, av Peter Frey

Traffikutveckling 2013

Page 8: Den mobila webben, av Peter Frey

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

Page 9: Den mobila webben, av Peter Frey

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

Page 10: Den mobila webben, av Peter Frey

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

Page 11: Den mobila webben, av Peter Frey

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

Page 12: Den mobila webben, av Peter Frey

Håll koll på dina siffror

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

Page 13: Den mobila webben, av Peter Frey

Devices förra veckan

Page 14: Den mobila webben, av Peter Frey

Modeller förra veckan

Page 15: Den mobila webben, av Peter Frey

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

Page 16: Den mobila webben, av Peter Frey

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…)

Page 17: Den mobila webben, av Peter Frey

Vad gör mobilen unik?

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

Page 18: Den mobila webben, av Peter Frey

Native vs Webb

Fyra stadier:

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

Page 19: Den mobila webben, av Peter Frey

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

Page 20: Den mobila webben, av Peter Frey

Arkitektur

Page 21: Den mobila webben, av Peter Frey

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

Page 22: Den mobila webben, av Peter Frey

Peter Frey•@petfre•[email protected]

Expressen Utveckling•http://bloggar.expressen.se/utveckling/•@ExpressenUtv•[email protected]