Samlingssida - Inera

En samlingssida är en navigationssida som samlar och ger användarna en överblick av underliggande sidor i strukturen/ämnesområdet.



Figma


Designexempel


image-20240717-133559.png

 

image-20240717-133612.png

 

Designspecifikation


Det primära innehållet på sidan är en sidöversikt i form av brickor med ingångslänkar till alla underliggande artikelsidor.

I plattformen finns möjlighet att växla mellan brickvy och listvy via toggleknappar till höger ovanför ingångslänkarna (används inte på Inera.se).

Nedanför sidöversikten finns möjlighet att lägga upp relaterade artikelpuffar.

Brickor och listlänkar

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.  

Brickor i samlingssidor visar inte eventuella underlänkar så som på sektionstartsidor. 

Viktigt 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.

  • Visa inte underlänkar på brickorna på samlingssidor (enbart på sektionsstartsidor).

Feedback


Hjälp oss att förbättra den här sidan 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

Jan 18, 2020

Senast uppdaterad

Jul 17, 2024