Hansen StudioDesign & development

Viden fra Hansen Studio

Gode spørgsmål.
Bedre digitale løsninger.

Fra den første idé til det, du kan klikke på.
Konkrete svar om design, udvikling og samarbejde.

EILLON med parfumeflaske, produktfortællinger og redaktionelle billeder. Fra idé til virkelighedEILLON

Samarbejde5 min. læsning

Hvor kan jeg finde en digital produktdesigner?

Din næste gode beslutning

Hvad vil du
have styr på?

Faglige kilder. Konkrete projekter. Klart sprog.

Find dit emne

Et lille forspring.

22 guides, forklaringer og sammenligninger.

22 guides at gå på opdagelse i

Samarbejde5 min. læsning

Hvor kan jeg finde en digital produktdesigner?

Find relevante designere, vurder deres portfolio, og skriv en brief, der gør opgave, ansvar og forventninger konkrete.

Guide01 / STUDIO NOTES

Design5 min. læsning

Hvad er digital produktdesign?

Forstå arbejdet fra brugerbehov og informationsstruktur til interface, prototype og samarbejde om udvikling.

Forklaring02 / STUDIO NOTES

Design4 min. læsning

Hvad er forskellen på UX og UI?

Se forskellen på brugeroplevelse og brugerflade, og brug den til at finde ud af, hvad dit projekt mangler.

Sammenligning03 / STUDIO NOTES

Udvikling4 min. læsning

Hvad er frontend, og hvad laver en frontendudvikler?

Forstå HTML, CSS og JavaScript samt arbejdet med brugerflader, tilgængelighed, data og kvalitet i browseren.

Forklaring04 / STUDIO NOTES

Udvikling4 min. læsning

Hvad er forskellen på frontend og backend?

Følg en handling fra browser til server, og afklar ansvar for brugerflade, validering, data og integrationer.

Sammenligning05 / STUDIO NOTES

Design4 min. læsning

Hvad er forskellen på en wireframe og en prototype?

Vælg mellem strukturskitse og afprøvning af et forløb, og forstå forskellen på detaljer, interaktion og produktionsklar kode.

Sammenligning06 / STUDIO NOTES

Design5 min. læsning

Hvad er en brugertest, og hvordan tester man en hjemmeside?

Planlæg en enkel brugertest med relevante deltagere, neutrale opgaver og fund, som kan omsættes til konkrete forbedringer.

Guide07 / STUDIO NOTES

Udvikling4 min. læsning

Hvad er responsivt webdesign, og hvordan tester man det?

Forstå fleksible layouts, indhold og betjening, og brug en konkret gennemgang til at kontrollere siden på tværs af skærmstørrelser.

Guide08 / STUDIO NOTES

Udvikling6 min. læsning

Hvordan lærer man frontend fra bunden?

En praktisk vej gennem HTML, CSS og JavaScript med små projekter, fejlretning og konkrete tegn på, at du forstår det, du bygger.

Guide09 / STUDIO NOTES

Udvikling5 min. læsning

Hvad er forskellen på HTML, CSS og JavaScript?

Forstå websidens tre grundlag gennem en opskriftsside: indholdets betydning, det visuelle layout og den interaktive adfærd.

Sammenligning10 / STUDIO NOTES

Udvikling5 min. læsning

Hvad er forskellen på JavaScript og TypeScript?

Forstå, hvad TypeScript hjælper med før programmet kører, og hvorfor eksterne data og brugerens handlinger stadig kræver kontrol.

Sammenligning11 / STUDIO NOTES

Udvikling5 min. læsning

Hvad er React, og hvornår giver det mening?

En forståelig introduktion til komponenter, props og state med en quiz som eksempel og konkrete overvejelser før teknologivalget.

Forklaring12 / STUDIO NOTES

Udvikling5 min. læsning

Har en hjemmeside brug for et frontend-framework?

Vælg mellem almindelige webteknologier og et framework ud fra funktioner, eksisterende kode, team og vedligeholdelse.

Guide13 / STUDIO NOTES

Udvikling5 min. læsning

Hvad er et API, og hvordan bruger frontend det?

Følg en afgangstavle fra forespørgsel til svar, og forstå data, ventetid, fejl og ansvarsgrænsen mellem browser og server.

Forklaring14 / STUDIO NOTES

Udvikling6 min. læsning

Hvad er webtilgængelighed, og hvordan tester man det?

Gør brugerfladen lettere at opfatte, forstå og betjene med konkrete checks af tastatur, formularer, zoom, indhold og feedback.

Guide15 / STUDIO NOTES

Udvikling5 min. læsning

Hvordan gør man en hjemmeside hurtigere?

