Les begrunnelsen bak en designsystemkomponent

Røde modulpaneler og gjentatte skygger på en bygningsfasade

À propos de cette sélection

Fire offentlige referanser for å studere komponenter som beslutninger om innhold, atferd og tilgang i stedet for et galleri med attraktive kontroller.

Et knappeskjermbilde forteller deg lite om validering, tastaturnavigering eller hva som skjer når en etikett blir lengre. God komponentdokumentasjon forklarer de omkringliggende beslutningene. Disse systemene og artiklene tilbyr forskjellige forklaringsskalaer, fra offentlige tjenestemønstre til produktfundamenter og detaljert grensesnittadferd. Studer ett problem på tvers av dem før du låner en visuell behandling.

Prøv dette først

Velg et mønster prosjektet ditt faktisk trenger, for eksempel en feilmelding eller en avsløring. Sammenlign formålet, ordlyden, fokusatferden og smalskjermbehandlingen. Skriv en kort sjekkliste for aksept, og test deretter din egen implementering med et tastatur og realistisk innhold. Oppbevar kildedokumentasjonen ved siden av avgjørelsen du tar.

Husk

Et statlig eller produktspesifikt mønster bærer sin opprinnelige kontekst. Ikke kopier ordlyden eller merkevarebyggingen blindt. Eldre artikler forblir nyttige forklaringer, men verifiser implementeringsdetaljer mot gjeldende nettleseratferd og veiledning for tilgjengelighet.

4 liens/Dans l’ordre choisi par le curateur

Lien 1anglais

GOV.UK designsystem

Studer stiler, komponenter og servicemønstre sammen med bruksveiledning. Les når et mønster er passende før du kopierer eksemplet.

design-system.service.gov.uk

Lien 2anglais

USAs nettdesignsystem

Sammenlign veiledning for offentlig sektor og tilgjengelighetshensyn. Se etter innholdet og interaksjonsreglene bak en kjent kontroll.

designsystem.digital.gov

Lien 3anglais

Inkluderende komponenter

Les detaljerte diskusjoner om mønstre som varsler, tabeller og menyer. Bruk resonnementet til å gjennomgå atferd, mens du sjekker eldre kode mot gjeldende praksis.