Det minimale levedygtige designsystem

Voksende UXPin Design System gemt i UXPin Design System Library

I løbet af de sidste par uger havde jeg fornøjelsen at tale om UXPins tilgang til at opbygge et designsystem på flere møder og webinarer (du kan se en af ​​dem her). Jeg havde det sjovt at dele vores oplevelser, jeg lærte meget gennem alle de dejlige samtaler efter mine samtaler.

Et spørgsmål, jeg er blevet stillet flere gange, og som også kom op under mine samtaler med vores team på UXPin, var:

Hvor lang tid tager det at opbygge et designsystem?

Der er ingen forkerte spørgsmål, og jeg var glad for at svare hver gang. Hver gang jeg hører dette spørgsmål føler jeg dog, at det peger på et dybere problem: designsystemer misforstås stadig og forveksles med en gammel tilgang til opbygning af en stilguide.

Zombie Style Guide Legacy

Tilbage i dagen ville et uheldigt medlem af design- eller frontend-udviklingsholdet have tillid til opgaven med at dokumentere alle de konventioner, der er godkendt af teamet. Farvepaletter, tekstformater, kodestandarder, nogle gange endda UI-mønstre.

Lyder som et designsystem? Du har ret. Det lyder som et designsystem, men det er det ikke.

Denne gamle tilgang til opbygning af en stilguide havde til formål at fremstille en artefakt. Det skal være et derivat af en dokumentationsproces. Og hver eneste gang ...

Før stilguiden var færdig, blev den allerede til en zombie.

Hvorfor? Simpelthen fordi den dynamiske verden af ​​produktudvikling, hvor ændringer konstant forekommer, ikke reagerer godt på statiske aktiver, der tager uger at opbygge. Mens en design- / udviklingsmartyr kæmpede for at dokumentere enhver konvention, ændrede konventionerne sig. At oprette en stilguide var en sisifisk opgave.

Umuligheden ved at opbygge og vedligeholde stilguider opmuntrede vores branche til at genoverveje processen med at opretholde konsistensen af ​​oplevelse og kode. Gå ind i designsystemet.

Designsystemet er en proces

I modsætning til guider i statisk stil er designsystemer dynamiske. Hvad betyder det? Stilguiden er en artefakt, designsystemet er en proces.

Artefakter er statiske, processer er dynamiske.

I stedet for at delegere en person til at oprette dokumentation i planlægningssystemets verden planlægger vi en ny arbejdsgang, der fortsætter med at tilføje, trække fra og ændre al information til udformning af brugeroplevelser.

I stedet for at tænke på leveringsdatoen, planlægger designsystemteam (typisk kaldet Design Operations-teams) at hjælpe organisationer gradvist med at forbedre den indre konsistens i grænsefladen og levere hurtigere projekter til markedet hurtigere.

Håndtering af entropi med en stilguide og et designsystem

United Against Entropy

Ligesom med ethvert lukket system fortsætter entropien med et digitalt produkt med at øge, medmindre det bevidst administreres. Hver ny funktion, hvert nyt medlem af teamet, hvert nyt ledelseslag eller interaktion mellem interessenter og klienter bidrager til oplevelsens entropi.

Produktoplevelse går som standard til kaos.

Væksten af ​​entropien er en konstant og kan kun kontrolleres gennem konstant handling. Derfor er slutspillet for et Design Operations-team ikke en statisk artefakt, det er en arbejdsgang, hvor en samlet organisation af designere, udviklere, PMer og andre teammedlemmer bygger et designsystem til at skabe brugeroplevelser.

Afslut aldrig mindst levedygtigt produkt

At spørge om leveringsdatoen for et designsystem synes at have en skjult antagelse, at der er et tidspunkt, hvor designsystemet er "færdig". Den processuelle karakter af et designsystem annullerer denne antagelse.

Designsystem er en proces og er derfor samtidig altid klar og aldrig udført.

Et designsystem forbliver i en konstant tilstand af at være et minimums levedygtigt produkt. Det tidspunkt, hvor et designsystem pludselig får værdi, findes ikke. Når designsystemprocessen er etableret og aftalt, opnås minimumsværdien. Med hver efterfølgende udgivelse bliver designsystemet mere kraftfuldt, men opnår aldrig den ultimative værdi. Entropien vokser fortsat, grænsefladen fortsætter med at ændre sig, og designsystemet skal udvikle sig som en proces uden ende.

Start småskib ofte

Et designsystem opstår, når en organisation anerkender, at stigende UI-inkonsekvens skal løses gennem nye arbejdsgange.

Entropien stopper med at udvide sig med den første konvention, der blev aftalt og implementeret af en designorganisation. I modsætning til en stilguide kan værdien af ​​et designsystem opleves med det samme. Designsystem begynder at tilføje værdi næsten øjeblikkeligt, selvom den første konvention kun er et sæt af 5 primærfarver med tilsvarende navnekonvention. Faktisk vil jeg hævde, at:

Designsystem med en defineret farve, korrekt navngivet, implementeret og accepteret af en organisation er bedre end en fuld statisk stilguide.

Hvorfor? Fordi denne farve øjeblikkeligt mindsker entropien, i modsætning til en statisk stilguide, der altid er forældet og aldrig implementeret.

I stedet for at bekymre dig om leveringsdatoen for et designsystem, accepter dets processuelle karakter, start små og send ofte. Du er i krig med kaos og hver lille kamp betyder noget.

Held og lykke.

Vil du se, hvordan vi bygger vores Design System? Følg vores designoperationssprints:

  • Design Systems Sprint 0: Silver Bullet of Product Development.
  • Design Systems Sprint 1: Interface inventar
  • Design System Sprint 2: Én farvepalet, der styrer dem alle
  • Design System Sprint 3: Administration af det grundlæggende
  • Design System Sprint 4: Design Principles
  • Design System Sprint 5: Administration af typografi
  • Design System Sprint 6: De hurtigste ikoner på jorden

Og her er et bredere perspektiv på designsystemer:

Designsystemer er et sprog. Og dette ændrer softwareudvikling for evigt.

Deltag i: https://www.uxpin.com/design-systems-early-access