Vælg et tema
Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.
Ikoner
Ikoner benyttes til visuelt at understrege en handling eller en information. Ikoner kan underbygge et budskab eller gøre det lettere at afkode en side. Ikoner kan dog sjældent erstatte tekst.
Anvendes til
Brug ikoner til at understøtte brugerens forståelse af det som kommunikeres.
Følg gængse konventioner for brug af ikoner, hvis de findes. Fx Hus-ikonet anvendes til “hjem”, som går til en forside. Lup-ikonet, bruges til at indikere en søgemulighed, osv.
Se flere betydninger i ikontaksonomien
Anvendes ikke til
Brug ikke dekorative ikoner til at “pynte” med, da de oftere end ikke bliver til visuel støj, hvilket øger den kognitive belastning, og dermed mindsker brugervenligheden og brugerens effektivitet.
Illustrative ikoner skal bruges med omtanke, hvis brugeren ikke forstår ikonet umiddelbart er det oftest bedre at bruge tekst uden ikon.
Vejledning
Ikoner kan skabe klarhed ved at understøtte din kommunikation visuelt eller tilføre forvirring ved at forekomme arbitrært.
Tilføj kun ikoner, hvis det understøtter kommunikationen, er du i tvivl så vælg tekst alene. Hvorvidt du skal anvende et ikon eller ej afhænger i høj grad af konteksten.
Illustrative ikoner er unikke for en given selvbetjeningsløsning, der giver mening i den givne kontekst, men ikke nødvendigvis i andre sammenhænge.
Ikoner der anvendes illustrativt må ikke ligne eller være de samme som anvendes til navigation, feedback og funktionalitet.
Vi bruger Material Designs ikoner som udgangspunkt.
Hvis du har brug for ikoner, der ikke findes i ikontaksonomien henviser vi til:
Du kan også lave dit eget ikon, men så skal det passe ind visuelt. Lad være med at lave et ikon, der allerede findes.
Vejledning til design af dit eget ikon
Links
- Icon Usability
- Usability Testing of Icons
- Icon Classification: Resemblance, Reference, and Arbitrary Icons
Udvalgte ikoner og deres betydning
Se her hvis det ikon du leder efter ikke er på listen nedenfor
Hvis du har brug for yderligere ikoner henviser vi til:
Du kan også lave dit eget ikon, men så skal det passe ind visuelt. Lad være med at lave et ikon, der allerede findes på listen.
Filtrer på kategori
Konventionelle ikoner
Må ikke bruges til andre formål end de specificerede.
Eksternt link (åbner ny side/fane)
Forside (Hjem)
Gem
Print (udskriv)
Slet
Søg
Beskeder (feedback)
Advarsel
Fejl
Information
Hjælp
Succes
Tilstande
Detalje lukket
Detalje åben / Fold overflow ud
Fold overflow ind
Formindsk
Forstør
Fuld skærm
Luk accordion (minus)
Åbn accordion (plus)
Luk fuld skærm
Ikke sorteret
Log af (åben hængelås)
Log på (lukket hængelås)
Skjul
Sortér alfabetisk
Udvid (chevron)
Indskrænk (chevron)
Vis
Sortér tabel (faldende)
Sortér tabel (stigende)
Sortér tabel
Sortér
Sortér (stigende)
Sortér (faldende)
Filtyper
Billede
Excel
Word
Funktionalitet
Annuller (luk)
Afventer
Beregner (lommeregner)
Besvar
Chat
Dato / kalender
Del
Download
Download afsluttet
Feedback
Fjern person/bruger
Flag fyldt
Flag tomt
Flyt
Indbetaling (kreditkort)
Indstillinger
Kamera (tag billede)
Kontaktoplysninger
Kopi
Liste gennemført
Mappe
Notifikation/besked
Opdater (genindlæs)
Opret mappe
Oversigt (overblik)
Placering (adresse)
Rediger
Send
Sprog (globe)
Stjerne fyldt (markeret)
Stjerne tom (ikke-markeret)
Support
Synkroniser (refresh)
Tid (tidsinterval)
Tilføj billede
Tilføj dokument
Tilføj til liste
Tilføj person/bruger
Udført (korrekt, gennemført)
Upload (eksportér)
Vedhæft (bilag)
Videresend
Vis i liste form
Vis i liste form og vindue
Vælg tema (palette)
Åben mappe
Illustrative
Corona (Covid-19)
Opgørelse / Resumé / Opsummering
Opgave
Penge/Betaling/Opkrævning
Data
Analyse
Kort
Links
Person (bruger)
Kurv (afventer køb)
Videokamera
Headset
Desktop
Laptop
Mobiltelefon
Mus
Tilgængelighed
Liste
Tjekliste
Bogmærke
Bogmærker
Kontaktoplysninger
Personer (brugere)
Gruppe (møde)
Forum
Dokument (sag)
Virksomhed
Elev
Erhverv/Erhvervsuddannet
Brugerprofil
Fuldmagtsprofil (3. part)
Supporter (telefonrådgiver)
Lastbil (transport)
Traktor (landmand)
Studerende (studie)
Håndværk (bygge- og anlægsarbejde)
Videnskab (kemi)
Bil (transport)
Parameter (finjustering)
Tekstredigering
Formater tekst
Tekststørrelse
Fed
Kursiv
Understregning
Farve
Baggrundsfarve
Ryd tekstformatering
Punktopstilling
Punktopstilling numerisk
Indryk højre
Indryk venstre
Venstrestil tekst
Centreret tekst
Højrestillet tekst
Lige marginer
Efterspørg eller giv feedback på et ikon på vores FDS GitHub side