Responsiv design förklarad

De flesta besöker hemsidor från mobilen. En responsiv hemsida anpassar sig efter skärmen, så att den fungerar lika bra på mobil, surfplatta och dator.

Vad betyder responsiv?

En responsiv hemsida ändrar layout beroende på skärmens storlek. Menyer, bilder och texter anpassas så att allt är läsbart utan att man behöver zooma.

Varför är det viktigt?

Om hemsidan är svår att använda på mobilen lämnar besökarna. Sökmotorer tar också hänsyn till hur väl hemsidan fungerar på mobil.

Det här ska fungera på mobilen

Menyn ska vara lätt att öppna och använda.
Knappar ska vara stora nog att trycka på.
Texten ska vara läsbar utan att zooma.
Formulär ska vara lätta att fylla i.
Telefonnummer ska gå att klicka på.

Testa själv

Öppna hemsidan på din egen mobil och gå igenom de viktigaste sidorna. Be gärna andra testa också.

Tänk mobilen först

Många leverantörer designar för mobilen först och anpassar sedan för större skärmar. Det ger ofta en tydligare hemsida.

Hastighet på mobilen

Mobila besökare är ofta ute på resande fot med sämre uppkoppling. Därför är det extra viktigt att hemsidan laddar snabbt på mobilen. Stora bilder och tunga skript kan webbplats göra att det tar lång tid. Fråga leverantören hur de arbetar med prestanda.

Surfplattor och stora skärmar

Responsiv design handlar inte bara om mobilen. Hemsidan ska också fungera på surfplattor, bärbara datorer och stora skärmar. På en stor skärm kan texten bli för bred om sidan inte är anpassad, vilket gör den svår att läsa. På en surfplatta kan menyn hamna mitt emellan mobil- och datorversionen. Be leverantören visa hur hemsidan ser ut i olika storlekar och testa själv på de enheter du har tillgång till. Vrid gärna mobilen och surfplattan och kontrollera att sidan fungerar både stående och liggande. Det är detaljer som påverkar helhetsintrycket.

Testa gärna på flera olika enheter.

Fråga gärna din webbleverantör om du vill ha råd om just din hemsida.

Sammanfattning

En responsiv hemsida fungerar på alla skärmar. Kontrollera att meny, knappar, texter och formulär fungerar på mobilen, och testa själv innan lansering.

kopahemsida.nu hjälper företag som vill köpa hemsida. Läs om kravspecifikation, offerter och lansering.