Indhold
- Hvad er et 'designsystem'?
- Nøgleovervejelser inden implementering af et designsystem
- 01. Overvej produkt- og virksomhedsmodenhed
- 02. Opret en visionerklæring
- 04. Etablere vejledende designprincipper
- 05. Gennemgå teknologiestakken, og foretag en interfaceliste
- 06. Oprette et kerneteam
- Oprettelse af et designsystem
- 01. Sælg ideen
- 02. Vælg og fuldfør et pilotprojekt
- 03. Design og opbygning
- 04. Start og vedligehold
Designsystemer hjælper store industriaktører med at standardisere designprocessen og gøre den mere forudsigelig. Mange virksomheder forsøger at tage initiativet til at opbygge deres eget designsystem. Men ganske ofte, på trods af alles bedste intentioner, kan al den indsats, som et produktteam lægger i at skabe et tankevækkende designsystem, gå lige ned i afløbet.
I løbet af denne artikel vil vi definere, hvad et designsystem er, hvad man skal overveje, før man bygger et designsystem, og hvordan man bedst introducerer et designsystem i din organisation. For flere gode ressourcer, se vores opsamling af webdesignværktøjer.
Hvad er et 'designsystem'?
Navnet 'designsystem' kan skabe et falsk indtryk af noget, der kun giver værdi for designere. Men i virkeligheden er et designsystem ikke noget, der kun vedrører designere; i stedet handler det om, hvordan en hel organisation bygger sine produkter (hvis det inkluderer et websted, skal du bruge en topwebbygger og strålende webhosting).
Vellykkede designprocesser afhænger normalt af, at der er et tæt tværfunktionelt samarbejde mellem alle teams, der er involveret i oprettelsen af produktet. Og et designsystem handler om at opbygge et delt sprog, der giver teams mulighed for at samarbejde mere effektivt. Det er et komplet sæt designprincipper, regler og standarder sammen med værktøjssættet (designmønstre, visuelle stilarter og et kodebibliotek med genanvendelige UI-komponenter), der kræves for at opnå disse principper, regler og standarder. Et designsystem gør det muligt for et produktteam at oprette et produkt hurtigere - uden at skulle ofre kvalitet - ved at gøre designet genanvendeligt (sørg for, at du har pålidelig skyopbevaring til at gemme dine aktiver).
Det ultimative formål med at gå i besværet med at implementere et designsystem er at hjælpe virksomheden med at lære og vokse. Derfor skal et designsystem altid være baseret på en virksomheds mål. Af samme grund er ikke alle designsystemer bygget ens, men alligevel deler de fleste designsystemer nogle få fælles elementer:
- Designprincipper - værdier, der sikrer, at designindsatsen går i den rigtige retning.
- Komponenter og mønsterbiblioteker - disse er byggestenene i et designsystem.
- Designguider - specifikke regler for, hvordan man designer en bestemt del af
et produkt. Disse kan omfatte stilretningslinjer (typografi, farver, afstand osv.) Og UX-retningslinjer for skrivning (stemme og tone, sprog, skriveprincipper osv.). - Designpraksis - hjælper med at holde systemet levende og værdifuldt for produktteamet.
Nøgleovervejelser inden implementering af et designsystem
01. Overvej produkt- og virksomhedsmodenhed
Før du begynder at bygge et designsystem, skal du have en klar forståelse af, hvorfor du har brug for et. Mange virksomheder introducerer designsystemer for at reducere deres tekniske gæld og fremskynde produktudviklingsprocessen (ved at bruge mindre tid på kedelige, monotone aktiviteter). Men ikke alle virksomheder står over for sådanne problemer, fordi virksomheder har forskellige niveauer af designmodenhed.
Oprettelse af et designsystem fra bunden er en tidskrævende aktivitet, og små, hurtige teams har sandsynligvis ikke brug for et designsystem, fordi det ville bremse dem. En opstart fra tre til fem personer, der stadig forsøger at finde en produktmarkedstilpasning, vil sandsynligvis bruge betydelig tid på at skabe et system. Når ressourcer bruges på at opbygge et designsystem, bruges de ikke på at opbygge produktet. Derfor, indtil en virksomhed er i stand til at have etableret en klar retning med sit produkt, risikerer det at investere tid i at skabe et designsystem at producere meget affald.
02. Opret en visionerklæring
Et designsystem handler om mennesker - hvordan de arbejder sammen for at nå et fælles mål. Og folk vil vide svarene på følgende spørgsmål:
- Hvor er vi på vej hen?
- Hvad vil vi opnå?
- Hvorfor ønsker vi at opnå det?
Det er grundlæggende spørgsmål, som du skal besvare for at opbygge en fælles vision. En fælles vision vil være et fundament for et designsystem, der giver holdene en guidet måde at opbygge løsninger på deres produktproblemer.
En visionerklæring definerer, hvad dit team, dit produkt eller din virksomhed forsøger at opnå, og vigtigere, hvorfor. Det tilpasser hold omkring et klart sæt fælles mål og bliver en North Star for hele organisationen - det forener mennesker, der er involveret i produktudvikling og guider dem til en fælles destination.
Hvis du leder efter en enkel måde at oprette en visionerklæring på, kan du overveje at beskrive, hvordan dit produkt eller din organisation skal se ud om fem år. Ved at gøre det definerer du en måltilstand, og det vil være meget lettere at oprette en strategi, der hjælper dig med at nå det.
04. Etablere vejledende designprincipper
Hvordan definerer du godt design? Hvordan ved du, hvornår noget er klar til implementering? Når det kommer til at evaluere et designs kvalitet, stoler designere ofte på deres eget sæt standarder. Men ved at følge en sådan tilgang kan der indføres meget kaos i produktdesignprocessen, fordi enhver designer vil have subjektive ideer. Det er her, designprincipper kan redde dagen.
Solide designprincipper er grundlaget for ethvert fungerende system. De skal fange essensen af, hvad godt design betyder for virksomheden og give praktiske anbefalinger til produktteams om, hvordan man opnår det (designprincipper bør altid være handlingsmæssige). Designprincipper fungerer som standarder for produktteamet og hjælper dem med at måle deres arbejde.
Her er et par ting at huske, når du arbejder på designprincipper:
- Designprincipper skal afspejle produktets natur. For eksempel, når det kommer til design af grænseflader mellem mennesker og maskiner til biler, skal det vigtigste designprincip være 'Sikkerhed først' (målet er at holde føreren og passagererne sikre). Derfor skal enhver designbeslutning måles for sikkerheden.
- Designprincipper bør ikke lyde som regler. De bør ikke blokere for kreativ energi. Produktskabere bør ikke føle sig begrænsede eller tilbageholdende.
- Designprincipper skal være resultatet af en åben diskussion. I mange tilfælde er det ikke svært at få folk til at følge retningslinjer, men snarere at få folk til at blive enige om retningslinjer. Hvis en organisation har mange designteam, er det afgørende at involvere dem i en diskussion. Ved at få deres feedback på designprincipperne kan du tilpasse principperne til brugernes behov.
05. Gennemgå teknologiestakken, og foretag en interfaceliste
Mange virksomheder har tendens til at bygge et designsystem oven på den nuværende grænseflade, men denne tilgang er ikke den bedste af mange grunde. Forestil dig, at din virksomhed har bygget et produkt i lang tid uden et system.
Produktet har sandsynligvis en vis grad af inkonsekvens i design. Uoverensstemmelse skyldes normalt duplikering af designelementer. Identifikation af duplikering af designelementer hjælper et team med at undgå scenariet, hvor teammedlemmer bygger et element fra bunden og efter et stykke tid finde ud af, at der allerede findes en version af det.
Derfor, hvis du planlægger at introducere et designsystem, skal du starte med en revision - foretage en interface-oversigt for at forstå, hvad der er i brug.
Udforsk eksisterende interaktioner, saml alle de UI-elementer, der udgør grænsefladen, og gennemgå dem. Det er vigtigt at gøre dette, før du bygger det egentlige designsystem, fordi proceduren hjælper dig med at forstå to ting:
- Hvor meget designgæld din organisation har, og hvad er de områder, der kræver mere opmærksomhed.
- Årsagerne til inkonsekvens og de ændringer, du skal introducere i designprocessen for at undgå sådanne problemer i fremtiden. Måske bliver du nødt til at ændre processen, eller måske bliver du nødt til at introducere ny teknologi.
06. Oprette et kerneteam
Hvem skal være involveret i opbygningen af et designsystem? Design er en teamsport, og det er ingen undtagelse at oprette et designsystem. Den ekspertise og kreative energi, der leveres af tværfunktionelt samarbejde, kræves for at opbygge et designsystem. Derfor inkluderer kerneteamet af mennesker, der faktisk opretter et system, normalt ingeniører, designere, produktledere og interessenter. Når du begynder at opbygge et designsystem, er det afgørende at have en lille størrelse til kerneteamet (seks til otte personer), fordi det hjælper dig med at skabe momentum og opbygge noget hurtigt.
Oprettelse af et designsystem
Overvej at implementere et designsystem som et projekt. Og ligesom ethvert andet projekt skal denne have en solid proces med følgende trin:
- Sælg ideen
- Gennemfør et pilotprojekt
- Design og opbyg
- Start og vedligeholdelse
01. Sælg ideen
At sælge ideen om et designsystem er det første og mest afgørende trin i introduktionen af et designsystem. Normalt er det svært at sælge designsystemer på grund af kompromiserne - både ledelse og medlemmer af produktteamet forstår, at ressourcer brugt på at opbygge et designsystem ikke bruges på forsendelsesfunktioner. Så det er naturligt at forvente noget pushback. For at sælge et designsystem skal du gøre to ting:
Få buy-in fra interessenter
Et designsystem starter ikke, hvis de mennesker, der beslutter at finansiere, ikke godkender det. Det er meget lettere at få buy-in fra ledere, når du viser, at systemet løser reelle forretningsproblemer. Identificer de vigtigste forretningsmæssige smertepunkter (områder, hvor virksomheden mister penge), og vis, hvordan designsystemet kan redde dagen. Skriv en strategi med et klart forslag, og læg den til de nøglepersoner, der træffer beslutningerne.
Det anbefales, at du opretter en præsentation (eller en række præsentationer) for at overbevise interessenter om at investere i dette projekt. Du kan pakke din præsentation i form af en historie. Ved at fortælle succeshistorier har du større chance for at engagere interessenter.
Få support fra dine brugere
At få buy-in fra interessenter er kun halvdelen af kampen. Du skal få support fra dine potentielle brugere. Først skal du identificere din målgruppe. Hvem bruger dit designsystem, og hvordan bruger de det? Her er et par almindelige brugergrupper:
- Produktteams (dvs. designere, udviklere)
- Tredjeparter (dvs. leverandører)
- Forretning (dvs. marketing, salg, lovlig)
Du bliver nødt til at identificere smertepunkterne for forskellige brugergrupper og vise den værdi, som systemet vil give dem. Hver brugergruppe har forskellige købstriggers - grunde til, at de ønsker at bruge et designsystem. For udviklere kan f.eks. Udløseren være mere konsistent i implementeringsmetoder eller bruge mindre tid på at refactorere kode.
02. Vælg og fuldfør et pilotprojekt
Så snart du opretter et grundlæggende koncept til dit designsystem, er det vigtigt at validere det. Den bedste måde at validere konceptet på er at teste det på et pilotprojekt.
Vælg et rigtigt eksempel på et produkt, og opret et designsystem, der driver en reel løsning. Det projekt, du vælger, skal bruges som fundament for dit fremtidige designsystem, så du kan teste, om systemet fungerer for din organisation eller ej.
Her er et sæt kriterier, du kan bruge til at bestemme en pilots potentielle effektivitet:
- Et projekt skal have potentialet for fælles komponenter og mønstre. Den skal indeholde komponenter og mønstre, der kan genbruges i andre produkter.
- Det skal have god teknisk gennemførlighed og ikke være svært at indføre alle de nødvendige ændringer.
- Projektet skal kunne gennemføres på en rimelig tid (ideelt set et par uger) og bør ikke kræve involvering af mange mennesker fra forskellige afdelinger (det er vigtigt at opretholde uafhængighed).
- Et projekt skal have markedsføringspotentiale. Projektet skal inspirere andre hold til at introducere designsystemer i deres designproces.
03. Design og opbygning
Opret genanvendelige komponenter
En fejl, som jeg ser gang på gang, er, at hold opretter komponenter, der er for fokuserede på en engangssag. Som et resultat bliver systemet for fleksibelt, og dets brugere skal oprette deres egne komponenter, hver gang de har brug for at dække et bestemt scenario.
Prøv at udvikle komponenter, der ikke er bundet til en enkelt brugssag, men som kan
genbruges i flere sammenhænge. For at være genanvendelig og skalerbar skal komponenter have følgende egenskaber:
- Modulær: modulære komponenter er selvstændige - de har ingen afhængigheder.
- Komponerbar: det er muligt at kombinere komponenter for at oprette nye komponenter.
- Kan tilpasses: det er muligt at justere og udvide komponenter, så de fungerer i en række forskellige sammenhænge.
Hver gang teammedlemmer ønsker at introducere en ny komponent, skal de overveje, hvordan det fungerer på de forskellige platforme, de designer til. Ideelt set skal alle komponenter, de designer, fungere på alle platforme.
Vis værdi gennem et sandkassemiljø
Det er velkendt, at den bedste måde for folk at se værdi på er at opleve det. Så skab et sandkassemiljø for medlemmer af produktteamet til at prototype produkter ved hjælp af dit designsystem.
04. Start og vedligehold
Nogle produktteam mener, at når et designsystem er bygget, er arbejdet afsluttet. Ikke sandt. Et designsystem er et produkt, og det er vigtigt at styre det som et produkt i stedet for et projekt - et designsystem kræver løbende vedligeholdelse og forbedringer efter behov.
Tilskynd til vedtagelse af dit designsystem
Det samme som ethvert andet produkt, et designsystem har brug for aktive brugere. Du kan skabe det bedste designsystem i verden, men hvis du ikke aktivt promoverer det i din organisation, vil hele indsatsen lide meget. Derfor skal du fra den første udgivelse af dit system arbejde hårdt for at fremme dets vedtagelse:
- Opret et samfund af tilhængere. Saml en gruppe evangelister, ledet af autoritative påvirkere eller designere, der vil pitch og sælge ideer om dit designsystem. Evangelisterne skal deltage i aktiviteter som workshops og møder, der har et mål om at øge bevidstheden om, at systemet eksisterer og uddanne folk i, hvordan de bruger det.
- Indfør opdateringer. Ventetiden til opdateringer spiller en nøglerolle i vedtagelsen af designsystemet. Øv jævnlige trinvise udgivelser i stedet for store afsløringer, og sørg altid for, at du sender opdateringer med en changelog.
Analyser, hvordan folk bruger designsystemet
Designingssystemer stiger og falder baseret på hvor let de er at bruge. Hvis du lige er begyndt at integrere et designsystem i din organisations designproces, skal du gennemføre en række interviews med brugerne for at forstå, hvordan folk bruger det. Ved at gøre det kan du finde ud af almindelige problemer, som din målgruppe måske står over for.
For systemer, der vil blive integreret i en designproces i et stykke tid, er det vigtigt at måle den tid, der kræves for at holde systemet opdateret. Hvis det bliver svært at holde designsystemet opdateret, bliver det hurtigt forældet.
Test dine designbeslutninger
Uanset hvor god du er til at forudsige ting, kan det være svært at forudsige, hvordan en bestemt ændring vil påvirke brugeroplevelsen. Derfor er det vigtigt at validere dine beslutninger.
Her er tre typer test, der hjælper dig:
- Brugervenlighedstest
- Test af visuel regression, som hjælper dig med at opfange utilsigtede visuelle ændringer i komponentstilarter
- Manuel og automatiseret tilgængelighedstest, som sikrer, at dine komponenter er tilgængelige
Indfør versionering
Designingssystemer skal have versioner, fordi versionering gør det meget lettere at spore ændringer. Med versionversioner kan brugere henvise til en bestemt version som en afhængighed. De har også kontrol over hvornår og hvordan håndteres opgraderinger til nye versioner.
Der er to typer versioner:
- Versionering af hele systemet. Her hører alt i systemet til et versionsnummer. Som brugere beskæftiger vi os med versionering af hele systemet, når vi opdaterer vores mobile OS - når vi opdaterer iOS, opdaterer vi hele softwaren.
- Versionering efter moduler. Dette indebærer at have et versionsnummer for hver komponent eller stil i designsystemet. Sammenlignet med versionering af hele systemet giver versionering efter modul mere fleksibilitet - brugerne kan vælge at opgradere netop de elementer, de har brug for.
Oprettelse af et designsystem er ikke en engangsaktivitet; det er faktisk iterativ. De mennesker, der er involveret i at skabe et designsystem, skal tænke på det som en levende organisme, der forbinder hele organisationen. Et vellykket designsystem bliver en del af en organisations DNA og hjælper med at producere ensartede brugeroplevelser.
Dette indhold opstod oprindeligt i netmag.
