För vem?
UI-designers
Grafiska formgivare
Front-end och gränssnittsutvecklare
Sök
Om komponentbiblioteket
Komponentbiblioteket ingår i Ineras Designramverk. Tanken är att det skall växa fram successivt under 2020. Arbetet inleds inom programmet för “Första linjens digitala vård” (FLDV) och vi utgår från det arbete som gjorts i Plattform webbtjänster (PWT), samt det regelverk som tas fram för varumärket 1177 Vårdguiden.
Tidigare har det varit fritt fram för varje projekt att bygga sina egna UI men från och med inledningen av detta arbete skall alla projekt och tjänster (i samband med utveckling eller vidareutveckling) använda och/eller bidra till designsystemet.
Plattform webbtjänster är framtagen för att skapa en flexibel plattform med många återanvändbara moduler. Plattformen är tänkt att användas av både invånare och vårdpersonal. De olika grupperna har olika huvudfärg där invånarna möts av en mer röd framtoning mot vårdpersonalens blå.
Varför?
Vi har valt att börja arbeta med ett designramverk för att:
minska kostnader i våra projekt och förvaltningar
göra det enklare för externa konsulter att påbörja sitt arbete genom en verktygslåda
förenkla för användarna och öka igenkänning
kvalitetsgranska det som ingår i designsystemet med avseende på tillgänglighetBakgrund
Ineras designsystem är uppbyggt genom att vi extraherat återanvändbara delar från tidigare projekt där tillgänglighet och användbarhet är säkerställda genom erfarenhet och tester.
Vi strävar inte efter att ligga i framkant utan använder oss av designmönster som har uppnått mogenhet så att merparten av användarna känner igen sig. Detta innebär att vi behöver lägga lite mindre resurser på att testa våra skisser på användare då vi har tidigare erfarenheter av att det fungerar.
Observera dock att omvärlden förändras och vad som fungera idag kan vara obsolet imorgon så vi måste vara uppdaterade i vår kunskap.
CSS
Vi har återanvändbar CSS för både Inera och 1177 varumärket:
https://css.1177.se 1177
https://css.inera.se Inera
Angular
Vi har återanvändbara komponenter skrivna i Angular och för mer information om dessa så besök webbplatsen: https://ic-angular.1177.se .
Angular är först ut då vi har fler projekt som kan dra nytta av Angularkomponenter på Inera.
REACT
Arkitektruavdelningen på Inera rekommenderar att framtida projekt främst väljer REACT se /wiki/spaces/AOR/pages/2228423708
UX-ramverket kommer därför att utveckla komponenter i REACT med start hösten 2021.
Återkoppling
När det saknas komponenter eller mönster i designsystemet så tar vi gemensamt fram dessa. Projekt kan skicka in förslag och dessa revideras och om de lever upp till kraven så görs de tillgängliga här. Hur processen för att utöka systemet skall se ut kan du hitta här: Återkoppling på designsystem