Hvad og hvorfor af designsystemer

Der har været megen debat og diskussion om behovet for en udbredt anvendelse af designsystemer i designfællesskabet, og det er der god grund til! Sådanne som Adobe, Google og IBM har bygget robuste designsystemer for at spare tid, minimere omarbejdning og genbruge komponenter, der ellers ville kræve investering af tid og ressourcer. Især i diskussioner omkring skalerbarhed og konsistens i design, får designsystemer næsten altid en tommelfinger opad og egner sig til at omsætte effektive produkter i hurtige tidslinjer.

I den forstand bidrager designsystemer til en forbedret kundeoplevelse og et bedre forretnings-ROI.

Hvordan tilføjer et designsystem værdi?

For at et designsystem skal være af maksimal værdi for en organisation, skal det typisk opdateres regelmæssigt for at tilpasse sig dynamisk skiftende krav, der udvikler sig over tid. Dette hjælper UX/UI-designere med at finde et strategisk udgangspunkt for at bygge et gennemtænkt designet produkt. Derudover fungerer et designsystem som en enkelt kilde til information for et helt produktteam ved på en sammenhængende måde at vejlede teamet i produktdesign og udvikling.

Så hvordan dyrker man et designsystem for at imødekomme behovene for et produkt under udvikling?

Design bliver mere og mere komplekst og involverer flere tværfunktionelle teams end nogensinde før. Det betyder, at det designsystem, du bygger, skal være tilgængeligt og forståeligt for alle teams, uanset deres ekspertiseniveau. At have et fælles designsprog, ressourcer og retningslinjer giver teams mulighed for at samarbejde og træffe bedre beslutninger. Det gør det også hurtigere at udvikle og teste deres arbejde.

Her er et par måder, hvorpå du kan vedligeholde et designsystem og holde det opdateret med din organisations voksende behov.

• Invester tid til forskning og lær om, hvad du kan forvente for at tegne en fremtidig køreplan for dit designsystem.
• Centraliser dit designsystem for at holde det robust og tilgængeligt.
• Markedsfør designsystemet internt for, hvad det er, og øg bevidstheden om den værdi, det bringer blandt interne interessenter.
• Organiser designsystemkomponenter korrekt og gør det nyttigt for alle involverede ved at skære ned på kompleksiteten.

Hvordan vælger du: Custom design eller vedtaget design?

Mens de bygger et produkt, kan designere vælge at bruge et brugerdefineret design eller et vedtaget design. Custom design bruges i tilfælde, hvor innovation har forrang over andre mål, såsom konsistens. Med brugerdefineret design kan du udøve friheden og fleksibiliteten til at tilpasse dele af tilgængelige referencer eller bruge cases til at innovere og bygge helt nye produkter. Vedtagne designsystemer er bedst egnede, hvis behovet er at bygge en ny funktion ud til et eksisterende produkt.

Typiske komponenter, der omfatter et designsystem

Et designsystem har typisk et veldefineret sæt af designstandarder, dokumentation og principper sammen med værktøjskassen (UI-mønstre og kodekomponenter) for at opnå disse standarder. Systemet inkluderer alle retningslinjer, processer, skabeloner og brugerdefinerbare elementer, du kan forestille dig, fra brutto til granuleret.

En underklasse af designsystemer, mønsterbiblioteker er et omfattende lager af UX- og UI-elementer, der ofte vises på et produkt. Navigationselementer, karruseller, sociale mediefunktioner, knapper, rullemenuer og flere komponenter kan alle betragtes som en del af et mønsterbibliotek. Når en designer har skabt et mønster, flyttes de til biblioteket, som hvert teammedlem kan bruge.

En stilguide er en integreret del af et overordnet designsystem, der består af brandingregler, der guider, hvordan produkter skal se ud og føles, detaljer om typografi, use cases for UI-mønstre og mere statisk dokumentation, der især beskriver selve designsystemet. Det er den mest tilgængelige form for et sæt designregler for en virksomhed. Du kan oprette din egen stilguide, mens du bruger materialedesign til at bygge forskellige applikationer.

Hver af disse komponenter er adskilt på sin egen måde, idet den ene ikke kan bruges som erstatning for den anden. For eksempel bliver en stilguide i sig selv hurtigt forældet, da dokumentation kræver vedligeholdelse, mens et mønsterbibliotek mangler instruktionerne og principperne for sammenhængende implementering. Det er designsystemet som helhed, der samler alt.

