QR-kod för Kanban Marketings hemsida med inlagt logo-element

Du har säkert sett de små spräckliga rutorna som allt oftare dyker upp i annonser i tidningarna. Om du redan inte vet vad de är kan vi berätta om att det rör sig om så kallade QR-koder, tvådimensionella streckkoder, som låter marknadsförare koppla ihop sina printkampanjer med webben på ett effektivt sätt.

Användningen av QR-koder växer lavinartat, vilket inte är så konstigt då de till väldigt små kostnader kan öka effektiviteten och möjligheterna i din marknadsföring.

Vad är QR-koder?

QR står för ”Quick Response” och är en standard som utvecklades av det japanska företaget Denso, som är underleverantör till Toyota. De har den stora fördelen framför vanliga streckkoder att de är tvådimensionella, och kan därmed innehålla mycket mer information än de gamla systemen.  I och med de senaste årens utveckling för mobiltelefoner har stora möjligheter öppnats inom marknadsföring mot konsumenter och företag.

Det vanligaste är att en QR-kod innehåller en webbadress (URL), och när användaren scannar in denna laddas en webbsida upp i mobiltelefonen, och denna webbsida kan till exempel vara en kampanjsida som innehåller ytterligare information om erbjudandet som finns i tidningsannonsen kombinerat med rabattkoder, anmälningsformulär etc.

QR-koder kan dock också användas för andra saker – exempel är visitkortsinformation, adresser på en karta, eller en gilla-knapp till en facebooksida.

Hur scannar jag in en QR-kod?

QR-reader i iPhone

Det vanliga sättet att scanna in en QR-kod är att använda kameran i en smartphone, som en iPhone eller en Android-baserad telefon. Det finns många bra gratis-appar att ladda ner för båda systemen. För iPhone använder jag själv QR-Reader från TapMedia som är väldigt lättanvänd och populär.  Ett exempel på QR-läsare för Android är QR Droid av DroidLa.

För att scanna in en QR-kod startar du bara appen som sätter igång kameran, och sedan ser du bara till att rikta in kameran mot QR-koden, och vips så har appen scannat in den.

Här är en kul video som visar hur man kan gå runt i New York och scanna in olika QR-koder:

.

Hur genererar jag egna QR-koder?

Det finns många webbplatser där du lätt kan generera egna QR-koder. Ett ställe är url-förkortare som goo.gl där du får en QR-kod för varje länk du förkortar (på goo.gl klickar du bara på ”details” så finns den färdig för användning.)

Min favorit är annars Esponce.com där du enkelt och gratis kan generera koder, men samtidigt växa till alltmer avancerade användningsområden som tracking, brandade designer, dynamiska QR-koder, och t.o.m. möjlighet att enkelt generera mobila landningssidor för din QR-koder.

Några exempel på användningsområden för QR-koder

Pepsi-cola kampanj med QR-kod

Det finns många olika möjligheter och olika kombinationer – dels kan du ha dem på olika typer av ställen, och dels kan de leda till olika typer av saker.  Några konkreta exempel är:

• En QR-kod i en tidningsannons som leder till en webbsida med mer information om produkten, och ev. en möjlighet att beställa den
• En QR-kod på en stortavla som leder till ett sida där man kan vara med i en tävling
• En kod på ditt visitkort som låter användare direkt få in dina adressdata i sin adressbok på sin smartphone.

Möjligheterna är många och man kan tänka sig olika kombinationer av ställen där QR-koden visas och sidor eller applikationer som den leder till:

Ställen där många idag använder QR-koder

1. I printannonser
2. DR-utskick
3. På utomhusreklam – som t.ex. stortavlor bussar etc.
4. I kataloger och broschyrer
5. På visitkort
6. På namnbrickor och i program på events
7. På skyltar
8. I powerpointpresentationer

Vad QR-koder till exempel kan peka på eller innehålla

1. Mobila webbsidor med kompletterande information
2. Mobila sidor med tävlingar, anmälningsformulär till nyhetsbrev eller lojalitetsprogram, rabattkoder etc.
3. Visitkortsdata som direkt går in i mobiltelefonens adressbok
4. Videor på t.ex. YouTube
5. Till kartor
6. Till ”gilla-knappar” på ens faceboksida

