Mobilanpassning av sidor

Allt fler hemsidor väljer att mobilanpassa sina sajter. De vet med sig att fler och fler föredrar att surfa via mobilen och mobilanpassandet görs därför mycket av hänsyn till besökarna. Med en mobilanpassad sajt kan man nå ut till fler genom att man syns på flera sätt, båda via vanliga webben och på den mobila nätkartan.

mobilanpassning_288954107

En mobilanpassad hemsida innebär i praktiken att sajten förändrar sig när man surfar på mobilen och anpassar sig efter den skärmen. Ett vanligt problem innan man började mobilanpassa hemsidor var att de besökare som surfade via mobilen hade svårt att läsa det som stod på sajten, just eftersom sidan ”hoppade runt” och inte passade in med den mindre skärmen. Denna utveckling går hela tiden framåt och numer kan man räkna med att de flesta seriösa hemsidor har en mobilanpassad version.

Vad är då viktigt när man mobilanpassar sin sida? Det allra första du måste tänka över är vilket innehåll du ska mobilanpassa. Ska den mobila versionen ha alla funktioner och all info som finns på webben? Därför måste du också bestämma sig för vilket syfte mobilsidan ska ha och vad som är viktigast att förmedla. Oftast krävs det en del uppoffringar när man mobilanpassar en hemsida och det gäller för dig att fundera över vilka dessa ska bli. Relaterat till detta finns även navigering och design, som är väsentliga när det gäller användarvänligheten på sida och när hemsidan ska tas in på mobilnätet. Andra väsentliga frågor är om mobilsidan ska efterlikna webbsidan så mycket det går, eller om den ska ha ett annat utseende, samt om det ska finnas en mobil landningssida. Text och bild är avgörande faktorer. Det krävs mycket förarbete för att hitta det bästa formatet för att göra texter och bilder mobilvänliga på din sajt. Inte minst gäller det att texten syns väl i mobilen och har rätt anpassad storlek. Bilder får inte bli pixlade och försämrade i mobilen. Dessutom bör du tänka på att en mobil hemsida navigeras på ett annat sätt än en på webben. Där har man en mus till sin hjälp som kan klickas, zoomas och skrollas med. På mobilen ska allt detta skötas med din tumme. Därför är det viktigt att se till så att mobilsidan blir tumvänlig. Komponenter som då krävs är bland annat det finns lite marginaler för feltryck, samt att zooma och att skrolla fungerar korrekt. Egenskaper som laddningstid, lokalsökning, konverteringsanpassning och inte minst marknadsföring bör du ha i åtanke. Det måste gå snabbt annars stänger besökaren ner och går till en annan sida.

En otroligt viktig funktion för att få mobilsidan att fungera på ett bra sätt är responsiv design. Responsiv design innebär att hemsidan klarar av att anpassa sig oavsett om man surfar in på den via en dator eller en mobil. Detta är såklart väldigt viktigt när till exempel man ska spela slots online.

Läs på en hel del om hur det fungerar så hjälper det dig att förstå begreppet responsiv design. Men enkelt förklarat kan man säga att funktionen gör att sajten anpassar sig varje gång du surfar in på den, oavsett vilken enhet du använder. När detta gjorts på bästa sätt skapar det verkligen en fantastisk användarupplevelse. Då det mobila surfandet ökar i rekordtakt, och vid det här laget lär ha gått om datorsurfandet, blir denna teknik såklart väldigt betydelsefull. Det var webbdesignern Ethan Marcotte som tog fram filosofin bakom responsiv design, i en uppmärksammad artikel. De tre viktigaste beståndsdelarna där var enligt följande:

  • Fluid grid, att sajten ändras efter besökarens individuella skärmstorlek
  • Fluid images; när bilderna kan skalas upp och ner i storlek
  • Media queries, att webbsidan ställer frågor till användaren om till exempel skärmbredd och upplösning

Med denne artikel lyckades Marcotte konkretisera något som länge funnits i många branschmänniskors bakhuvuden.

Två viktiga nyckeltermer i den här utvecklingen är mobile first och content first:

  • Mobile first innebär ett tankesätt där du utvecklar mobilsidan först när du skapar en ny hemsida. Detta eftersom kraven på struktur, mängd innehåll och liknande är svårare här, då skärmarna är mindre.
  • Content first betyder att du anpassar din hemsida efter det innehåll som du tänkt lägga upp. Det innebär bland annat att du måste tänka över vilket innehåll som måste finnas med. Ju mer innehåll du kan skära bort, desto bättre är det faktiskt, eftersom sajten kommer fungera bättre då.