Menu

Hvad er responsivt design? Og hvordan får du det?

Hvad betyder det, når folk snakker om responsivt design? Og hvorfor kan det være forskellen på succes eller fiasko for din hjemmeside?

En responsiv hjemmeside tilpasser sig alle skærmstørrelser på en elegant måde.

Det er halvandet år siden, at Google ændrede et af kriterierne for at blive vist højt i søgeresultaterne. Alligevel er der mange større og mindre virksomheder, som ikke har optimeret deres hjemmeside. Det kan koste kunder og opmærksomhed. Hvis din hjemmeside ikke er responsiv eller “mobilvenlig”, så vil andre sider bliver prioriteret højere i søgningerne.

De få afgørende sekunder

Forestil dig, at du bruger din mobil til at søge efter et eller andet produkt eller information. Det første resultat Google viser dig ser ud til at være præcist, hvad du søger efter, så du klikker på linket. Nu åbner en hjemmeside, som kun er lavet til at blive vist på en computer. Det betyder, at teksten er alt for lille, ligesom alt andet på siden er tæt på ulæseligt. Du prøver at zoome ind på teksten, men det er alt for besværligt og tager for lang tid. Derfor forlader du hurtigt hjemmesiden og finder en anden hjemmeside, som du nemt kan tilgå fra din mobil.

De første få sekunder er afgørende for, om de besøgende beslutter sig for at blive på din side eller gå videre til en anden. Ud over at man selvfølgelig skal kunne læse og navigere rundt, så skal siden også loade hurtigt. En undersøgelse viser, at 40% forlader en hjemmeside, som tager mere end 3 sekunder at loade!

Hvad er mobilvenlig?

Når en hjemmeside er responsiv eller mobilvenlig, så betyder det, at den skalerer sig selv uanset, om du bruger en mobil, tablet eller en computerskærm. Hjemmesiden ser ikke nødvendigvis ud på samme måde, men indholdet bliver vist på en sådan måde, at det kan læses eller ses på den skærm, som du bruger. Det er smart! I dag bruger vi mange forskellige størrelser skærme, så det er en nødvendighed med denne fleksibilitet.

Sådan fungerer responsive hjemmesider

Her er nogle eksempler, som viser, hvordan en responsiv hjemmeside tilpasser skærmen udfra hvilken skærm du bruger. Du kan få en mere uddybende forklaring her.

Få en uddybbende forklaring på animationerne her.

Er din hjemmeside responsiv?

Er du i tvivl om din hjemmeside er responsiv? Eller ønsker du, at den bliver det? Så er du velkommen til at kontakte mig for et uforpligtende tilbud. Jeg er ekspert i at lave funktionelle og responsive hjemmesider. Kontakt mig her.

Henrik Engedal

Om Henrik Engedal

Henrik arbejder som grafisk designer og har en passion for det smukke, det sande og det skæve. Og han deler det gerne med dig! Har du spørgsmål eller brug for hjælp til et projekt, så kontakt ham. Klik her.

Ingen kommentarer

Skriv en kommentar

Du kan bruge disse HTML tags og egenskaber: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>