Sektionsstartsida - Inera
En sektionsstartsida är en navigationssida som samlar och ger en överblick över innehÃ¥llet och underliggande sidor inom en hel huvudingÃ¥ng, sÃ¥ kallad sektion. En sektion motsvarar en huvudingÃ¥ng i toppmenyn. Â
Figma
Exempelsida
Â
Â
Designspecifikation
Sidan innehåller en yta, sidöversikt, med brickor som visar underliggande sidor, samt dess eventuella underliggande sidor en nivå ner i strukturen. Navigationsbrickorna som används på sektionsstartsidor är de brickor med länkar.
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).
Sidan kan bli förhÃ¥llandevis lÃ¥ng och med mÃ¥nga länkar. Syftet är att ge en fyllig och omfattande översikt pÃ¥ innehÃ¥llet i sektionen, samt ge möjlighet att direkt gÃ¥ vidare till fördjupad information.Â
Sektionsstartsidan kan nÃ¥s via en översiktslänk i megamenyn pÃ¥ desktop (ej implementerad pÃ¥ Inera.se) eller i mobilmenyn. Â
Nedanför sidöversikten finns möjlighet att lägga upp relaterade artikelpuffar.
Brickor och listlänkar
Navigationsbrickor (se https://inera.atlassian.net/wiki/spaces/USI/pages/229967393) visar en kort beskrivning samt länkar till underliggande sidor, vilket hämtas automatiskt. Brickor kan även visa bilder, men huvudfokus ska ligga på att visa upp länkarna.
Textlänkarna (se https://inera.atlassian.net/wiki/spaces/USI/pages/242352319) visar enbart rubriken på de underliggande sidorna och hämtas också automatiskt.
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. Â
Viktigt att tänka på
Använd antingen bild på alla brickor eller inte alls.
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.
Underlänkar visas på brickorna 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 | Dec 21, 2022 |
Â