Design

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

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.

Vejledning til design af dit eget ikon

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

Navigation

Flere menupunkter (horisontalt)

Frem (højre)

Overflow menu (vertikalt)

Paginering forrige

Paginering første

Paginering næste

Paginering sidste

Pil frem (højre)

Pil ned

Pil op

Pil tilbage (venstre)

Tilbage (venstre)

Undermenu højre

Undermenu venstre

Langt tilbage

Langt frem

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

PDF

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