Mål den faktiske oplevelse, find belastende billeder og kode, og forstå forskellen mellem indlæsning, reaktionstid og stabilitet.

Guide16 / STUDIO NOTES

Design6 min. læsning

Hvad er UX research, og hvilken metode skal man vælge?

Vælg undersøgelser efter det, du skal lære: brugerens situation, en konkret barriere eller virkningen af en ændring.

Guide17 / STUDIO NOTES

Design5 min. læsning

Hvordan går man fra design til en færdig brugerflade?

Forbind flow, indhold og komponenter med rigtig kode, fejltilstande og tydelige krav til aflevering.

Guide18 / STUDIO NOTES

Samarbejde5 min. læsning

Skal jeg vælge en freelancer eller et bureau?

Sammenlign ansvar, kompetencer, kapacitet og overdragelse, så samarbejdsformen passer til den faktiske opgave.

Sammenligning19 / STUDIO NOTES

Samarbejde6 min. læsning

Hvad koster en hjemmeside, og hvad skal tilbuddet indeholde?

Skab et sammenligneligt budget med klare leverancer, indhold, integrationer, rettelser og løbende udgifter.

Guide20 / STUDIO NOTES

Udvikling5 min. læsning

Hvad er forskellen på en hjemmeside, en webapp og en app?

Forstå mulighederne gennem et menukort, en måltidsplan og et produkt med enhedsfunktioner. Vælg efter brugssituationen.

Sammenligning21 / STUDIO NOTES

Udvikling5 min. læsning

Skal man have en uddannelse for at arbejde med frontend?

Forstå formelle uddannelsesveje, selvstændig læring og den dokumentation, en portfolio kan give uden at overdrive erfaring.

Guide22 / STUDIO NOTES

Et spørgsmål fører til det næste

Måske tænker du også på …

Korte svar. En guide, når du vil vide mere.

SamarbejdeSkal designeren kende min branche?

Branchekendskab kan hjælpe, men vurder også evnen til at sætte sig ind i brugere, arbejdsgange og begrænsninger. Relevant opgavetype kan være lige så vigtig.

Læs hele guiden
DesignEr produktdesign det samme som grafisk design?

Der er fælles visuelle færdigheder, men digital produktdesign omfatter også opgaver, struktur, interaktioner og afprøvning af løsningen.

Læs hele guiden
DesignEr UX vigtigere end UI?

De bør vurderes sammen. Et meningsfuldt forløb kræver også en brugerflade, som kan aflæses og betjenes.

Læs hele guiden
UdviklingEr frontend det samme som webdesign?

Områderne overlapper, men frontend handler om den tekniske implementering og adfærd i browseren. Design handler om at forme løsningen og dens oplevelse.

Læs hele guiden
UdviklingEr en database det samme som backend?

Nej. En database er en mulig del af løsningen. Backend kan også håndtere adgang, regler, integrationer og kommunikationen med databasen.

Læs hele guiden
DesignSkal jeg altid lave wireframes først?

Nej. Brug dem, når de hjælper med at afklare struktur. Et lille projekt eller en kendt komponent kan kræve en anden vej.

Læs hele guiden
DesignEr fem deltagere altid nok?

Nej. Det kan være en praktisk start på en afgrænset kvalitativ runde, men tilstrækkeligheden afhænger af spørgsmål, målgruppe og variation.

Læs hele guiden
UdviklingEr mobilvenlig og responsiv det samme?

De bruges ofte sammen. Responsiv beskriver tilpasningen af layoutet, mens en god mobiloplevelse også kræver blandt andet brugbar betjening, læsbarhed og passende hastighed.

Læs hele guiden
UdviklingHvad skal jeg lære først som frontendudvikler?

Begynd med HTML og grundlæggende CSS. Tilføj JavaScript, når du kan lave en enkel side og finde rundt i dens filer. Øv tilgængelighed og fejlretning fra starten.

Læs hele guiden
UdviklingHvad sker der, hvis CSS ikke indlæses?

Browseren kan stadig vise et HTML-dokuments indhold med sin grundlæggende præsentation. En meningsfuld struktur gør derfor også indholdet mere forståeligt, når det særlige design mangler.

Læs hele guiden
UdviklingEr TypeScript et alternativ til at lære JavaScript?

Nej. TypeScript deler JavaScripts grundlæggende syntaks og adfærd. Kendskab til JavaScript hjælper dig med at forstå, hvad dit TypeScript-program faktisk gør.

Læs hele guiden
UdviklingEr React et programmeringssprog?

Nej. React er et bibliotek, som bruges med JavaScript. Mange projekter bruger også TypeScript og JSX, men du arbejder stadig med webteknologiernes grundlag.

Læs hele guiden