Designsystem
Ett designsystem förenar designregler, återanvändbara komponenter och användningsvägledning. Underhåll och spårbara ändringar ingår också.
Gemensamma regler för digitala gränssnitt
Ett designsystem är en underhållen helhet av designgrunder, återanvändbara komponenter och regler för hur de används. Det kan beskriva färger, typografi, formulärfält och beteende vid fel. Ansvar och ändringar ingår också.
I ett tänkt företag använder kundportalen och den interna administrationen samma inmatningsfält. Designsystemet bestämmer etikett, hjälptext och felvisning. Varje applikation avgör fortfarande vilken adress eller vilket kundnummer som är giltigt enligt verksamhetens regler.
Ett komponentbibliotek tillhandahåller byggstenarna; ett designsystem förklarar också när och hur de används och vidareutvecklas. En samling fina designförslag räcker inte. Omfattningen bör passa de gränssnitt som faktiskt återkommer, så att underhåll och nytta står i proportion till varandra.
Källor
Relaterade begrepp
- DesigntokenDesigntokens lagrar namngivna designbeslut. Flera komponenter kan använda dem och värden kan ändras på bestämda platser.
- UI-komponentEn UI-komponent är en återanvändbar del av ett användargränssnitt. Uppgiften avgör vilken presentation och vilket interaktionsbeteende som behövs.
- FokusordningFokusordningen bestämmer vägen genom element som kan få fokus. Den ska bevara betydelse och användbarhet även vid dynamiska ändringar.
- TangentbordsfällaI en tangentbordsfälla fastnar användningen i ett område. Avsiktlig fokusbegränsning i en dialog behöver en utgång som kan användas med tangentbordet.
- Länk för att hoppa till huvudinnehålletEn hopplänk går förbi upprepad navigering till huvudinnehållet. Även nästa steg med tangentbordet måste fortsätta på rätt plats.
- Tillgängligt namnDet tillgängliga namnet benämner ett gränssnittselement för hjälpmedel. Det ska förklara handlingen och stämma med den synliga texten.
Artiklar om ämnet
Design & UX med ASES
Användarupplevelse, gränssnitt och varumärke