People working with apps, tablets and computers. Illustration.

"Alle" taler om designsystem. Vi hjælper dig med at forstå, hvad det er, og hvorfor ethvert firma, der planlægger at skalere, skal få et.

Kvantitet uden kvalitet

Behovet for et designsystem er en konsekvens af øget digitalisering. En organisation med flere digitale løsninger mister ofte oversigt over deres løsninger over tid med hensyn til både design og kode. Uden retningslinjer vil enhver, der arbejder med løsningen, designe, kode og implementere elementer og funktioner på egen hånd. Resultatet er unødvendig tidsforbrug, reduceret kvalitet og inkonsekvent design og funktionalitet, der kan påvirke kundeoplevelsen.

 

Hvad er et designsystem?

Et designsystem er et værktøj og et vigtigt værktøj for alle, der arbejder med digital produktion i en organisation. Et designsystem samler retningslinjer og genanvendelige komponenter i et bibliotek. Her kan udviklere, designere, produktejere og resten af ​​teamet let finde og bygge løsninger med de samme genanvendelige komponenter. Komponenterne er designet, kodet, testet og designet til at arbejde sammen.

Hvilken type designsystem den enkelte virksomhed har behov for vil variere, men vi ser, at der er nogle smarte løsninger, som de fleste designsystemer vil drage fordel af:

1: Designsystemet skal indeholde retningslinjer. For eksempel en visuel profil relateret til brugen af ​​farve og farvekoder, udvikling eller almindeligt sprog. De fleste virksomheder har allerede retningslinjer, der kan videreføres i designsystemet, ofte kendt som brand book eller brand manual.

2: Et designsystem kan samle genanvendelige komponenter ét sted. De designelementer, man bruger, skal kunne pilles fra hinanden og sættes sammen til nye løsninger, lidt ligesom som lego-stykker. På denne måde sikrer man sammenhæng i alle elementer på en side.

3: Og sidst, men ikke mindst: Du ønsker måske at organisere designsystemet, så alle elementer på den digitale side er forbundet til et hovedelement. Dette betyder, at hvis du pludselig skal ændre det originale element, udføres ændringen automatisk på alle digitale sider, der indeholder netop dette element. Dette er meget tidsbesparende!

 

Lad os tage et eksempel:

Virksomhed X har opdateret sin visuelle profil og bruger det nye logo på alle digitale overflader. Hvert websted kan være designet forskelligt, da der har været forskellige designere og udviklere i virksomheden i mange år. For at firma X skal ændre logoet, skal en udvikler manuelt indtaste og ændre logoet på hver side, hvilket tager ca. et kvarter pr. side. Virksomhed X har i øjeblikket 500 digitale sider med logoet, og det vil tage omkring en uge at få det ændret på alle sider. Hvor lang tid vil det tage med et designsystem? Da udvikleren kun behøver at ændre logoet et eller andet sted, som automatisk opdaterer alle andre digitale sider, vil det kun tage 15 minutter.

Dette er en fordel for firma X, uanset om de ønsker at erstatte flere elementer på siden, eller ændre designet, der skal opdateres i henhold til et universelt design, andre politikker eller nye trends og brugerbehov.

Tip: Brug for en nem måde at kontrollere, hvordan dit websted ser ud, hvor mange skriftstørrelser og farver er der på dit websted? Tjek Cssstats!

 

Øget produktivitet er kun en af ​​fordelene:

Hurtigere udvikling og øget produktivitet er kun en af ​​fordelene ved et designsystem. Her har vi listet nogle flere:

  • Forenkler arbejdet for udviklere, designere og produktejere. Dette giver automatisering og hurtigere udvikling. Et designsystem gør det således lettere at tilpasse sig et konstant skiftende digitalt landskab.
  • Opretholder en ensartet identitet og design. Dette giver bedre sidekvalitet og et mere troværdigt brand.
  • Gør det lettere at holde styr på og holde sig opdateret om virksomhedens egne interne retningslinjer, men også eksterne love og regler (f.eks. krav til universel design).
  • Opretter et ensartet design og klare retningslinjer for design og udvikling. Det digitale brand får et holistisk udtryk. Dette giver yderligere fordele for brugeren og forbedrer brugeroplevelsen.
  • Fremmer skalering og vækst og opretholder kvalitet.
  • Det vil være lettere at teste nye løsninger og arbejde innovativt. Når designere og udviklere har adgang til komponenter og færdig kode, vil du hurtigere kunne prototype og teste nye ideer og koncepter. Denne måde at arbejde på gør at nye løsninger kan lanceres oftere, som styrker innovationskraften i virksomheden.

Et designsystem skal være i live for at arbejde

Et designsystem skal leve og vokse med organisationen for ikke at blive forældet. Efterhånden som organisationen udvikler sig, gør designssystemet det også. Et velorganiseret system effektiviserer arbejdet og kommunikationen mellem team-medlemmerne og sørger for at designsystemet holder sig opdateret, vedligeholdt og konsistent over tid, selv når virksomheden vokser.

 

Vil du udvikle et designsystem?

Itera har en komplet vifte af tjenester inden for design og udvikling, der hjælper dig med det, du har brug for, fra kortlægning af behov, udvikling af retningslinjer, visuel profil, teknisk opsætning til projektledelse og introduktion til organisationen. Vi skræddersyr både udviklingsproces og løsning, så din organisation får nøjagtigt det, du har brug for.

Vores salgsledere er altid tilgængelige for at fortælle dig mere om, hvad vi kan gøre for dig og din virksomhed.

Vi vil med glæde høre fra dig!

 

Bliv inspireret

Flere virksomheder har deres designsystemer åbent tilgængelige. Her er nogle af Iteras favoritter:

Nav.no

Foruden komponenter og styling har NAV sin egen sektion med "hvordan vi skriver" og "værdier". Nyttigt for et firma, der kommer til at nå alle lag af befolkningen!

 

Trello

Virksomheden bag organiseringsværktøjet Trello har opkaldt sit designsystem efter sin foretrukne snack: Nachos. De bruger madkonceptet til at forklare, hvorfor de har brug for et designsystem: Det handler om kvalitetsingredienser.

 

IBM

I IBMs Carbon-designsystem har de deres eget sted, hvor designere og udviklere kan komme med forslag til forbedringer (Bidrag). I en global organisation med mange afdelinger afhænger systemet af at finde balancen mellem kreativ, men systematisk udvikling.

 

Firefox

Photon er Firefox's designsystem. Dette er en live guide med sine egne sektioner markeret med et symbol for udkast. På denne måde kan udviklere og designere holde styr på, hvad der laves, teste det og give feedback, før det lanceres.