Vad betyder responsiv design?

Responsiv design betyder att en hemsida anpassar sig efter skärmen den visas på.

Det innebär att hemsidan ska fungera bra oavsett om besökaren använder mobil, surfplatta eller dator. Text, bilder, knappar och menyer ska automatiskt anpassas så att sidan blir lätt att läsa och använda.

En responsiv hemsida ska alltså inte bara “gå att öppna” i mobilen. Den ska faktiskt vara enkel att använda där.

Varför är responsiv design viktigt?

Många besöker hemsidor via mobilen.

Det kan vara någon som snabbt vill hitta ett telefonnummer, jämföra företag, läsa om en tjänst eller skicka en offertförfrågan. Om hemsidan är svår att använda i mobilen finns risken att besökaren lämnar sidan direkt.

En mobilanpassad hemsida gör det enklare för kunden att:

• läsa information
• klicka på knappar
• hitta kontaktuppgifter
• förstå vad företaget erbjuder
• skicka en förfrågan
• ringa direkt från mobilen

För småföretag kan detta göra stor skillnad. En besökare som inte hittar rätt snabbt går ofta vidare till nästa företag.

Hur märks dålig mobilanpassning?

En hemsida som inte är responsiv kan kännas frustrerande.

Vanliga problem är att texten blir för liten, att man måste zooma, att knappar är svåra att trycka på eller att menyn inte fungerar ordentligt.

Det kan också handla om att sidan ser bra ut på dator men känns rörig i mobilen. Sektioner hamnar konstigt, bilder tar för mycket plats eller viktiga knappar hamnar för långt ner.

Besökaren kanske inte tänker “den här sidan saknar responsiv design”. Men personen känner snabbt att sidan är jobbig att använda.

Mobilen är ofta viktigast

Många företag tittar främst på sin hemsida via dator, eftersom det är så de själva arbetar. Men kunderna besöker ofta sidan från mobilen.

Därför är det viktigt att inte bara kontrollera hur hemsidan ser ut på en stor skärm. Startsida, tjänstesidor, meny, kontaktformulär och knappar behöver också testas i mobilen.

En bra fråga att ställa är: “Kan en kund förstå vad vi gör och kontakta oss inom några sekunder från mobilen?”

Om svaret är nej behöver sidan troligen förbättras.

Responsiv design påverkar intrycket

En hemsida som fungerar bra i mobilen känns mer modern och professionell.

Det visar att företaget har tänkt på användaren. Det skapar också mindre friktion för den som vill ta kontakt.

Om sidan däremot känns gammal eller svår att använda kan det påverka förtroendet. Även om företaget är bra kan en svag hemsida ge ett sämre första intryck.

Vad kan du kontrollera själv?

Du kan enkelt testa din egen hemsida genom att öppna den i mobilen och gå igenom några vanliga uppgifter.

Kontrollera om det är lätt att:

• förstå vad företaget erbjuder
• läsa texten utan att zooma
• använda menyn
• hitta kontaktuppgifter
• klicka på knappar
• fylla i formulär
• komma tillbaka till startsidan

Om något känns krångligt för dig är det troligen ännu krångligare för en ny besökare.

Sammanfattning

Responsiv design betyder att hemsidan anpassar sig efter mobil, surfplatta och dator.

För småföretag är det viktigt eftersom många kunder besöker hemsidan från mobilen. Sidan behöver vara tydlig, snabb och enkel att använda även på en liten skärm.

En responsiv hemsida ger ett bättre första intryck och gör det lättare för besökaren att ta nästa steg.