Några saker att tänka på om du tänker använda QR-koder

1. Målgrupper

Även om det sägs att användningen av QR-koder ökat med tusentals procent de senaste åren, så är det naturligtvis så att vissa grupper har ingen aning om vad man ska göra med dem – dessutom måste användaren vara utrustad med en smartphone med en kamera och en QR-läsar app.

Men om man för ett år sedan sade att det var mest nördiga teknikintresserade killar som scannade QR-koder, så börjar de flesta yngre människor känna till hur koderna kan användas – så för kampanjer mot personer i åldern 18-35 år är det numera väl värt att krydda sina kampanjer med lite QR-inslag.

2. Upplösning, tryckkvalitet

Det  är viktigt att din QR-kod har tillräcklig upplösning där det blivit tryckt för att telefonerna ska klara av att läsa dem.  En tumregel som amerikanska experter brukar ge är att koden skall vara minst en tum (2,5 cm) bred.  Detta beror ju lite på kvaliteten på trycket, och i en broschyr med hög kvalitet på tryck och papper kan man nog få det att fungera med mindre storlekar, men i en dagstidning skall man nog försöka se till att koden är en bit över 2 cm bred.

3. Fysisk placering

QR-koderna ska placeras på ställen där det finns täckning för användarnas mobiltelefoner – helst bra WiFi-täckning för att upplevelsen ska bli riktigt bra.  Att köra QR-koder på reklamskyltar i tunnelbanan är ganska meningslöst.  Att ha det på printmaterial som visas på flygresor är heller inte särskilt smart.

Kanban Marketing hjälper sina kunder att utnyttja QR-koder effektivt i sina kampanjer och undvika de misstag som görs ibland.  Kontakta oss gärna för rådgivning om du tänker använda QR-koder i din nästa kampanj. (Min mailadress samt telefonnummer och besöksadress finns i QR-koden här till höger)  ;-)

Gustav Bergman, Kanban Marketing

Enligt statistik från företaget Tecmark i Storbritannien har den mobila trafiken där ökat sin andel från i stort sett 0% 2009 till över 12% i augusti i år, och i Sverige ser det med alla sannolikhet likadant ut.

Tillväxten av mobil webbtrafik i Storbritannien 2009-2011

.

4 vanliga misstag för mobila sidor

1. Innehåll och menyer anpassas inte för ett mindre fönster
2. Upplösningen av webbsidorna anpassas inte efter mobiler och surfplattor
3. Man struntar i ett CMS
4. Man glömmer mätnings- och analysmöjligheter

Innehåll och menyer

I grunden är skillnaden mellan en mobil sida och en vanlig webbsida, att den mobila sidan är smalare, så att den enkelt går att läsa och navigera på mobiltelefonskärmar.  Men en sak som många inte tänker på när det bygger mobila sidor är att innehållet behöver anpassas så att den inte blir rörig, och passar så bra som möjligt för den situation då man typiskt surfar från sin mobil.

Det tydligaste exemplet på information som ska lyftas fram på en mobil sida är kontakt- och adressdata – eftersom en av de absolut vanligaste situationer som man använder mobilen för att besöka ett företags webbsida är när man försöker hitta dit, eller kontakta någon på det företaget.

Vidare bör en mobil sida inte innehålla för mycket information eftersom den lätt kan bli rörig på små mobilskärmar.  Dock bör det också alltid finnas ett menyval för användaren att kunna nå den vanliga hemsidan, då besökarna ibland söker efter specifik information som kanske bara finns på denna.

.

Upplösningen

Att få rätt upplösning på din mobila sida är inte alls lika lätt för en vanlig webbplats.  Det beror på att det är två faktorer som drar åt varsit håll:

• Om bilder och grafik har för stor filstorlek laddar sidan långsamt – och detta kan bli riktigt långsamt om besökaren sitter med endast 3G-, eller ännu värre, Edge-uppkoppling.
  Av denna anledning får bilder och grafik inte ha för stor filstorlek.
• iPhone och iPad har högre upplösning än de flesta datorskärmar.  Dessutom så brukar man hålla en iPhone närmare ögonen när man surfar.  Detta betyder att de flesta grafiska element och bilder måste ha en högre upplösning på en mobil sida än på din vanliga webbplats för att inte uppfattas som suddiga i en iPhone eller på en iPad.

