There's a web for that - Atomer och bitar "Dags för mobilsajt"

1,003 views
919 views

Published on

En mobilsida kan göras tekniskt och grafiskt så avancerad att den blir till en webbapplikation. Vad är skillnaderna mot en nedladdningsbar applikation och när väljer du vad? Hur får man målgruppen att hitta till sidan? Mobil sökmotoroptimering och praktiska tips. Trender - vad väntar runt hörnet avseende mobilsidor?

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,003
On SlideShare
0
From Embeds
0
Number of Embeds
254
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

There's a web for that - Atomer och bitar "Dags för mobilsajt"

  1. 1. ”There’s a web for that” John Blossom, Shore.com Atomer och bitar - ”Dags för mobilsajt” Stockholm, 2000-04-13 Distribueras under - Creative Commons, Erkännande-Dela Lika onsdag den 14 april 2010
  2. 2. • Vad är en webbapplikation? • Skillnaden mot en nedladdningsbar applikation - när väljer du vad? • Hur får man målgruppen att hitta till sidan? • Mobil sökmotoroptimering och praktiska tips • Närvaron i mobilen för Sveriges 34 största varumärken • Trender - vad väntar runt hörnet avseende mobilsidor? Johan Jonsson Art Director More Mobile Relations onsdag den 14 april 2010
  3. 3. Webb vs. Applikation Vad skiljer en mobilsida från en applikation onsdag den 14 april 2010
  4. 4. Ladda data/text/bilder löpande Animationer Positionering Tillgängligt ”offline” Spara inställningar onsdag den 14 april 2010
  5. 5. Animationer Animeringar och ”dra och släpp” onsdag den 14 april 2010
  6. 6. http://www.youtube.com/watch?v=axy_rvUmICk onsdag den 14 april 2010
  7. 7. Positionering Presentera information baserat på var kunden befinner sig onsdag den 14 april 2010
  8. 8. http://www.youtube.com/watch?v=IGuZBefmxVI onsdag den 14 april 2010
  9. 9. Ladda löpande Ladda data/texter/bilder utan att lämna sidan onsdag den 14 april 2010
  10. 10. http://www.youtube.com/watch?v=F-U17Gs8vNo onsdag den 14 april 2010
  11. 11. Webbapplikationer Enkla program direkt i webbläsaren onsdag den 14 april 2010
  12. 12. http://www.youtube.com/watch?v=ZqVQipj5D7g onsdag den 14 april 2010
  13. 13. Mycket fokus på applikationer Men vad använder dina kunder? onsdag den 14 april 2010
  14. 14. Mobilsidor med anpassning för touchskärmar 326 000 150 000 50 000 Källa: http://www.slideshare.net/taptu/introducing-the-mobile-touch-web onsdag den 14 april 2010
  15. 15. Alla mobiler har en webbläsare Och trenden går mot avancerade mobiler onsdag den 14 april 2010
  16. 16. Fördel webb / Alla har en webbläsare Via inuseful.se/Fast Company/Ars Technica onsdag den 14 april 2010
  17. 17. Fördel webb / Alla har en webbläsare onsdag den 14 april 2010
  18. 18. Fördel webb / Alla har en webbläsare Mobiler med touchskärm ökade med 159% under Q3 2009 Smartphones ökade med 63% samma period http://techcrunchies.com/touchscreen-phone-growth-and-market-share/ onsdag den 14 april 2010
  19. 19. Totalt oberoende av operativsystem Anpassa men inte inlåst onsdag den 14 april 2010
  20. 20. Inget godkännande innan publicering Publicera det du vill hur du vill onsdag den 14 april 2010
  21. 21. Ta betalt av kunden på valfritt sätt 100% av intäkterna och inte 30% till Apple onsdag den 14 april 2010
  22. 22. Billigare att utveckla Och att underhålla löpande onsdag den 14 april 2010
  23. 23. Syns i sökmotorerna Driver trafik till din mobilsida onsdag den 14 april 2010
  24. 24. När Altavistade du något senast? Google ÄR sök onsdag den 14 april 2010
  25. 25. Google ÄR sök på webben Google BLIR sök i mobilen onsdag den 14 april 2010
  26. 26. SEO / Bygg för framtiden redan nu Kostar inte mer än att bygga utan sökmotoroptimering ”Enkelt” med kunskaper från webben onsdag den 14 april 2010
  27. 27. SEO / Samma regler som för webben Bra innehåll som uppdateras ofta Beskrivande titlar (namn) på sidor och inlägg Länka till andra sidor Skapa inlänkar från andra sidor Relevanta namn på bilder Gör innehållet tillgängligt via RSS onsdag den 14 april 2010
  28. 28. Webben närmar sig applikationen Tillgång till mobilens funktioner onsdag den 14 april 2010
  29. 29. http://developer.sonyericsson.com/wportal/devworld/technology/web/websdk onsdag den 14 april 2010
  30. 30. Var ligger din mobila sida? Och hur hittar man dit? onsdag den 14 april 2010
  31. 31. Adressval för din mobilsajt Samma adress i mobil version (www.foretag.se) automatiskt eller manuellt spegling av din webbsida hur omfattande är din webbsida? vilken teknik används på webben (flash?) OBS! Du bygger för mobilen onsdag den 14 april 2010
  32. 32. Adressval för din mobilsajt Helt annan adress tex foretag.mobi hur vet man att ni har en mobil sida? språkproblem sidan kan bli ett mobilt nav onsdag den 14 april 2010
  33. 33. Adressval för din mobilsajt Subdomän/underdomän för mobilsidan m.foretag.se mobil.foretag.se foretag.se/mobil foretag.se/iphone onsdag den 14 april 2010
  34. 34. Vad väljer jag? Beror på syfte och innehåll på sajten (corporate, kampanjsida, blogg) Nuvarande teknisk plattform för webben OBS! Du bygger för mobilen (andra önskemål från besökaren) onsdag den 14 april 2010
  35. 35. Att hitta dit Fyra sätt att komma till din mobilsida onsdag den 14 april 2010
  36. 36. www.facebook.com touch.facebook.com m.facebook.com onsdag den 14 april 2010
  37. 37. Skicka FARSAN till 71300 onsdag den 14 april 2010
  38. 38. onsdag den 14 april 2010
  39. 39. onsdag den 14 april 2010
  40. 40. onsdag den 14 april 2010
  41. 41. Närvaron i mobilen för Sveriges 34 största varumärken onsdag den 14 april 2010
  42. 42. Topp tre varumärken från respektive bransch ur Superbrands Business to Consumer Topp tio ur Superbrands Business to Business Tio största internationella varumärkena från Interbrand. Nu finns uppdaterade listor för 2010-2011 onsdag den 14 april 2010
  43. 43. 11(32%) har en mobilsida anpassad för touchskärm 2 (6%) har en mobilsida anpassad för 16 (47%) har en mobilsida touchskärm och vidarebefordring 34 testade varumärken onsdag den 14 april 2010
  44. 44. onsdag den 14 april 2010
  45. 45. Google www.google.se Automatisk vidarebefordring Anpassning för touchskärmar onsdag den 14 april 2010
  46. 46. Nike www.nike.se Automatisk vidarebefordring Anpassning för touchskärmar Koncept/kampanjer tillgängliga i mobilen onsdag den 14 april 2010
  47. 47. onsdag den 14 april 2010
  48. 48. Arla.se (mobil.arla.se) IBM (m.ibm.com/se/sv) McDonald’s (mobil.mcdonalds.se) SonyEricsson (m.sonyericsson.com) SvD (mobil.svd.se) Systembolaget (mobil.systembolaget.se) onsdag den 14 april 2010
  49. 49. m.arla.se rekommenderar Internet Explorer eller Netscape som webbläsare... coca-cola.mobi användes för en julsajt 2008... microsoft.mobi vidarebefordrar till webbversionen av sökmotorn Bing... onsdag den 14 april 2010
  50. 50. Framtiden 5 saker vi kommer se mer av onsdag den 14 april 2010
  51. 51. 5 saker vi kommer se mer av | 01 html5 onsdag den 14 april 2010
  52. 52. Framtiden / html5 Bättre stöd för animering (istället för Flash) Stöd för ”framtidens” videoformat Innehåll tillgängligt offline Geolocation API (positionering) Fungerar redan idag på iPhone, Android, Nokia, Palm Pre = 65% av sålda smartphones Läs mer: http://www.cloudfour.com/html5-from-a-mobile-perspective/ onsdag den 14 april 2010
  53. 53. 5 saker vi kommer se mer av | 02 Fler plattformar onsdag den 14 april 2010
  54. 54. Framtiden / Fler plattformar Android kommer växa s n a b b t Windows Phone 7 (julen 2010) Linux Nokia Maemo Samsung Bada Stängda plattformar (Puma Phone) onsdag den 14 april 2010
  55. 55. 5 saker vi kommer se mer av | 03 Positionering onsdag den 14 april 2010
  56. 56. Framtiden / Mer positionering Förbättrade sökresultat på nuvarande position Positionering (tex Gowalla och Foursquare) med företagsspecifika erbjudanden GPS i alla mobiler onsdag den 14 april 2010
  57. 57. 5 saker vi kommer se mer av | 04 ”The cloud” onsdag den 14 april 2010
  58. 58. Framtiden / ”The cloud” Dokument/mail/bilder/kontakter sparas on-line (i ”molnet” och är tillgängliga på olika plattformar Synkronisation mellan dator/er och mobil/er Dokument: Dropbox ”Operativsystem”: EyeOS och Funambol onsdag den 14 april 2010
  59. 59. 5 saker vi kommer se mer av | 05 Socialt onsdag den 14 april 2010
  60. 60. Framtiden / Sociala tjänster Dela med sig av innehåll till andra (gör ditt innehåll tillgängligt för att dela) Koppling med tex Facebook för att visa kontaktfoton direkt i din mobil Gemensam inkorg för SMS, och statusmeddelanden från Facebook och Twitter onsdag den 14 april 2010
  61. 61. • Vad är en webbapplikation? • Skillnaden mot en nedladdningsbar applikation - när väljer du vad? • Hur får man målgruppen att hitta till sidan? • Mobil sökmotoroptimering och praktiska tips • Närvaron i mobilen för Sveriges 34 största varumärken • Trender - vad väntar runt hörnet avseende mobilsidor? onsdag den 14 april 2010
  62. 62. Vad är en webapplikation? Kan göra rika och funktionella animeringar på en mobilsida Enkla program kan göras direkt i webbläsaren onsdag den 14 april 2010
  63. 63. När är en riktig applikation bättre? Du vill ha tillgång till mobilens systemfunktioner Om du vill utvecka ett spel Mycket och tung grafik Tillgängligt offline (ändras i framtiden) onsdag den 14 april 2010
  64. 64. Hur hittar man till sidan? Sökmotoroptimera (SEO) Kortnamn till kortnummer (i stödjande media) Formulär för att få länken till mobilen (via webben) Banners onsdag den 14 april 2010
  65. 65. Närvaron i mobilen? Hälften har en mobilsida (av skiftande kvalitet) Fåtal har tagit ett helhetsgrepp om den mobila kanalen onsdag den 14 april 2010
  66. 66. Trender html5 Flera plattformar Positionering ”The cloud” Sociala tjänster onsdag den 14 april 2010
  67. 67. onsdag den 14 april 2010
  68. 68. onsdag den 14 april 2010
  69. 69. Tack! Johan Jonsson johan@moremr.com 073-24 39 720 Twitter: @glvstn www.moremobilerelations.se www.moremobilerelations.com onsdag den 14 april 2010

×