Inhalt
- Wat ass en 'Design System'?
- Schlëssel Considératiounen ier en Design System implementéiert
- 01. Betruecht Produkt a Firmereife
- 02. Erstellt eng Visiounserklärung
- 04. Gitt guidéiert Prinzipien fest
- 05. Iwwerpréift den Technologie Stack an féiert en Interface Inventar
- 06. Grënnt e Kärenteam
- Erstellt en Design System
- 01. Verkafen d'Iddi
- 02. Wielt a fëllt e Pilotprojet aus
- 03. Design a bauen
- 04. Start an ënnerhalen
Design Systemer hëllefen grouss Industrie Acteuren den Designprozess ze standardiséieren a méi prévisibel ze maachen. Vill Firme probéieren d'Initiativ ze huelen fir hiren eegenen Design System ze bauen. Awer ganz dacks, trotz de beschte Virsätz vu jidderengem, kann den ganzen Effort, deen e Produktteam leet fir e nodenklechen Designsystem ze maachen, direkt an den Drain goen.
Am Laaf vun dësem Artikel wäerte mir definéieren wat en Design System ass, wat Dir sollt berécksiichtege ier Dir en Design System baut a wéi am beschten en Design System an Ärer Organisatioun aféieren. Fir méi grouss Ressourcen, kuckt eis Roundup vu Webdesign Tools.
Wat ass en 'Design System'?
Den Numm 'Design System' kann e falschen Androck vun eppes erstellen, dat nëmme Wäert fir Designer gëtt. Awer a Wierklechkeet ass en Design System net eppes wat just Designer betrëfft; amplaz geet et drëm wéi eng ganz Organisatioun hir Produkter baut (wann dat eng Websäit enthält, braucht Dir en Top Websäit Builder a brillante Webhosting).
Erfollegräich Designprozesser hänken normalerweis dovun of datt et eng enk cross-funktionell Zesummenaarbecht gëtt tëscht all Teams déi an der Schafung vum Produkt involvéiert sinn. An en Design System ass iwwer eng gemeinsam Sprooch ze bauen déi Teams erméiglecht méi effektiv ze kollaboréieren. Et ass e komplette Satz vun Designprinzipien, Regelen a Standarden zesumme mam Toolkit (Designmuster, visuell Stiler an eng Codebibliothéik vu wiederverwendbaren UI Komponenten) erfuerderlech fir dës Prinzipien, Regelen a Standarden z'erreechen. En Designsystem erméiglecht e Produktteam e Produkt méi séier ze kreéieren - ouni Qualitéit opzeginn - andeems Dir den Design wiederverwendbar mécht (gitt sécher datt Dir zouverléisseg Cloud Storage hutt fir Äert Verméigen ze späicheren).
Den ultimativen Zweck fir de Probleem ze maachen fir en Design System z'implementéieren ass dem Geschäft ze hëllefen ze léieren a wuessen. Dofir sollt en Design System ëmmer op d'Ziler vun engem Geschäft baséieren. Aus dem selwechte Grond sinn net all Designsystemer déiselwecht gebaut awer trotzdem deelen déi meescht Designsystemer e puer gemeinsam Elementer:
- Designprinzipien - Wäerter déi den Design Efforte suergen an déi richteg Richtung suergen.
- Komponenten a Musterbibliothéiken - dat sinn d'Bausteng vun engem Designsystem.
- Design Guiden - spezifesch Regele wéi een e bestëmmten Deel designt
e Produkt. Dës kënnen Stil Richtlinnen enthalen (Typographie, Faarwen, Abstand, etc) an UX Schreiwe Richtlinnen (Stëmm an Toun, Sprooch, Schreifprinzipien, etc). - Designpraktiken - hëllefen de System lieweg a wäertvoll fir d'Produktéquipe ze halen.
Schlëssel Considératiounen ier en Design System implementéiert
01. Betruecht Produkt a Firmereife
Ier Dir ufänkt en Design System ze bauen, braucht Dir e klore Verständnis firwat Dir en braucht. Vill Firme féieren Designsystemer fir hir technesch Scholden ze reduzéieren an de Produktentwécklungsprozess ze beschleunegen (andeems manner Zäit op langweileg, monoton Aktivitéiten ausginn). Awer net all Firmen hu sou Probleemer konfrontéiert well Firmen ënnerschiddlech Niveauen vun Designreife hunn.
En Design System vun Null erstellen ass eng zäitopwänneg Aktivitéit a kleng, séier bewegt Teams brauche wahrscheinlech keen Design System well et se bremst. En Drei-bis-fënnef-Persoun Startup deen nach ëmmer probéiert e Produktmarkt fit ze fannen, géif wuel eng bedeitend Zäit un engem System schafen. Wann Ressourcen verbruecht ginn fir en Design System ze bauen, ginn se net fir de Bau vum Produkt ausginn. Dofir, bis eng Firma an der Positioun ass eng kloer Richtung mat hirem Produkt etabléiert ze hunn, investéiert Zäit fir en Design System ze kreéieren riskéiert vill Offall ze produzéieren.
02. Erstellt eng Visiounserklärung
En Design System ass iwwer Leit - wéi se zesumme schaffen fir e gemeinsamt Zil z'erreechen. An d'Leit wëllen d'Äntwerten op déi folgend Froen wëssen:
- Wou gi mir hin?
- Wat wëlle mir erreechen?
- Firwat wëlle mir dat erreechen?
Dëst si fundamental Froen déi Dir beäntwerte musst fir eng gemeinsam Visioun ze bauen. Eng gemeinsam Visioun wäert eng Fondatioun fir en Design System sinn, deen den Équipen e guidéierte Wee gëtt fir Léisunge fir hir Produktprobleemer ze bauen.
Eng Visiounserklärung definéiert wat Äert Team, Produkt oder Firma probéiert z'erreechen a wat méi wichteg ass firwat. Et alignéiert Teams ronderëm e klore Set vu gemeinsamen Ziler a gëtt en Nordstar fir déi ganz Organisatioun - et vereent Leit déi an der Produktentwécklung involvéiert sinn a féiert se op e gemeinsamt Zil.
Wann Dir no engem einfache Wee sicht fir eng Visiounserklärung ze kreéieren, iwwerleet ze beschreiwen wéi Äert Produkt oder Är Organisatioun a fënnef Joer ausgesäit. Wann Dir dat maacht, definéiert Dir eng Zilbedingung an et wäert vill méi einfach eng Strategie ze kreéieren déi Iech hëlleft et z'erreechen.
04. Gitt guidéiert Prinzipien fest
Wéi definéiert Dir e gudden Design? Wéi wësst Dir wann eppes fäerdeg ass fir d'Ëmsetzung? Wann et drëm geet d'Qualitéit vun engem Design ze evaluéieren, vertrauen Designer oft op hiren eegene Set vu Standarden. Awer no sou enger Approche ka vill Chaos am Produktdesignprozess aféieren, well all Designer wäert subjektiv Iddien hunn. Dat ass wou Design Prinzipien den Dag retten.
Zolitt Designprinzipie sinn d'Fundament vun all funktionéierende System. Si sollten d'Essenz vu wat gutt Design bedeit fir d'Firma festhalen a praktesch Empfehlungen fir Produktteams ubidden wéi se et erreechen (Designprinzipien sollten ëmmer handlungsfäeg sinn). Designprinzipien handelen als Standards fir d'Produktéquipe an hëllefen hinnen hir Aarbecht ze moossen.
Hei sinn e puer Saachen ze vergiessen wann Dir un Designprinzipie schafft:
- Design Prinzipien sollten d'Natur vum Produkt reflektéieren. Zum Beispill, wann et ëm Mënsch-Maschinn-Interface Design fir Autoe geet, soll de wichtegsten Designprinzip 'Sécherheet als éischt' sinn (d'Zil ass de Chauffer a Passagéier sécher ze halen). Dofir sollt all Designentscheedung fir Sécherheet gemooss ginn.
- Designprinzipie sollen net wéi Reegele kléngen. Si sollten net kreativ Energie blockéieren. Produkt Creatoren sollten sech net limitéiert oder ageschränkt fillen.
- Designprinzipie sollen d'Resultat vun enger oppener Diskussioun sinn. A ville Fäll ass et net schwéier d'Leit ze verfollegen Richtlinnen awer et ass schwéier d'Leit iwwer Richtlinnen eens ze maachen. Wann eng Organisatioun vill Designteams huet, dann ass se vital an enger Diskussioun. Wann Dir hire Feedback iwwer d'Designprinzipien kritt, kënnt Dir d'Prinzipien de Besoine vun de Benotzer upassen.
05. Iwwerpréift den Technologie Stack an féiert en Interface Inventar
Vill Firme tendéieren en Design System uewen op der aktueller Interface ze bauen awer dës Approche ass net déi bescht aus ville Grënn. Stellt Iech vir datt Är Firma laang e Produkt ouni System baut.
De Produit huet wahrscheinlech e gewëssen Niveau vun Inkonsistenz am Design. Inkonsistenz gëtt normalerweis duerch Verdueblung vun Designelementer verursaacht. Identifikatioun vun Duplikatioun vun Designelementer hëlleft engem Team de Szenario ze vermeiden an deem Teammemberen en Element vun Null bauen an no enger Zäit erausfannen datt eng Versioun dovun existéiert.
Duerfir wann Dir plangt en Design System aféieren, fänkt mat engem Audit un - féiert en Interface Inventar fir ze verstoen wat am Asaz ass.
Entdeckt existent Interaktiounen, sammelt all d'UI Elementer déi d'Interface ausmaachen an iwwerpréift se. Et ass wichteg dëst ze maachen ier Dir den aktuellen Design System baut, well d'Prozedur hëlleft Iech zwou Saachen ze verstoen:
- Wéi vill Designschold Är Organisatioun huet a wat sinn d'Gebidder déi méi Opmierksamkeet erfuerderen.
- D'Grënn fir Inkonsistenz an d'Ännerungen déi Dir am Designprozess aféiere musst fir esou Probleemer an der Zukunft ze vermeiden. Vläicht musst Dir de Prozess änneren oder vläicht musst Dir nei Technologie aféieren.
06. Grënnt e Kärenteam
Wien soll bedeelegt sinn beim Bau vun engem Designsystem? Design ass en Teamsport an en Design System erstellen ass keng Ausnahm. D'Expertise an d'kreativ Energie, déi duerch eng funktionell Zesummenaarbecht zur Verfügung gestallt gëtt, sinn erfuerderlech fir en Design System ze bauen. Dofir enthält d'Kärenteam vu Leit, déi tatsächlech e System kreéieren, normalerweis Ingenieuren, Designer, Produktmanager a Stakeholderen. Wann Dir ufänkt en Design System ze bauen, ass et wichteg eng kleng Gréisst fir de Kärenteam ze hunn (sechs bis aacht Leit) well et hëlleft Iech Dynamik ze kreéieren an eppes séier ze bauen.
Erstellt en Design System
Bedenkt en Design System als Projet z'implementéieren. A genau wéi all anere Projet soll dësen e feste Prozess mat de folgende Schrëtt hunn:
- Verkaaft d'Iddi
- Fëllt e Pilotprojet aus
- Design a bauen
- Start an Ënnerhalt
01. Verkafen d'Iddi
D'Iddi vun engem Design System ze verkafen ass deen éischten an entscheedendste Schrëtt fir en Design System anzeféieren. Normalerweis ass et schwéier Design Systemer ze verkafen wéinst de Kompromësser - béid Management a Produktteam Membere verstinn datt Ressourcen déi fir en Design System gebaut ginn net op Versandfunktiounen ausginn. Also et ass natierlech e puer Pushback ze erwaarden. Fir en Design System ze verkafen, musst Dir zwou Saache maachen:
Kritt Buy-In vu Stakeholderen
En Designsystem hëlt net of wann d'Leit déi iwwer d'Finanzéierung decidéieren et net approuvéieren. Et ass vill méi einfach de Buy-in vun Direkteren ze kréien wann Dir weist datt de System richteg Geschäftsprobleemer léist. Identifizéiert Schlësselgeschäft Schmerzpunkten (Beräicher wou d'Firma Sue verléiert) a weist wéi den Design System den Dag retten kann. Schreift eng Strategie mat engem klore Virschlag a setzt se op d'Schlësselpersounen déi d'Entscheedungen treffen.
Et ass recommandéiert datt Dir eng Presentatioun (oder Serie vu Presentatiounen) erstallt fir Stakeholderen ze iwwerzeegen an dëse Projet ze investéieren. Dir kënnt Är Presentatioun a Form vun enger Geschicht wéckelen. Wann Dir Erfollegsgeschichten erzielt, hutt Dir eng besser Chance fir Akteuren z'engagéieren.
Kritt Ënnerstëtzung vun Äre Benotzer
Buy-in vu Stakeholderen ass nëmmen d'Halschent vum Kampf. Dir musst Ënnerstëtzung vun Äre potenzielle Benotzer kréien. Als éischt musst Dir Är Zilgrupp identifizéieren. Wien benotzt Ären Designsystem a wéi benotze se et? Hei sinn e puer gemeinsam Benotzergruppen:
- Produktéquipen (dh Designer, Entwéckler)
- Drëtt Parteien (dh Verkeefer)
- Business (dh Marketing, Verkaf, legal)
Dir musst d'Schmerzpunkte vu verschiddene Benotzergruppen identifizéieren an de Wäert weisen, deen de System hinne bréngt. All Grupp vu Benotzer huet verschidde Kaftrigger - Grënn firwat se en Design System benotze wëllen. Zum Beispill fir Entwéckler kann den Ausléiser méi Konsequenz an Implementatiounsmethoden sinn oder manner Zäit Refactoring Code verbréngen.
02. Wielt a fëllt e Pilotprojet aus
Soubal Dir e Basiskonzept fir Äert Designsystem erstallt, ass et wichteg et ze validéieren. De beschte Wee fir d'Konzept ze validéieren ass et op engem Pilotprojet ze testen.
Wielt e Beispill vu richtege Produkter a kreéiert en Design System deen eng richteg Léisung bedreift. De Projet deen Dir ausgewielt hutt soll als Fëllement fir Äert zukünftegt Designsystem benotzt ginn, sou datt Dir kënnt testen ob de System fir Är Organisatioun funktionnéiert oder net.
Hei ass e Set vu Critèren déi Dir benotze kënnt fir eng potenziell Effizienz vun engem Pilot ze bestëmmen:
- E Projet soll de Potenzial fir gemeinsam Komponenten a Mustere hunn. Et soll Komponenten a Mustere enthalen déi an anere Produkter kënne weidergebraucht ginn.
- Et sollt eng gutt technesch Machbarkeet hunn an net schwéier all déi néideg Ännerungen aféieren.
- De Projet soll an engem raisonnabelen Zäit realiséierbar sinn (am Idealfall e puer Wochen) a soll d'Bedeelegung vu ville Leit aus verschiddenen Departementer net erfuerderen (Onofhängegkeet behalen ass essentiell).
- E Projet soll Marketingpotential hunn. De Projet soll aner Teams inspiréiere fir Designsystemer an hirem Designprozess anzeféieren.
03. Design a bauen
Erstelle wiederverwendbar Komponenten
Ee Feeler deen ech ëmmer erëm gesinn ass Teams erstellen Komponenten déi ze fokusséiert sinn op engem eenzege Fall. Als Resultat gëtt de System ze onflexibel a seng Benotzer mussen hir eege Komponente erstellen all Kéier wann se e besonnesche Szenario ofdecken.
Probéiert Komponenten z'entwéckelen déi net un engem eenzege Benotzungsfall gebonne sinn awer kënnen
a ville Kontexter weiderbenotzt ginn. Fir wiederverwendbar a skalierbar ze sinn, musse Komponente folgend Eegeschaften hunn:
- Modular: modulare Komponente si selbstänneg - si hunn keng Ofhängegkeeten.
- Kompositabel: et ass méiglech Komponenten ze kombinéiere fir nei Komponenten ze kreéieren.
- Personaliséierbar: et ass méiglech Komponenten unzepassen an auszebauen fir datt se a ville Kontexter funktionéiere kënnen.
All Kéier wann Teammemberen en neie Komponent wëllen aféieren, musse se berécksiichtegen wéi et op de verschiddene Plattforme funktionnéiert fir déi se designen. Idealerweis soll all Komponent dee se designen op all Plattformen funktionnéieren.
Weist Wäert duerch e Sandkëscht Ëmfeld
Et ass bekannt datt de beschte Wee fir d'Leit Wäert ze gesinn ass et ze erliewen. Also kreéiert e Sandkëscht Ëmfeld fir Produkter Team Memberen fir Produkter ze prototypéieren mat Ärem Design System.
04. Start an ënnerhalen
E puer Produktteams gleewen datt eemol e Design System gebaut ass, d'Aarbecht fäerdeg ass. Net wouer. En Design System ass e Produkt an et ass wichteg et als Produkt amplaz vun engem Projet ze managen - en Design System erfuerdert lafend Ënnerhalt a Verbesserungen no Bedierfnesser.
Encouragéiert d'Adoptioun vun Ärem Design System
Datselwecht wéi all aner Produkt, en Design System brauch aktiv Benotzer. Dir kënnt de beschten Designsystem op der Welt erstellen awer wann Dir et net aktiv an Ärer Organisatioun fördert, wäert de ganzen Effort staark leiden. Dofir, vun der éischter Verëffentlechung vun Ärem System, musst Dir schwéier schaffen fir seng Adoptioun ze fërderen:
- Erstellt eng Gemeinschaft vu Supporteren. Setzt eng Grupp Evangelisten zesummen, gefouert vun autoritären Influencen oder Designer, déi Iddien iwwer Ären Designsystem verkafen. D'Evangelisten sollten un Aktivitéite wéi Workshops a Meetups deelhuelen déi e Zil hunn d'Sensibiliséierung ze erhéijen datt de System existéiert an d'Leit erzéihen wéi se et benotzen.
- Aktualiséierunge virstellen. D'Waardezäit fir Updates spillt eng Schlësselroll bei der Adoptioun vum Design System. Praxis regelméisseg inkrementell Verëffentlechungen, anstatt grouss Entdeckungen an ëmmer sécherzestellen datt Dir Updates mat engem Changelog verschéckt.
Analyséiert wéi d'Leit den Designsystem benotzen
Design Systemer klammen a falen op Basis wéi einfach se ze benotzen sinn. Wann Dir just ugefaang hutt en Design System an den Designprozess vun Ärer Organisatioun ze integréieren, féiert eng Serie vun Interviewe mat de Benotzer fir ze verstoen wéi d'Leit et benotzen. Wann Dir dat maacht, kënnt Dir allgemeng Probleemer präziséieren déi Är Zilgrupp konfrontéiert ass.
Fir Systemer déi eng Zäit laang an engem Designprozess integréiert sinn, ass et wichteg d'Zäit ze moossen fir de System um neiste Stand ze halen. Wann den Design System aktualiséiert gëtt schwéier gëtt, gëtt et séier aktuell.
Test Är Design Entscheedungen
Egal wéi gutt Dir sidd beim Saache viraussoen, et ka schwéier sinn ze soe wéi eng bestëmmte Ännerung d'Benotzererfarung beaflosst. Dofir ass et wichteg Är Entscheedungen ze validéieren.
Hei sinn dräi Typen Tester déi Iech hëllefen:
- Usability Testen
- Visuell Regressiounstestung, déi Iech hëlleft ongewollt visuell Ännerungen un Komponentstiler ze fänken
- Manuell an automatiséiert Accessibilitéitstestung, déi garantéiert datt Är Komponenten zougänglech sinn
Versioun virstellen
Design Systemer sollten Versioune hunn, well d'Versionéiere mécht et vill méi einfach Ännerungen ze verfollegen. Mat Versioun verëffentlecht kënne Benotzer eng spezifesch Versioun als Ofhängegkeet bezéien. Si hunn och Kontroll iwwer wéini a wéi Upgrades op nei Versioune behandelt ginn.
Et ginn zwou Aarte vu Versioun:
- Versioun vum ganze System. Hei gehéiert alles am System zu enger Versiounsnummer. Als Benotzer beschäftege mir eis d'Versionéiere fir de ganze System wa mir eise mobilen OS aktualiséieren - wa mir iOS aktualiséieren, aktualiséiere mir dat ganzt Software.
- Versioun vun de Moduler. Dëst beinhalt eng Versiounsnummer fir all Komponent oder Stil am Design System ze hunn. Am Verglach mat der Versioun vum ganze System gëtt d'Versionéierung vum Modul méi Flexibilitéit - d'Benotzer kënnen entscheeden just d'Elementer ze upgrade déi se brauchen.
En Design System erstellen ass keng eemoleg Aktivitéit; et ass tatsächlech iterativ. D'Leit, déi beim Schafe vun engem Designsystem involvéiert sinn, musse se als e liewegen Organismus denken, deen déi ganz Organisatioun verbënnt. En erfollegräicht Designsystem gëtt Deel vun der DNA vun enger Organisatioun an hëlleft konsequent Benotzererfarungen ze produzéieren.
Dësen Inhalt erschéngt ursprénglech am Netmag.
