Design systemressourcer

Og hvad du kan forvente at lære af hver enkelt

I de sidste par år har jeg fortæret onlineindhold på designsystemer. I denne artikel vil jeg dele de videoer og artikler, som jeg fandt mest nyttige i min læringsrejse.

Det her forbundne indhold har påvirket den måde, jeg tænker på designsystemer, og den måde, jeg samarbejder med mine kolleger på Zendesk på vedligeholdelse af Garden, vores eget designsystem.

Nedenstående liste er på ingen måde udtømmende, men det er de videoer og artikler, som jeg fandt mest nyttige og informative, og det håber jeg også, du gør. Jeg besluttede at medtage en lille forklaring af nøgleindholdet for hver ressource, så du kan tage en informeret beslutning, hvis det er for dig. God fornøjelse.

VIDEOER

Design systemer, hvornår og hvor meget?

Jeg kunne virkelig godt lide artikuleringen af ​​reglerne, begrænsningerne og principperne til design af systemer. Godt artikuleret og gav et dejligt klart eksempel.

Udvikler designsproget hos Big Blue

Når designsystemer modnes og bevæger sig fra hype til at være en integreret del af produktdesignkulturen, bliver måling af designsystemers succes et stadig vigtigere emne. Ved 12 min. 20 sek. Dykke de ind i målet med måling. IBM brugte både kvalitative og kvantitative forskningsmetoder for at forstå, hvor godt deres designsystem fungerede på tværs af deres store, meget distribuerede designteam.

Design systemer hos Zendesk

Designsystemer er perfekt positioneret til at drive bred anvendelse af tilgængeligt design. 17 min. 35 sek. Begynder min kollega Austin Green at tale om den tekniske side af vores designsystem. Dette er min yndlingsdel af foredraget, da Austin går ind på, hvordan vi bygger tilgængelighed ind i hver enkelt komponent i vores designsystem. Det, jeg elsker ved hans forklaring, er, at det også gør den perfekt tilgængelig (få den?) For ikke-ingeniører.

Bæredygtige designsystemer

Med al hype og spænding omkring designsystemer er det fristende at dykke ind og begynde at designe og udvikle dit eget designsystem. Denne tale dækker nogle meget vigtige principper, man skal holde sig til, hvis du vil sikre dig, at dit designsystem er bygget på en måde, der sikrer dets levetid.

BØGER

Design Systems Handbook

Skræddersyet design er langsom, inkonsekvent og stadig sværere at vedligeholde over tid.
Designsystemer gør det muligt for teams at opbygge bedre produkter hurtigere ved at gøre design genanvendeligt - genanvendelighed muliggør skala. Dette er hjertet og den primære værdi af designsystemer.

Læs dette hvis ...

... du leder efter et sted at starte. Denne publikation er en absolut guldmin, der dækker næsten alle aspekter af designsystemer og giver et solidt grundlag for at starte en dybere udforskning af områder, du er interesseret i.

Min favorit var sektionen om bortvisning af myter omkring designsystemer, f.eks. At designsystemer var for begrænsende og førte til et tab af kreativitet

Baseret på min erfaring og aktuelle behov var sektionen om opbygning af teams og forskellige bidragsmodeller virkelig nyttig.

Lægning af fundamentet

Det unikke ved denne bog er dens fokus på vigtigheden af ​​brand i designsystemer og oprettelse af dokumentation. Det er en omfattende, praktisk guide, der er enkel at følge og let på øjet.

Læs dette hvis ...

... du leder efter et nyt perspektiv, fri for værktøj eller virksomhedsfordeling. Jeg kan især godt lide, at denne bog fokuserer på brand inden for designsystemer. Det er skrevet af Andrew Couldwell, der har haft erfaring med at arbejde med designsystemer til dem som Adobe og WeWork. Tilsvarende Design System-håndbogen ovenfor er denne bog en grundlæggende læsning for alle, der ønsker at begynde at arbejde på deres designsystem.

ARTIKLER

Hvorfor designsystemer mislykkes

Du er nødt til at gøre dit designsystem til den mindste modstands sti, hvilket sænker den kognitive overhead for udvikling og ikke tilføjer det. Dette er vigtigt.

Læs dette hvis ...

... du vil gå ud over, hvorfor designsystemer er fantastiske og forstå nogle af de almindelige faldgruber. Artiklerne går ind på de vigtigste organisatoriske egenskaber, der skal være på plads for at designsystemer skal lykkes.

Dit skissebibliotek er ikke et designsystem

Dette lyder muligvis indlysende, men det er vigtigt at forstå, at du ikke kan opbygge fungerende software ud fra skærmbilleder og Sketch-filer.

