Overskrift
Teaser
Komponentforslag
Komponenter til at vise en proces
Vil du vise et forløb, en ansøgningsproces eller en trinvis vej til noget? Her får du forslag til, hvordan du bedst viser en proces – uanset om du har få trin og lidt tekst eller mange trin og meget indhold.
Når du vil vise en proces, er det vigtigt at vælge en komponent, der matcher både mængden af trin og kompleksiteten i hvert trin.
Til simple oversigter med få trin og kort tekst kan du bruge listeformater. Har du længere forklaringer og behov for dybde, bør du vælge komponenter, hvor brugeren selv kan navigere eller folde information ud.
Fact List
Fact List er velegnet til processer med op til fire trin og kort tekst. Brug den i 4/4/4-opdeling eller fire rækker i 6/6, så du får en ren, overskuelig visning.
Hvis du har op til seks trin og lidt mere tekst, kan du stadig bruge Fact List – men i fx Row 8 og med collapsible-funktion. Det giver brugeren overblik over hele processen, samtidig med at brugeren kan folde hvert trin ud for mere information.
1. Overskrift
Fact List giver mulighed for at fremhæve flere korte budskaber med overskrift, teaser og link. Du kan tilføje baggrundsfarve eller kant for at gøre indholdet mere iøjnefaldende.
2. Overskrift
Fact List giver mulighed for at fremhæve flere korte budskaber med overskrift, teaser og link. Du kan tilføje baggrundsfarve eller kant for at gøre indholdet mere iøjnefaldende.
3. Overskrift
Fact List giver mulighed for at fremhæve flere korte budskaber med overskrift, teaser og link. Du kan tilføje baggrundsfarve eller kant for at gøre indholdet mere iøjnefaldende.
1. Overskrift
Fact List giver mulighed for at fremhæve flere korte budskaber med overskrift, teaser og link. Du kan tilføje baggrundsfarve eller kant for at gøre indholdet mere iøjnefaldende.
2. Overskrift
Fact List giver mulighed for at fremhæve flere korte budskaber med overskrift, teaser og link. Du kan tilføje baggrundsfarve eller kant for at gøre indholdet mere iøjnefaldende.
3. Overskrift
Fact List giver mulighed for at fremhæve flere korte budskaber med overskrift, teaser og link. Du kan tilføje baggrundsfarve eller kant for at gøre indholdet mere iøjnefaldende.
4. Overskrift
Fact List giver mulighed for at fremhæve flere korte budskaber med overskrift, teaser og link. Du kan tilføje baggrundsfarve eller kant for at gøre indholdet mere iøjnefaldende.
1. Overskrift
Fact List giver mulighed for at fremhæve flere korte budskaber med overskrift, teaser og link. Du kan tilføje baggrundsfarve eller kant for at gøre indholdet mere iøjnefaldende.
2. Overskrift
Fact List giver mulighed for at fremhæve flere korte budskaber med overskrift, teaser og link. Du kan tilføje baggrundsfarve eller kant for at gøre indholdet mere iøjnefaldende.
3. Overskrift
Fact List giver mulighed for at fremhæve flere korte budskaber med overskrift, teaser og link. Du kan tilføje baggrundsfarve eller kant for at gøre indholdet mere iøjnefaldende.
Kassogram
Kassogram er ideelt, hvis du vil vise en proces med fire eller flere trin og samtidig linke videre til sider med mere information. Hver boks har mulighed for overskrift, teaser og tal, som gør det nemt for brugeren at forstå rækkefølgen. Brug kassogrammet, når du vil vise en oversigt og har meget information til de enkelte trin.
Tabs
Accordion
Overskrift
Accordion præsenterer indhold i fold-ud sektioner og kan stå alene som sin egen selvstændige blok. Du kan tilføje tekst, billeder, links og video – og vælge et ikon ud for hver overskrift, som gør det lettere for brugeren at navigere. Komponenten kan indsættes i alle article text-felter og tilpasses alle sidetyper.
Brug accordion, når du har en proces med flere selvstændige trin, der kræver forklaring – men hvor du vil holde det hele samlet på én side. Den er velegnet, når indholdet ikke skal læses i rækkefølge, og brugeren selv vælger, hvad der er relevant.
Har du spørgsmål?
Hvis du har tekniske spørgsmål, eller spørgsmål til opsætning, sprog mv., så skriv til webkoordinatoren på dit fakultet eller til web@sdu.dk. Husk URL og screenshot af den side, du ønsker hjælp til.