Fordelene ved et designsystem rækker ud over at bringe de interne og eksterne teams på samme side. Lad os udforske et par stykker.

1 . Forbedrer mærkegenkendelse:

Et designsystem, der inkluderer en samling af elementer, hjælper med at opbygge og afspejle værdierne og anerkendelsen af ​​et brand. Ved hjælp af et designsystem kan designere og udviklere skabe en unik brandværdi, der hjælper forbrugerne med at få genklang med et produktbrand. Designsystemer kan også give den unikke stil, farver og typografi til at fremme et brand.

2. Sparer tid og fremmer konsistens:

Den tid, du brugte på at skabe et designsystem, hjælper produktet med at afslutte. Ved at gøre dette kan den tid, designere bruger på flere iterationer, undgås. At have et ensartet udseende og følelse vil gøre brugerne komfortable og have tillid til dine produkter og tjenester. Med foruddefinerede komponenter og en kendt definition af, hvordan de bruges, hvornår de bruges, og hvordan de fungerer, spares der også tid ved at eliminere unødvendige møder for at diskutere, hvordan tingene skal implementeres.

3. Holder teammedlemmerne på samme side:

Designsystemer sikrer, at du samler den væsentlige og relevante information ét sted. Hvis du for eksempel har brug for nye designere eller udviklere, kan et designsystem nemt hjælpe processen. Designsystemet gør det muligt for teammedlemmer at forblive synkroniserede. Når et teammedlem introducerer en ændring i designsystemet, for eksempel: tilføjelse af en ny komponent eller ændring af farve i et produkts farvepalet, skal alle andre teammedlemmer automatisk underrettes om disse ændringer.

4. Minimerer design- og udviklingsgentagelser:

Et raffineret designsystem giver et samlet sprog for udviklere og designere, der arbejder på produkterne. At sætte et klart og gennemsigtigt billede i selve den indledende fase gør design- og udviklingsprocessen meget lettere, og det vil helt sikkert reducere varigheden af ​​omarbejdning af produktionen. Derudover er kommunikation en integreret del af enhver proces, og designsystemer er normalt en pålidelig måde at forbedre samarbejdet inden for teams og på tværs af afdelinger. Med de rette krav til produktet og et velstruktureret designsystem kan udviklingsgentagelser minimeres.

Hvad er de potentielle udfordringer ved at bruge et designsystem til produktudvikling?

At overvinde opfattelsen af, at designsystemer er komplekse og kun forstås af designere, er en af ​​de største blokeringer i tværfunktionelle teams, der tager ideen om et designsystem til sig. Derfor er initiativet til at bygge og implementere en udfordring i sig selv.

Mere så, efterhånden som en organisation modnes, bliver et designsystem vanskeligt at vedligeholde. I betragtning af at et designsystem ikke umiddelbart udmønter sig i forbedret ROI, selvom den indledende investering er betydelig, bliver det vanskeligt at overbevise alle interessenter om dets behov. Som et første skridt til at overvinde denne idé er det derfor vigtigt for designere at uddanne virksomhedsejere og nøgleinteressenter om de langsigtede fordele ved at bygge et robust designsystem.

Designsystemer minimerer markant den tid, der bruges på at løse problemer i hverdagen, og frigør dermed designeres og udvikleres tid til at arbejde på at løse problemer på et højere niveau, der tilføjer mere værdi til forretningen i det lange løb.

Author Bio 

Sarojini Balakrishnan er Lead UX Designer hos Ionixx Technologies. Hun mener, at UX-design kræver en god blanding af kreativitet og nysgerrighed. Efter at have oparbejdet stærk domæneekspertise på tværs af flere vertikaler i hendes job indtil videre, søger hun at bygge videre på sine UX-færdigheder gennem udforskning - hvad enten det er nye hjemmesider, seneste trends eller akademiske tidsskrifter, hun er altid ivrig efter at lære med barnlig entusiasme. Hun elsker at udforske potentialet i innovativ UX til både forbrugervendte og personalevendte applikationer.

 

Stillingen Hvad og hvorfor af designsystemer dukkede først på ixBlog.

• Coinsmart. Europas bedste Bitcoin og Crypto Exchange.
• Platoblokkæde. Web3 Metaverse Intelligence. Viden forstærket. FRI ADGANG.
• CryptoHawk. Altcoin radar. Gratis prøveversion.
• Kilde: https://blog.ionixxtech.com/the-whats-and-whys-of-design-systems/