responsivt design

Responsivt design

Responsivt design betyder, at et systems layout og funktion automatisk tilpasser sig den skærm, det vises på, uden at brugeren mister funktionalitet undervejs.

Book gratis intromøde Læs mere

Indholdet på denne side er gennemgået og kvalitetssikret af Kim.

FAQ

Ofte stillede spørgsmål om responsivt design

Hvad er responsivt design helt konkret?

Responsivt design betyder, at et systems layout og funktion automatisk tilpasser sig skærmstørrelsen og enheden, det bruges på. Det samme system skal fungere fuldt ud, uanset om det åbnes på en stor kontorskærm, en tablet eller en mobiltelefon.

Hvorfor er responsivt design vigtigere for interne systemer end for markedsføringssider?

På en marketingside betyder dårlig mobiltilpasning typisk, at en besøgende forlader siden. I et internt system skal medarbejderen løse en konkret arbejdsopgave der, hvor arbejdet foregår, og uden responsivt design bliver opgaven svær eller umulig at gennemføre.

Hvad sker der, hvis et forretningskritisk system ikke er responsivt?

Knapper og felter bliver svære at ramme, medarbejdere skal zoome og scrolle, data bliver tastet forkert eller slet ikke registreret, og medarbejdere falder tilbage på papir eller mundtlige beskeder.

Er en browser-simulering nok til at teste responsivt design?

Nej. Systemet bør testes på reelle tablets, telefoner og netværksforhold i marken, da disse ofte opfører sig anderledes end en simulering på en udviklers kontorskærm.

Hvorfor er responsivt design vigtigere for et internt system end for en marketinghjemmeside?

På en marketinghjemmeside handler det om, at indhold ser pænt ud på mobilen. I et internt system skal en medarbejder løse en konkret arbejdsopgave, ofte under tidspres og ude fra, hvor arbejdet foregår. Hvis systemet ikke er responsivt, kan opgaven blive umulig eller meget besværlig at gennemføre, hvilket har direkte konsekvenser for driften.

Hvad sker der konkret, hvis en webapp ikke er responsiv på lager eller i marken?

Knapper bliver svære at ramme præcist på en tablet, data tastes forkert eller registreres slet ikke, og medarbejdere ender med at falde tilbage på papir eller mundtlige beskeder. Resultatet er spildtid, flere fejl og data, der ikke stemmer overens med den faktiske situation på lageret eller i marken.

Er responsivt design det samme som en mobilvenlig hjemmeside?

Nej. En mobilvenlig hjemmeside handler primært om, at indhold ser godt ud og er let at læse på mobilen. Responsivt design i et forretningskritisk system handler om noget mere: at medarbejderen kan udføre den fulde arbejdsopgave, inklusive indtastning og registrering af data, på enhver skærmstørrelse uden at miste funktionalitet.

Kom videre med responsivt design

Responsivt design hænger tæt sammen med flere andre begreber, når man taler om systemer, der skal fungere i praksis.

Ordbog

PWA

Gør systemet installerbart og app-lignende på mobile enheder.

Læs mere

Ordbog

SLA

Et aftaledokument der kan stille krav til funktion på tværs af enheder.

Læs mere

Ordbog

Drift og vedligehold

Sikrer at den responsive tilpasning fortsat virker, når systemet opdateres.

Læs mere

Løsning

Ordre- og lagerstyring

En løsning hvor responsivt design er en central forudsætning for daglig brug.

Læs mere

Denne side er gennemgået og godkendt af Kim Like

Gennemgået af

Kim Like

Stifter og produktejer

Kim Like er AI- og udviklingskonsulent med mere end 10 års erfaring inden for web, software og automatisering for danske virksomheder. Han er stifter og produktejer af billigwebapp, der er kulminationen af flere AI-produkter, en standardiseret kodestak og et gennemprøvet udviklingsforløb fra hans projekter hos AI Enterprise. Det gør professionel webapplikationsudvikling til en fast, lav pris, som ellers har været forbeholdt virksomheder med store budgetter.

Ekspertiser

Webapplikationer
Softwareudvikling
AI-assisteret udvikling
Standardiseret kodestak

Webdesign

Hvad er responsivt design?

Responsivt design er en teknisk tilgang til udvikling, hvor en webapps layout, navigation og funktioner justerer sig efter skærmstørrelsen på den enhed, den vises på. I stedet for at bygge én fast version til desktop og håbe, at den også virker på mobil, designes systemet fra starten til at fungere på flere skærmstørrelser samtidig.

I et forretningskritisk system handler det om, at en medarbejder kan udføre den samme arbejdsopgave, uanset om vedkommende sidder ved et skrivebord eller står med en tablet i hånden ude på lageret. Knapper skal kunne rammes med en finger, formularer skal kunne udfyldes uden konstant zoom, og tabeller med data skal kunne læses uden side-scroll. Dette kræver, at systemet testes på reelle enheder, ikke kun i en browser-simulering, og at systemet gerne kan installeres som en PWA for at føles app-lignende på mobilen.

På en marketinghjemmeside er konsekvensen af dårlig mobiltilpasning typisk, at en besøgende bliver irriteret og forlader siden. I et internt system er situationen en anden: medarbejderen skal løse en konkret arbejdsopgave, ofte under tidspres, og hvis systemet ikke er responsivt, bliver opgaven svær eller umulig at gennemføre der, hvor arbejdet foregår. Det gælder ikke mindst en ordre- og lagerstyringsløsning, hvor data skal kunne registreres direkte fra lagergulvet.

Knapper og felter er for små til at ramme præcist på en tablet, hvilket fører til fejlklik og forkerte registreringer.
Medarbejdere skal zoome og scrolle for at finde oplysninger, hvilket koster tid på hver eneste opgave.
Data bliver tastet forkert eller bliver aldrig registreret korrekt i en database, fordi opgaven er for besværlig at gennemføre på stedet.
Medarbejdere falder tilbage på papir eller mundtlige beskeder, fordi systemet i praksis ikke kan bruges der, hvor arbejdet foregår.

Responsivt design hænger tæt sammen med flere andre begreber. en aftale om serviceniveau kan indeholde krav om, at systemet skal fungere korrekt på tværs af enheder, og god drift og vedligehold sikrer, at den responsive tilpasning fortsat virker, når systemet opdateres over tid.