Responsivt design betyder, at hjemmesiden automatisk tilpasser sig skærmstørrelsen uanset medie (PC, tablet, mobil). Tekst, grafik, billeder med mere tilpasses og skaleres til den enkelte skærm.
Det sker på en intelligent måde. Fx kunne en opstilling med 4 kolonner blive vist som 4 kolonner på PC’en, 2 kolonner på tabletten og 1 kolonne på mobilen.
På samme måde med tekst, der får linjeskift afhængig af skærmbredden.
Ikke nok med det. Fx har forskellige mobiler forskellige skærmstørrelser. Det tilpasser hjemmesiden sig også. Og den tilpasser sig også skærmbredden afhængig af om mobilen holdes lodret eller vandret.
De 4 kolonner findes stadig på mobilen, de vises bare under hinanden. Det betyder, at du undgår:
- At skulle bladre sidelæns for at læse hjemmesiden.
- At elementerne bliver så små, at du ikke kan læse dem.
Det er vigtigt at din hjemmeside er responsiv, da besøgende til din hjemmeside vil komme fra flere forskellige medier.
De fleste CMS-systemer tilbyder i dag responsivt design.
Det er altså præcis den samme kildekode af hjemmesiden, der bruges til alle medier. Før i tiden havde man typisk en mobilversion af hjemmesiden, der hed fx ”m.cykelhandleren.dk”. Men det var jo besværligt, og sådan er de heldigvis ikke mere.
Selv om hjemmesiden tilpasser sig, vil det alligevel ofte være sådan, at den tager sig bedst ud på et af medierne. Skal du prioritere mellem en flot opstilling på PC’en og på mobilen, så prioriter mobilen. Der er mange flere der ser hjemmesider på mobilen end på PC’en i dag.
Lige en sidste detalje. Undgå tvungen linjeskift i overskrifter, små bokse og knapper. Det der ser pænt ud når du redigerer teksten, kan se helt anderledes ud på andre skærmstørrelser, hvor linjeskiftet måske kan virke fuldstændig fejlplaceret.