Detta gör att den som bygger en mobil hemsida måste hålla tungan rätt i mun när det gäller upplösning, komprimering, och storlek för de grafiska elementen – något som långt ifrån alla som bygger mobila sidor kan.

CMS

Även om det är allt fler företag som skaffar sig en mobil version av sin webbplats är det många som bara låter någon slänga upp den snabbt, och nöjer sig sedan med att konstatera att ”nu har vi det gjort”.  Även om den mobila sidan bara har kanske 10% av trafiken måste man naturligtvis se till att informationen på denna är lika aktuell som på den vanliga hemsidan.

Därför ska även det vara lätt för en själv att ändra innehållet närsomhelst på sin mobila webbsida, och inte behöva anlita någon expert för att göra detta.  Därför gäller det att inte glömma bort när man bygger sin mobila sida att se till att det finns ett lättanvänt och kraftfullt Content Management System (CMS), som låter en göra nödvändiga uppdateringar enkelt och effektivt.

Mätningar och Statistik

Slutligen gäller det ju att kunna följa upp hur många besök man har på sin sida och vad de egentligen gör när de besöker den.  Därför är det viktigt att se till att Google Analytics eller något annat mätverktyg installeras på sidan, och att man regelbundet får rapporter som visar hur trafiken ser ut.

1.  Användarvänlighet

2.  Skalbarhet

3. Flexibilitet och effektivitet

4. Sökmotoroptimering

5. Brett stöd för tekniker och tjänster.

6. God dokumentation och support.

Lilla Salen, AF borgen

AF Borgen är bland många känt som Akademiska Föreningen i Lund, och ett ställe för baler och disputationsfester. Sedan många år tillbaka är man numera ett modernt konferenscentrum, och förutom student- och bröllopsfester hyr man ut lokaler åt allt från små företagsmöten till stora kongresser.

Ett kort tag efter att vi arbetat med AF Borgens internetmarknadsföring hade man kommit upp i ett jämnt flöde av besökare till webbplatsen, men fortfarande visade det sig att antalet bokningsförfrågningar var ganska lågt.

.

Problemet som ledde till för få bokningar

En analys av trafiken på sajten visade att huvudproblemet vara att folk inte fyllde i formuläret på bokningssidan när de väl kommit dit.

När vi tittade på sidan konstaterade vi att formuläret var alldeles för komplicerat och hade alldeles för många fält att fylla i.

.
(Klicka på bilden för att se den i orginalstorlek.)

.

Ändringar som ledde till 200% förbättring

Det första vi beslutade oss för var att förenkla formuläret så mycket som möjligt och göra det flexibelt och lättanvänt.  Det formulär vi gjorde hade bara de obligatoriska fälten Namn, Telefonnummer, email, och såg ut som det nedan.  Att skapa ett nytt formulär gick fort så vi använde det lättanvända webbformulärverktyget wufoo.
(Klicka på bilden för att se den i orginalstorlek)

När vi lade ut det nya formuläret märkte vi direkt att antalet förfrågningar ökade, och efter ett par veckor kunde vi konstatera att vi fick in tre gånger så många förfrågningar per vecka, alltså en ökning med 200%!.

Ytterligare optimeringar

Då det visat sig att en så enkel ändring kunde ge oss en så dramatisk förbättring arbetade vi vidare med att ytterligare optimera bokningssidan.  För att få snabba indikationer vilka ändringar som gav störst utslag tog vi hjälp av Googles verktyg Website Optimizer.

Om Google Website Optimizer

Testning av olika alternativ

Google Website Optmizer är Googles verktyg för att effektivt kunna testa websidors innehåll, och hur det påverkar konverteringen på sin webbplats. Genom att använda Google Website Optimizer kan du testa om ändringar av innehållet på din sida (text, bilder, rubriker, formulär) gör att fler personer konverterar. (Dvs gör en förfrågan eller ett köp.)
Om du till exempel gör två olika versioner av en rubrik på sidan så växlar verktyget de olika versionerna mellan varje besökare.

