UIskabeloner

UIskabeloner är standardiserade uppsättningar av användargränssnittskomponenter och layouter som kan återanvändas över olika skärmar och applikationer. De kan vara designmallar i grafiska verktyg eller kodbaserade mallar bestående av återanvändbara komponenter och stylingparametrar såsom färger, typografi och spacing.

Syftet med UIskabeloner är att skapa konsekventa användargränssnitt, snabba leveranser och enklare underhåll. De brukar ingå i ett större designsystem eller UI-kit som även omfattar stilguider, tokens och komponentbibliotek.

Typiskt delas UIskabeloner upp i designmallar (layout och skärmstruktur), komponentmallar (återanvändbara grupper av interaktiva element) och sidmallar (ramverk för hela skärmfaser eller flöden). De kan vara responsiva och tematiskt anpassningsbara.

Användningen sker både i designarbete och i utveckling: designers skapar och delar mallarna, utvecklare implementerar dem som kodkomponenter samtidigt som CSS-tokens och teman följer samma standard.

Fördelarna inkluderar ökad konsistens, effektivitet och bättre användarupplevelse. Utmaningar innefattar att hålla mallarna flexibla nog för olika sammanhang samtidigt som de hålls uppdaterade och tillgängliga, samt att upprätthålla god dokumentation och granskningsrutiner.

Relaterade begrepp är designsystem, UI-kit, stilguide och komponentbibliotek.