Læs dette hvis ...

... du vil forstå lidt mere om, hvorfor selvom dit designsystem i værktøjer som Sketch er en god start, er det ikke slutmålet (eller endda tæt på det).

Mennesker over pixels

Det er skønheden ved at opbygge et designsystem. Ved at beslutte en detaljeret en gang frigør du hele dit produktudviklingsteam til at fokusere på at løse faktiske kundeproblemer.

Læs dette hvis ...

... du vil læse en praktisk trin for trin for, hvordan et distribueret team samarbejder omdesignede komponenter, der påvirker 40+ produkter på tværs af to kontinenter.

Jeg elsker, hvordan de brød deres tilsyneladende massive problem ned ved at redesigne et par nøgelskærme som et team, der fik dem til at købe ind fra forskellige grupper af designere. Det er virkelig interessant, at de divergerede og testede flere, vildt forskellige løsninger, inden de gik ind i den foretrukne retning.

De mest spændende designsystemer er kedelige

Når designsystemet er kedeligt, frigør det designere og udviklere til at gøre de nye ting for at løse nye problemer. Designsystemet bærer byrden af ​​det kedelige, så designere og udviklere ikke behøver at gøre det.

Læs dette hvis ...

... du leder efter en artikulering af, hvorfor et designsystem ikke kun er en samling af UI-elementer. Jeg tror på betydningen af ​​retningslinjer og instruktioner om, hvad man skal gøre (og hvad man ikke skal gøre) med designsystemkomponenterne.

Et punkt, der virkelig resonerede med mig, er, at et designsystem ikke bør ses som en mulighed for at re-brand og smide alt ud til fordel for skinnende nye komponenter og rammer. I stedet bør en designsystemimplementering dreje sig om at forstå, hvad der er de mest verdslige interaktioner med høj frekvens og høj værdi og optimering af dem inden for rammerne af de eksisterende systemer.

AirBnB: Opbygning af et visuelt sprog

Software design har få fysiske begrænsninger sammenlignet med mange andre designdiscipliner. Dette giver mulighed for en række løsninger til enhver given udfordring, men åbner det også for usammenhængende brugeroplevelser. Som produkt ejere og designere er vi nødt til at oprette og følge vores egne begrænsninger.

Læs dette hvis ...

... du har en virkelig solid forklaring på, hvorfor bygge designsystemer, deres fordele og hvordan man gør det. Artiklen gennemgår en liste over grunde til at designsystemer er påkrævet og er en god idé. Det er sandsynligvis den bedste sådan liste, jeg har læst til dato. AirBnB er en af ​​lederne på dette rum, så det er en artikel, der er værd at læse. Det er også fyldt med gode tilbud på designsystemer og deres fordele.

Den mest interessante del af artiklen er diskussionen om definitionen af ​​større komponenter snarere end atomniveaukomponenter.

Design af designsystemer til komplekse produkter

Jeg plejede at sætte mange “røde linjer” med detaljerede beskrivelser af mit design for at give så mange detaljer som muligt til udviklerne. Men det var ikke en effektiv måde at aflevere, og undertiden fulgte udviklerne ikke alle de detaljer, jeg lagde på mit design.

Læs dette hvis ...

... du vil have en forklaring på forskellen mellem et styleguide og et designsystem. Artiklen er forholdsvis enkel og bedre egnet til dem, der lige er begyndt at lære om designsystemer og deres fordele.

Animation i designsystemer

En del af grunden til, at vi behandler animation som en andenklasses borger, er, at vi ikke rigtig overvejer dets magt. Når brugere scanner et websted (eller ethvert miljø eller foto), forsøger de at oprette et rumligt kort over deres omgivelser. Under denne proces kommanderer intet helt opmærksomheden som noget i bevægelse.

Læs dette hvis ...

... du har efter praktiske tip til at retfærdiggøre, prioritere og inkludere UI-animation i dit designsystem.

Atomisk design

Læs dette hvis ...

... læs det bare! Det vil sandsynligvis blive omtalt som et af de sædvanlige skrifter om emnet designsystemer.

Atom design: hvordan design systemer af komponenter

Læs dette hvis ...

... du vil se, hvordan en designer implementerer Atomic Design i praksis

Hvad er dine foretrukne designsystemressourcer?

Jeg håber du har fundet mindst en interessant video eller artikel på denne liste. Hvis du kender til andre gode ressourcer, kan du dele dem her ved at svare eller række ud til mig på Twitter.

Tjek design.zendesk.com for mere tænkt lederskab, designproces og andre kreative mønstre.

Følg os: Hold Instagram | Team Dribbble | Min Instagram | Min Twitter