Når vi designer hjemmesider, handler det ikke om at gøre tingene smarte for vores egen skyld. Det handler om dine besøgende. Dine kunder. De mennesker, du gerne vil nå.
Og de kommer ikke alle sammen med den samme skærm.
Verden er ikke 1024 pixels bred længere…
Vi har i mange år arbejdet med faste størrelser og “breakpoints” – altså punkter, hvor designet skifter afhængigt af skærmstørrelse. Det har virket – nogenlunde. Men virkeligheden er mere kompleks i dag.
Et nyere projekt kaldet viewports.fyi dokumenterede, at der i løbet af bare 48 timer blev registreret over 2.300 unikke skærmstørrelser. Ikke 10. Ikke 20. Over to tusinde.
Det siger noget om, hvor forskelligt dine besøgende møder din hjemmeside – og hvorfor det ikke længere er nok bare at designe til “mobil og desktop”.
Hvad betyder det for dig?
Det betyder, at dine besøgende ikke bare bruger “mobil eller computer”. De bruger tablets, foldbare telefoner, gamle laptops, kæmpe skærme, små browser-vinduer – og nogle har zoomet ind, zoomet ud eller åbnet din side i split view.
Hvis din hjemmeside ikke tilpasser sig det, taber du besøgende – og i sidste ende potentielle kunder.
Det handler ikke om teknik – men om oplevelse
Når vi bygger hjemmesider, tænker vi ikke “hvilke teknikker kan vi vise frem?”. Vi tænker:
Hvordan skaber vi en oplevelse, hvor dine besøgende føler sig mødt – uanset hvordan de lander på siden?
Det gør vi bl.a. ved at:
- Gøre tekst let at læse på alle skærme, så ingen skal knibe øjnene sammen
- Sikre at billeder og indhold tilpasser sig elegant, så det aldrig ser “presset” eller “tomt” ud
- Skræddersy navigation og layout, så det er nemt at finde rundt – også med én hånd på mobilen
Alt det gør vi med teknikker som flydende typografi (clamp() og calc()), fleksible grids og moderne CSS. Men det vigtigste er ikke, hvordan vi gør det – det er, hvorfor vi gør det.
En moderne hjemmeside arbejder for dig – ikke imod dig
Når din hjemmeside fungerer problemfrit på både store og små skærme, skaber du tillid. Du viser, at du tager dine kunders tid og oplevelse seriøst. Og du gør det lettere for dem at vælge dig.
Du får en løsning, der ikke bare “ser flot ud”, men faktisk arbejder for din forretning – hver eneste dag, på hver eneste skærm.
Og hvis du er lidt nørdet (eller bare nysgerrig på, hvad vi baserer det her på), så tag endelig et kig på undersøgelsen bag det hele:
viewports.fyi – en fascinerende dokumentation af, hvor stor variation der faktisk er i folks skærmstørrelser.