22
Den Mobila Webben Peter Frey 2013-11-26

Den mobila webben, av Peter Frey

  • Upload
    tdhftw

  • View
    256

  • Download
    1

Embed Size (px)

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.

Citation preview

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]