| Info |
|---|
Komponenten är responsiv. Ändra bredd på webbläsarfönstret för att se komponenten i dess olika lägen. Bred skärm kan behövas för att se desktopläget. |
| Innehållsförteckning |
|---|
Exempel
...
Designspecifikation
En samlingssida är en navigationssida som samlar och ger användarna en överblick av underliggande sidor i strukturen/ämnesområdet.
Det primära innehållet på sidan är en sidöversikt med ingångslänkar i form av brickor eller listlänkar till alla underliggande artikelsidor. Det finns möjlighet att växla mellan brickvy och listvy via toggleknappar till
...
höger ovanför ingångslänkarna. På mobil används enbart listvyn, för att ge så bra överblick av innehållet som möjligt.
Nedanför sidöversikten finns möjlighet att lägga upp relaterade artikelpuffar.
Brickor och listlänkar
Brickor visar bild och beskrivning vilket hämtas automatiskt från de underliggande artikelsidorna.
...
Textlänkarna visar rubriken på de underliggande artikelsidorna och hämtas också automatiskt.
Nedanför sidöversikten finns möjlighet att lägga upp relaterade artikelpuffar.
I sidöversikten ska alla ingående länkar/puffar uppfattas lika stora och inte kännas viktade eller prioriterade. Därför visas inte eventuella underlänkar här såsom sektionstartsidan gör. Här ska endast rubrik och eventuell bild visas för varje enskild sida.
I översikten går det inte att visa upp andra sidor som inte ligger publicerade under aktuell samlingssida. Vill man däremot hänvisa till relaterad information finns anpassade komponenter för det.
Brickorna som visas upp ska presenteras på ett enhetligt sätt.
...
Blanda inte brickor där några visas med bild och andra med bara
...
text. Syftet är att ge en enhetlig översikt, som inte ska upplevas som viktad eller prioriterad.
Do’s and Don’ts
-
Tillgänglighet
-
Research på komponenten
-
Relaterade resurser/komponenter
Status
...
Status
...
| Status | ||||
|---|---|---|---|---|
|
...
Publicerad
...
2020-01-18
...
Senast uppdaterad
...
Brickor i samlingssidor visar inte eventuella underlänkar såsom på sektionstartsidor.
Att tänka på
Använd antingen bild på alla brickor eller enbart text.
Om bild saknas på brickor så finns möjlighet att stänga av bildvisning i Epi, så att samtliga brickor på den sidan endast visas med text.
Använd inte brickvy på mobil.
Visa inte underlänkar på brickorna på samlingssidor (enbart på sektionsstartsidor).
Relaterade sidor
Feedback
Hjälp oss att förbättra den här komponenten genom att ge feedback, ställa frågor och lämna andra kommentarer på Inera UX Slacken i kanalen #komponenter_design eller #komponenter_kod alternativt kan du använda vårt formulär.
Publicerad | |
Senast uppdaterad |