Den största fördelen med att kunna testa på detta sätt är att resultaten blir mycket säkrare, eftersom man provar de olika alternativen parallellt med varandra under samma tidsperiod (och följatktligen undviker missvisande resultat som beror på att konverteringsfrekvensen varierar mellan olika tidsperioder.)

Hur mycket förbättras konverteringarna av en bild med text?

När vi hade förenklat formuläret så långt det gick, kom vi på att sidan såg lite kal och opersonlig ut, och kanske skulle må bra av något mänskligt och levande.
Vi tog därför fram en bild på sekreteraren som tar emot bokningarna, och skrev en kort text om vem hon var och vad som händer vid en bokningsförfrågan. Efter att ha lagt till denna såg bokningssidan ut som bilden till höger.

Vi hade på känn att den nya versionen av sidan skulle ge ett bättre resultat, men för att vara helt säkra beslutade vi att göra ett test med Google Webite Optimizer.

Vi testade två olika versioner av sidan mot varandra. Som orginal hade vi den fulla versionen med bild, text och formulär. Mot denna testade vi en version utan bilden och texten, dvs bara med webbformuläret och inget annat.

Större skillnad än vad vi någonsin kunnat förvänta oss

Bara någon dag efter att vi satt igång testet fick vi indikationer att versionen med bild och text gav klart fler bokningar. Efter att formuläret legat ute några dagar visade statistiken att den nya versionen gav dubbelt så många bokningar.

Så här ser diagrammet ut i Website Optimizer som visar att kombination 1 (versionen utan bild och text) får hälften så många bokningar som den orginalversionen.

Den röda markeringen i nederkanten visar att de statistiska beräkningar som görs av verktyget är signifikanta, vilket betyder att resultatet är säkert och testet behöver inte köras vidare.

Slutsatser

AF Borgens tester visar hur stor inverkan utformningen av bokningssidan påverkar konverteringsfrekvensen på en webbplats. Och ett råd vi vill ge till alla webbplatsägare är att kolla sina beställnings- och registreringssidor. I AF borgens fall visade det sig att förenklingen av formuläret ledde direkt till en tredubbling av antalet bokningsförfrågningar.
Text och bild gav inte riktigt lika dramatisk förbättring, men en fördubbling av antalet bokningar är ändå anmärkningsvärt.
För att summera ledde två relativt enkla förändringar på bokningssidan till en ökning med 500% av antalet bokningar, vilket visar att utformningen av beställnings- eller bokningssidan är ofta den viktigaste faktorn för att förbättra resultaten för din internetmarknadsföring.

bit.ly

Det har kommit flera efterföljare och min favorit är den relativt nya bit.ly.  Förutom att man kan korta ner webb-adresser på samma sätt som med tinyurl, får man realtidsstatistik om hur många som klickar på länken.

Dessutom har bit.ly en väldigt bra gjord integration med Twitter, så om man gillar att ”Tweeta” när man hittar någon intressant länk för att dela med sig till andra är bit.ly fantastiskt smidig att använda.  Läs mer på http://bit.ly

Ett test-abonnemang på wufoo-sajten är gratis, och då ingår en fantastiskt användarvänlig editor för att skapa webbformulär.  Sedan kan du enkelt lägga ut formulären på vilken HTML-sida som helst med hjälp av ett javascript.

Editorn blev 2008 utsedd till en av webbens 10 mest användarvänliga applikationer av usability-gurun Jakob Nielsen

Abonnemang för olika typer av användare

Test-abonnemanget är begränsat till tre formulär, och då visas även reklam för Wufoo – vilket man kanske vill slippa.  Bättre är kanske därför att direkt satsa på det billigaste betalda abonnemanget som kostar endast 10 Dollar i månaden. I det ingår 10 webbformulär, och det räcker ganska långt.

Det finns finare abonnemang med obegränsat antal formulär och möjlighet till betalning via PayPal och Goolge check-out.  Dock är detta än så länge begränsat till vissa valutor där svenska kronor inte ingår.
Om man skall nämna något på minus-kontot kan jag väl säga att även om felmeddelanden och annat går att få på svenska så är viss funktionalitet fortfarande begränsad till amerikanska och brittiska användare. (T.ex. vissa färdiggjorda fält för adresser och telefonnummer, samt SMS-avisering till din mobil.)