Vad är ett designsystem – och varför behövs det?

När samma problem löses om och om igen

Behovet av ett designsystem uppstår ofta tidigare än man tror.

Det kan räcka med en enda produkt som lever länge, vidareutvecklas stegvis och får nya funktioner över tid. När flera personer eller team bidrar, och beslut fattas vid olika tillfällen, blir det värdefullt att ha en gemensam grund att luta sig mot.

I vårt arbete med produktteam ser vi detta mönster återkomma även i välfungerande organisationer.

När ett designsystem saknas börjar ofta samma mönster visa sig över tid.

Olika lösningar växer fram för liknande behov. Samma typ av formulär, tabeller eller navigationslösningar får små variationer. Färger, avstånd och beteenden skiljer sig åt. Inte för att någon vill skapa oreda, utan för att varje team löser sitt problem här och nu.

För användaren kan det innebära:

• att gränssnitt känns olika inom eller mellan produkter
• att man måste lära om mellan system
• att förutsägbarheten minskar

För teamen kan det innebära:

• att samma lösningar designas och byggs flera gånger
• att design och kod riskerar att glida isär
• att diskussioner om detaljer upprepas i varje projekt

Varje enskilt beslut kan verka litet. Men över tid växer variationen till något som påverkar både upplevelse och effektivitet.

Vad ett designsystem faktiskt är

Ett designsystem är en samling gemensamma riktlinjer, principer och återanvändbara lösningar för hur digitala produkter utformas och byggs.

Ofta består det av:

• visuella grunder som färger, typografi och spacing
• komponenter som knappar, fält och navigationslösningar
• designmönster för återkommande problem
• dokumentation som förklarar hur och när saker används
• kodkomponenter som används i den faktiska implementationen

Tillsammans bildar detta en gemensam grund för både design och utveckling.

Det viktiga är inte mängden material, utan att det finns en gemensam struktur som flera team kan använda och bygga vidare på.

Varför organisationer använder designsystem

Organisationer använder designsystem för att skapa konsekvens, återanvändning och skalbarhet i sina digitala produkter.

För användare

Konsekventa gränssnitt gör produkter lättare att förstå och använda. Igenkänning minskar behovet av inlärning och skapar förtroende. När saker beter sig som förväntat kan användaren fokusera på sin uppgift istället för på gränssnittet.

För team

Återanvändning sparar tid och minskar dubbelarbete. Designers och utvecklare slipper börja från noll varje gång. Det blir också lättare att samarbeta när man delar samma byggstenar och begrepp.

För organisationen

Ett designsystem gör det lättare att skala över produkter och plattformar, som mobil och desktop. Det skapar en stabil grund att bygga vidare på när portföljen växer eller förändras.

Intunios perspektiv

På Intunio ser vi designsystem som ett sätt att skapa långsiktighet och sammanhang i digitala produkter – en stabil grund att bygga vidare på över tid.

I olika branscher och typer av produkter ser vi att de team som får mest värde är de som behandlar konsekvens som ett gemensamt ansvar.

Designsystem ersätter inte designarbete. De gör det lättare att lägga energi på rätt problem, istället för att lösa samma grundfrågor om och om igen.

En enkel sammanfattning

Ett designsystem handlar i grunden om att slippa uppfinna samma sak på nytt – och om att ge både användare och team en stabil och förutsägbar grund att stå på.

När produkter utvecklas över tid är det ofta just denna stabilitet som gör störst skillnad.