Cloud-baseret designværktøj til brugerflader og designsystemer med samarbejde i realtid.
Bedst til: Interface-design
Dansk UX-opslagsværk
Indekset for bedre digitale oplevelser.
Udforsk gennemprøvede UX-mønstre, website-eksempler, designprincipper, værktøjssammenligninger og handlingsanvisende guides med eksempler fra nogle af verdens bedste digitale produkter.
UX-mønstre
Referencebiblioteket af gennemprøvede mønstre
Slå op, hvordan et interface-mønster virker: hvornår du bruger det, hvornår ikke, og hvem der gør det godt.
Navigation
Kommandopalette
Tastaturdrevet adgang til alle handlinger fra ét søgefelt (⌘K).
Se mønster →Navigation
Megamenu
Brede dropdowns, der viser en hel sektion på én gang.
Se mønster →Navigation
Breadcrumbs
Vis brugerens placering i hierarkiet og en vej tilbage.
Se mønster →Navigation
Facetteret filtrering
Indsnævr store lister med kombinerbare filtre i sidebaren.
Se mønster →Navigation
Tags og chips
Kompakte, klikbare etiketter til at filtrere, vælge og indtaste: filter-chips, fjernbare filter-pills, input-chips og forslags-chips.
Se mønster →Navigation
Uendelig scroll vs. paginering
Uendelig scroll, paginering eller »indlæs flere«? Evidensen for, hvornår hvert valg hjælper, og hvornår det spænder ben for at finde igen.
Se mønster →Mobil
Burgermenu & mobilmenu
Skjult navigation bag et ikon med tre streger. Den sparer plads, men er dokumenteret dyr for opdagbarheden.
Se mønster →Mobil
Swipe-handlinger
Skjulte handlinger på en liste-række, der vises ved at swipe til siden. De sparer plads, men er svære at opdage uden en synlig genvej.
Se mønster →Bedste UX-eksempler
UX-eksempler fra rigtige produkter
Rigtige produkter, vurderet og annoteret på tværs af hele oplevelsen.
9.0Linear
SaaS
9.2Stripe
Fintech
8.4Notion
SaaS
8.6Airbnb
Rejser
8.3Spotify
Medier
8.8Duolingo
Uddannelse
9.2Apple
E-commerce
8.6Framer
SaaS
8.7Vercel
DeveloperVærktøjsguides
Værktøjer til hver UX-opgave
Værktøjsguide6 værktøjer
Værktøjer til UX-research
Værktøjer til UX-research spænder fra usability-test til analytics. Oversigten viser, hvad kategorien dækker, og hvad hvert værktøj typisk egner sig bedst til.
Værktøjsguide4 værktøjer
Værktøjer til heatmaps & session-replay
Heatmap-værktøjer viser, hvor brugerne klikker, scroller og går i stå, og med session replay kan du se optagelser af de enkelte sessioner bag tallene. Se, hvad hvert værktøj typisk bruges til.
Værktøjsguide3 værktøjer
Værktøjer til produktanalyse
Værktøjer til produktanalyse måler, hvordan brugere bruger et digitalt produkt, fx hvor de falder fra i en funnel, hvor mange der kommer igen (retention), og hvordan adfærden ændrer sig over tid. Se, hvad Amplitude, Mixpanel og PostHog typisk egner sig til.
Værktøjsguide3 værktøjer
Værktøjer til wireframing
Wireframe-værktøjer som Balsamiq, Figma og Uizard bruges til at lave wireframes, altså enkle skitser af en side eller skærm, der viser layout, indhold og funktion, før farver, skrifttyper og andet visuelt design lægges fast. Værktøjerne holder fokus på struktur frem for pixels. Se, hvad hvert værktøj typisk egner sig til.
Værktøjsguide3 værktøjer
AI-værktøjer til design
AI-værktøjer til design genererer brugerflader, mockups eller frontend-kode ud fra tekst og skitser, eller gør UI-arbejdet hurtigere. Oversigten viser, hvad hvert værktøj typisk egner sig til.
Værktøjsguide3 værktøjer
Værktøjer til prototyping
Prototyping-værktøjer dækker alt fra klikbare skitser til realistiske flows. Se, hvad hvert værktøj typisk egner sig til.
Guides
Håndplukkede playbooks, trin for trin
Grundprincipper
Den komplette guide til UX-design
Hele designprocessen trin for trin, fra grundprincipper til lancering.
Konvertering
Landing page-optimering
Strukturen og indholdsmønstrene, der konverterer besøgende.
Konvertering
Sådan forbedrer du konverteringsraten
Et målbart framework til at finde og fikse frafald i din funnel.
Mobil
Mobil UX best practices
Touch-mål, tommelfingerzoner og navigation der skalerer ned.
Metoder
Den komplette guide til brugerresearch
Vælg den rigtige metode til det spørgsmål, du faktisk stiller.
Metoder
Sådan laver du en brugertest
Planlæg, facilitér, analysér og rapportér en kvalitativ brugertest.
Gennemse vidensbiblioteket
Alt, indekseret
Efter branche
Udforsk eksempler efter branche
Værktøjer
Værktøjer i indekset
Uafhængigt kurateret. Vi markerer, når et link er et affiliate-link.
Heatmaps, sessionsoptagelser og surveys, der viser hvordan brugere færdes på en side.
Bedst til: Heatmaps & optagelser
Research-platform til usability-test, prototypetest og undersøgelser med deltagerrekruttering.
Bedst til: Usability-test
Produktanalyse til at følge brugeradfærd, konvertering og fastholdelse i digitale produkter.
Bedst til: Produktanalyse
Samtalebaserede formularer og spørgeskemaer med ét spørgsmål ad gangen.
Bedst til: Surveys & formularer
Gratis analyseværktøj fra Microsoft med heatmaps og sessionsoptagelser af brugeradfærd.
Bedst til: Heatmaps & optagelser
Ressourcer
Evidensbaserede kilder, vi anbefaler
De primærkilder, UX-faget bygger på, samlet ét sted.
Research & studierDelvist gratis
Nielsen Norman Group: artikler
NN/g's frit tilgængelige, researchbaserede artikler om usability, research og interaktionsdesign.
Nielsen Norman GroupSe ressource →
Retningslinjer & standarderGratis
WCAG 2.2: Web Content Accessibility Guidelines
Den officielle internationale standard for webtilgængelighed med testbare succeskriterier på niveau A, AA og AAA.
W3C / WAISe ressource →
Frameworks & modellerDelvist gratis
Laws of UX
Kurateret samling af psykologi- og kognitionsbaserede UX-love (Fitts, Hicks, Millers, Jakobs lov m.fl.), forklaret enkelt.
Jon YablonskiSe ressource →