Responsiv design betyder att hemsidan anpassar sig till olika skärmstorlekar i stället för att låtsas att alla har samma skärm.
Layout, text, bilder, menyer och kontroller behöver fungera på mobil, surfplatta, laptop och större skärmar.
På vanlig svenska
Det här hör till hemsidans teknik eller användarupplevelse. Du behöver inte kunna koda det. Det viktiga är att förstå vad som förändras för besökaren, redaktören eller den som sköter sidan: tydlighet, hastighet, tillgänglighet, stabilitet eller hur lätt hemsidan går att ändra senare.
Ett verkligt exempel
Tre kolumner på datorn kan bli en tydlig kolumn i mobilen, med knappar som är stora nog att trycka på.
Det viktiga är inte om tekniken låter avancerad, utan om resultatet märks som en tydligare, snabbare, tryggare eller lättare hemsida.
Varför det spelar roll
En stor del av besökarna kan se hemsidan i mobilen. En datorsnygg sida som faller sönder i mobilen är inte färdig.
Tekniska val blir till slut mänskliga konsekvenser. En inställning som låter obskyr kan avgöra om sidan laddar, om någon med skärmläsare kan använda den eller om en framtida redesign blir enkel eller plågsam. Det är på den nivån begreppet blir användbart.
När behöver du faktiskt bry dig?
Du behöver bry dig när hemsidan är långsam, svår att använda, jobbig att redigera, otillgänglig, instabil, dyr att underhålla eller börjar bli beroende av ett skört tekniskt val. Du behöver också bry dig före flyttar, redesigns och nya integrationer, eftersom små tekniska beslut kan bli stora begränsningar senare.
Bra frågor att ställa
- Vad märker en besökare eller redaktör om det här görs bra?
- Vem ansvarar för underhållet efter lansering?
- Vad händer om tekniken slutar fungera eller måste bytas ut?
Vad gör du med det här?
Fråga vad som förändras för besökaren, vem som ansvarar för underhållet och vad som händer om det slutar fungera. Om ingen kan svara på de tre frågorna är lösningen troligen mer komplicerad än den behöver vara.
Vad det inte betyder
Responsiv betyder inte att allt bara krymper.
Kortversionen
Layouten ska anpassa sig; människan ska inte behöva kämpa med den.
Behöver din hemsida fungera bättre i mobilen?
Relaterat: mobile-first och UX. Du kan också läsa om webbstrategi.
Fördjupning: web.dev om responsiv design.