Embed Size (px)
DESCRIPTION
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?
Citation preview
”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
Johan JonssonArt DirectorMore Mobile Relations
• 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
Webb vs. ApplikationVad skiljer en mobilsida från en applikation
onsdag den 14 april 2010
Positionering
Ladda data/text/bilder löpande
Animationer
Tillgängligt ”offline”Spara inställningar
onsdag den 14 april 2010
AnimationerAnimeringar och ”dra och släpp”
onsdag den 14 april 2010
http://www.youtube.com/watch?v=axy_rvUmICk
onsdag den 14 april 2010
PositioneringPresentera 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öpandeLadda 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
WebbapplikationerEnkla 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?
onsdag den 14 april 2010
50 000
150 000
326 000
Mobilsidor med anpassningför touchskärmar
Källa: http://www.slideshare.net/taptu/introducing-the-mobile-touch-web
onsdag den 14 april 2010
Alla mobiler haren webbläsareOch trenden går mot avancerade mobiler
onsdag den 14 april 2010
Via inuseful.se/Fast Company/Ars Technica
Fördel webb / Alla har en webbläsare
onsdag den 14 april 2010
Fördel webb / Alla har en webbläsare
onsdag den 14 april 2010
Mobiler med touchskärm ökade med 159% under Q3 2009
Smartphones ökade med 63% samma period
Fördel webb / Alla har en webbläsare
http://techcrunchies.com/touchscreen-phone-growth-and-market-share/
onsdag den 14 april 2010
Totalt oberoendeav operativsystem
Anpassa men inte inlåst
onsdag den 14 april 2010
Inget godkännande innan publicering
Publicera det du vill hur du vill
onsdag den 14 april 2010
Ta betalt av kunden på valfritt sätt
100% av intäkterna och inte 30% till Apple
onsdag den 14 april 2010
Billigareatt utveckla
Och att underhålla löpande
onsdag den 14 april 2010
Syns i sökmotorernaDriver 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å webbenGoogle BLIR sök i mobilen
onsdag den 14 april 2010
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
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
Webben närmarsig applikationen
Tillgång till mobilens funktioner
onsdag den 14 april 2010
http://developer.sonyericsson.com/wportal/devworld/technology/web/websdkonsdag 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)
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
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
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
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
Att hitta ditFyra 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 den 14 april 2010
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
34 testade varumärken
16 (47%) har en mobilsida
11(32%) har en mobilsidaanpassad för touchskärm
2 (6%) har en mobilsida
anpassad för touchskärm
och vidarebefordring
onsdag den 14 april 2010
onsdag den 14 april 2010
Googlewww.google.seAutomatisk vidarebefordringAnpassning för touchskärmar
onsdag den 14 april 2010
Nikewww.nike.se
Automatisk vidarebefordringAnpassning för touchskärmarKoncept/kampanjer tillgängliga i mobilen
onsdag den 14 april 2010
onsdag den 14 april 2010
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
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
Framtiden5 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)
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
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
Windows Phone 7 (julen 2010)
Linux
Nokia Maemo
Samsung Bada
Stängda plattformar (Puma Phone)
onsdag den 14 april 2010
5 saker vi kommer se mer av | 03
Positionering
onsdag den 14 april 2010
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
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 (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
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 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
• 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
Vad är en webapplikation?
Kan göra rika och funktionella animeringar på en mobilsidaEnkla program kan göras direkt i webbläsaren
onsdag den 14 april 2010
När är en riktig applikation bättre?Du vill ha tillgång till mobilens systemfunktionerOm du vill utvecka ett spelMycket och tung grafikTillgängligt offline (ändras i framtiden)
onsdag den 14 april 2010
Hur hittarman 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
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
Trenderhtml5Flera plattformarPositionering”The cloud”Sociala tjänster
onsdag den 14 april 2010
onsdag den 14 april 2010
onsdag den 14 april 2010
Johan [email protected] 39 720Twitter: @glvstn
www.moremobilerelations.sewww.moremobilerelations.com
Tack!
onsdag den 14 april 2010
