- Gör inte bara en direktöversättning av webben till mobilen – mobilsurfaren har andra behov.
- Bygg inte in för många special-funktioner för en enskild mobilmodell. Det blir inte kostnadseffektivt att underhålla.
- Undvik att sätta upp ett separat innehållshanteringssystem för mobilsajten. Om du använder samma system som för vanliga webben slipper du mycket dubbelarbete.
- Missa inte nyare tekniker som javascript, html 5 och css 3.
Sju tips för en bra mobilsajt
- Tänk på att mobilsurfaren befinner sig i en annan kontext än dator-användaren.
- Utnyttja de tekniska möjligheter som smarta telefoner erbjuder.
- Se till att mobilsurfaren automatiskt skickas vidare till mobilsajten i stället för till webbsajten.
- Exkludera inte några mobil-modeller.
- Se till att sajten anpassar sig efter om användaren håller mobilen vertikalt eller horisontellt.
- Skapa funktioner för att dela innehåll från mobilsajten till sociala medier.
- Använd de konventioner som finns när det gäller navigering och symboler.
Det här är dock något som raskt håller på att ändras, enligt Frans Borgstrand, en av grundarna till mobilbyrån Mobiento.
– År 2011 är det inte längre okej att ett företags sajt ser helt knasig ut om man surfar in på den via mobilen, det får komplikationer för varumärket. Man måste göra en särskild mobilsajt, det är inte längre valfritt, säger han.
Steg ett för det företag som har bestämt sig för att ta tag i saken och skapa en mobilsajt är att ta fram en mobil strategi.
– Den behöver inte vara särskilt avancerad eller kostsam. Det som krävs är att du tänker till: Vilken typ av närvaro vill du ha i mobilen?
Steg två är att konkretisera strategin. Frans Borgstrand anser att det enklaste är att utgå från innehållet på den vanliga webben och sedan fundera på två saker: Vilka tjänster på den vanliga webben är mest relevanta för mobilanvändaren? Finns det några helt nya tjänster som bör lyftas in på mobilsajten?
– Det allra viktigaste är att förstå att mobilanvändaren befinner sig i en annan situation än vad pc-användaren gör. Mobilanvändaren befinner sig i en annan kontext och har andra behov och andra tidsramar.
Det här innebär oftast att strukturen på mobilsajten bör se annorlunda ut än på den vanliga sajten och att andra tjänster och annan information ska lyftas upp överst.
Hur mycket av innehållet från webbsajten som företag väljer att ha med på mobilsajten varierar.
– På sikt kommer man att ha med allt på mobilsidan. Men det viktiga är att man paketerar innehållet på ett annat sätt, att man förstår att mobilsurfning innebär kortare sessioner.
Enligt Frans Borgstrand är det även viktigt att tänka på att det finns två huvudsyften med mobilsurfning. Det ena är att spara tid. Surfaren har ett behov av att direkt ta reda på något, exempelvis en adress. Det andra är att döda tid. Surfaren kanske sitter på bussen och då kan det exempelvis passa att fördriva tiden med att göra ett test i mobilen.
Nya tjänster på mobilsajten kan exempelvis handla om att visa var närmaste inköpsställe eller butik finns.
– Det finns en ganska stor okunskap kring möjligheterna med dagens smarta telefoner. Många tror att vissa av telefonens inbyggda funktioner bara är möjliga att utnyttja i appar, trots att det går utmärkt att använda dem även för mobilsajter.
Det går exempelvis att skapa tjänster som använder gps:en och telefonboken och snart blir det förmodligen även möjligt att använda kameran.
När den mobila strategin är konkretiserad är det dags för steg tre, som går ut på att bestämma vilka medel som ska användas för att nå målet.
– Till att börja med måste du ha en tekniklösning som känner av vilken mobiltelefon surfaren använder så att sidan visas på ett sätt som är anpassat för just den mobilen. Det är grundläggande, eftersom du ju vill nå så många mobilsurfare som möjligt.
Frans Borgstrand anser även att det är viktigt att se till så att mobilsurfaren automatiskt skickas vidare till mobilsajten i stället för till webbsajten, utan att han eller hon behöver knappa in någon speciellt mobiladress.
– Det gäller inte bara dem som surfar rakt in på första sidan på en sajt. Varje www-länk ska ha en motsvarighet i mobilwebben.
Det är viktigt att tänka på att standard är att användaren håller mobilen i ett upprätt läge framför sig och skrollar.
– Designen bör utgå från det. Men det är även viktigt att sidan flyter ut och anpassar sig om användaren väljer att vända på mobilen till liggande läge.
Ett vanligt fel är att sajten har för liten text och för litet radavstånd. Det gör att innehållet blir för komprimerat och svårt att ta till sig.
– Det är bättre att jobba med luftighet och större texter. Folk är inte rädda för att skrolla, de har inga problem med en lång sida.
Frans Borgstrand anser även att det är bra att försöka leka lite med bilderna.
– Det ska inte bara vara platta, statiska bilder. Användaren ska kunna bläddra i bildspel och det är även en god idé att lägga in video.
Med teknikerna html 5, css 3 och javascript går det att skapa en rikare grafisk design, exempelvis att element animeras fram eller att bilderna i ett bildspel kan dras fram av användaren.
– Men det är viktigt att inte exkludera några mobiler. Det finns ändå ganska många gamla Nokiatelefoner där ute.
Lösningen är, enligt Frans Borgstrand, att utgå från att göra en så bra upplevelse som möjligt för de mest populära mobilerna och sedan se till att innehållet visas på ett enklare sätt på äldre och mindre avancerade telefoner.
En klok idé för navigeringen på mobilsajten är att hålla sig till de konventioner som har börjat växa fram.
– En typisk sådan grej är att du längst ner på sidan ska kunna navigera tillbaka till toppen och bakåt. Men det finns inte någon standard ännu för hur man ska designa mobilsidor på samma sätt som det finns för webbsidor. Det kommer nog att ta ett tag innan det sätter sig.































en sak till - (patrik.soder) 2011-06-23 18:12
en sak till - (kochauf) 2011-06-23 20:14
Smartphone dit o smartphone dit - (MP-Streetgirl) 2011-06-24 01:36
en sak till - (stormense) 2011-06-24 01:36
en sak till - (MP-Streetgirl) 2011-06-24 01:45
Varför specialversioner? - (Dundermuppen) 2011-06-24 08:25
Varför specialversioner? - (spoonfed) 2011-06-25 13:07
Bra att tänka på när man använder QR-koder - (stason) 2011-06-26 13:03