”There’s a web
                              for that”
                                                            John Bl...
• Vad är en webbapplikation?
          • Skillnaden mot en nedladdningsbar applikation - när
          väljer du vad?
    ...
Webb vs. Applikation
                           Vad skiljer en mobilsida från en applikation


onsdag den 14 april 2010
Ladda data/text/bilder löpande
                           Animationer
                                        Positionerin...
Animationer
                           Animeringar och ”dra och släpp”




onsdag den 14 april 2010
http://www.youtube.com/watch?v=axy_rvUmICk




onsdag den 14 april 2010
Positionering
                  Presentera information baserat på var kunden befinner sig




onsdag den 14 april 2010
http://www.youtube.com/watch?v=IGuZBefmxVI




onsdag den 14 april 2010
Ladda löpande
                           Ladda data/texter/bilder utan att lämna sidan




onsdag den 14 april 2010
http://www.youtube.com/watch?v=F-U17Gs8vNo




onsdag den 14 april 2010
Webbapplikationer
                           Enkla program direkt i webbläsaren




onsdag den 14 april 2010
http://www.youtube.com/watch?v=ZqVQipj5D7g




onsdag den 14 april 2010
Mycket fokus på
                            applikationer
                             Men vad använder dina kunder?




o...
Mobilsidor med anpassning
                                                         för touchskärmar




                  ...
Alla mobiler har
                            en webbläsare
                           Och trenden går mot avancerade mobil...
Fördel webb / Alla har en webbläsare




                           Via inuseful.se/Fast Company/Ars Technica

onsdag den ...
Fördel webb / Alla har en webbläsare




onsdag den 14 april 2010
Fördel webb / Alla har en webbläsare




                           Mobiler med touchskärm ökade med 159%
                ...
Totalt oberoende
                           av operativsystem
                               Anpassa men inte inlåst




o...
Inget godkännande
                      innan publicering
                           Publicera det du vill hur du vill



...
Ta betalt av kunden
                       på valfritt sätt
                           100% av intäkterna och inte 30% til...
Billigare
                           att utveckla
                            Och att underhålla löpande




onsdag den 14...
Syns i sökmotorerna
                           Driver trafik till din mobilsida




onsdag den 14 april 2010
När Altavistade du något senast?
                                                 Google ÄR sök


onsdag den 14 april 2010
Google ÄR sök på webben
                  Google BLIR sök i mobilen




onsdag den 14 april 2010
SEO / Bygg för framtiden redan nu




                           Kostar inte mer än att bygga utan
                       ...
SEO / Samma regler som för webben




                           Bra innehåll som uppdateras ofta
                        ...
Webben närmar
                           sig applikationen
                              Tillgång till mobilens funktioner...
http://developer.sonyericsson.com/wportal/devworld/technology/web/websdk
onsdag den 14 april 2010
Var ligger din mobila sida?
                           Och hur hittar man dit?


onsdag den 14 april 2010
Adressval för din mobilsajt


                           Samma adress i mobil version (www.foretag.se)
                   ...
Adressval för din mobilsajt




                           Helt annan adress tex foretag.mobi
                            ...
Adressval för din mobilsajt



                           Subdomän/underdomän för mobilsidan
                             ...
Vad väljer jag?




                           Beror på syfte och innehåll på sajten
                           (corporate...
Att hitta dit
                            Fyra sätt att komma till din mobilsida




onsdag den 14 april 2010
www.facebook.com


               touch.facebook.com
               m.facebook.com




onsdag den 14 april 2010
Skicka FARSAN till 71300




onsdag den 14 april 2010
onsdag den 14 april 2010
onsdag den 14 april 2010
onsdag den 14 april 2010
Närvaron i mobilen
                              för Sveriges 34
                           största varumärken




onsdag ...
Topp tre varumärken från respektive bransch
                           ur Superbrands Business to Consumer
               ...
11(32%) har en mobilsida
                                                              anpassad för touchskärm




       ...
onsdag den 14 april 2010
Google
                           www.google.se
                           Automatisk vidarebefordring
                   ...
Nike
                           www.nike.se

                           Automatisk vidarebefordring
                      ...
onsdag den 14 april 2010
Arla.se (mobil.arla.se)
                           IBM (m.ibm.com/se/sv)
                           McDonald’s (mobil.mcdo...
m.arla.se rekommenderar Internet Explorer
                           eller Netscape som webbläsare...
                    ...
Framtiden
                           5 saker vi kommer se mer av


onsdag den 14 april 2010
5 saker vi kommer se mer av | 01

                                     html5



onsdag den 14 april 2010
Framtiden / html5



                           Bättre stöd för animering (istället för Flash)
                           ...
5 saker vi kommer se mer av | 02

                           Fler plattformar



onsdag den 14 april 2010
Framtiden / Fler plattformar


                           Android kommer växa s n a b b t
                           Windo...
5 saker vi kommer se mer av | 03

                              Positionering



onsdag den 14 april 2010
Framtiden / Mer positionering



                           Förbättrade sökresultat på
                           nuvarand...
5 saker vi kommer se mer av | 04

                               ”The cloud”



onsdag den 14 april 2010
Framtiden / ”The cloud”



                           Dokument/mail/bilder/kontakter sparas on-line
                      ...
5 saker vi kommer se mer av | 05

                                    Socialt



onsdag den 14 april 2010
Framtiden / Sociala tjänster



                           Dela med sig av innehåll till andra (gör ditt
                 ...
• Vad är en webbapplikation?
       • Skillnaden mot en nedladdningsbar applikation - när
       väljer du vad?
       • H...
Vad är en
                           webapplikation?
                Kan göra rika och funktionella animeringar på en mobi...
När är en riktig
                      applikation bättre?
                       Du vill ha tillgång till mobilens system...
Hur hittar
                              man till sidan?
                           Sökmotoroptimera (SEO)
               ...
Närvaron i mobilen?
                Hälften har en mobilsida (av skiftande kvalitet)
                Fåtal har tagit ett h...
Trender
                           html5
                           Flera plattformar
                           Positione...
onsdag den 14 april 2010
onsdag den 14 april 2010
Tack!
                                   Johan Jonsson
                                   johan@moremr.com
               ...
Upcoming SlideShare
Loading in...5
×

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

853

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
853
On Slideshare
0
From Embeds
0
Number of Embeds
1
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×