Am virdrun Artikel, mir hu gesinn firwat et wichteg war d'Entwéckler net ze vernoléissegen, awer am Géigendeel fir se an der Schafung vun Ärem Designsystem ze involvéieren. Elo ass et Zäit ze kucken wéi!
Wann Dir méi déif an d'Thema wëllt gräifen, kënnt Dir och dem Leslie Pochat säin Artikel liesen:
Den Design System an 10 Schrëtt !
Schrëtt #1: Co-Design
Co-Design ass eng Approche déi den Endbenotzer erlaabt an der Reflexioun an Entwécklung vun engem Service oder Produkt involvéiert ze sinn.
Dës Approche ka wäit mat Entwéckler benotzt ginn well se d'Benotzer vun Ärem Designsystem sinn.
Dir kënnt och vun hiren Iddien iwwerrascht ginn.
Schrëtt # 2: Dokumentatioun
En Design System ouni gutt Dokumentatioun gebaut wäert net iwwerliewen. Et ass sou einfach wéi dat. Wann Dir keng Dokumentatioun hutt oder wann et schwéier ze benotzen oder Zougang ass, riskéiert Dir datt d'Entwécklungsteam sou einfach wéi méiglech geet ... an ouni Är Aarbecht.
Fir säin Erfolleg ze garantéieren, muss eng gutt Dokumentatioun menger Meenung no folgenden Ufuerderunge erfëllen:
1. Ginn einfach Zougang
Et ass sou einfach wéi alles, awer gitt Ärem Designsystem en Numm a kreéiert eng Webadress (liicht erënnerbar). Dëst wäert e Rallyepunkt ubidden an de Projet méi konkret maachen. Am laanschtgoungen, vermeit wann Dir d'Software kënnt, déi den Entwéckler installéiere muss, dëst géif en onnéidege Reibungspunkt generéieren, besonnesch wann hir Bedierfnes op Consultatioun limitéiert ass.
Endlech, strukturéiert Äre Site sou fein wéi méiglech no Äre Besoinen. Meeschtens ass d'Dokumentatioun déi folgend Form: * Allgemeng Richtlinnen (Faarwen, Schrëften, Metriken, etc.) * Komponenten * Ressourcen (Illustratiounen, Grafik Charta, Logo, etc.)
Dir kënnt awer och ganz gutt Är Dokumentatioun no Gebrauch, Beruff, asw. Et ass un Iech ze entscheeden op Basis vun der Firma hir Themen a seng intern Organisatioun.
2. Ginn einfach ze benotzen
Gitt direkten Zougang zum exploitéierbare Code, dem visuellen an de Regelen a Verbueter fir all Komponent ze benotzen. Wann Dir net zoustänneg sidd fir d'Integratioun, schafft enk mat den Integratoren zesummen fir Updates esou glat a séier wéi méiglech ze maachen.
3. Verwalte speziell Fäll
Verwalte all speziell Fäll, besonnesch fir Är klengst (an dofir dacks am meeschte benotzt) Komponenten wéi Knäppercher, Linken, Pop-ups, Titelen oder Menüen ... Gitt kloer un wat Dir erwaart an d'Regele fir ze verfollegen. Verwalte se vun der éischter Installatioun an net méi spéit. Dëst sinn d'Fäll déi den Entwéckler drécken fir Ären Design ze ignoréieren.
4. Presentéieren Beispiller an Szenarie
Wann Dir dem Entwéckler méi Fräiheet wëllt ginn an hinnen erlaabt d'Bildschirmer selwer aus Ärem Designsystem ze komponéieren, vergiesst net vill praktesch Beispiller an Szenarie ze bidden. Wéi: Formen, Action Baren, Entfalen Panelen, Pop-ups, Iwwergäng tëscht Säiten, Luede vun Daten, etc.
5. Encouragéiert séier Feedback
Och wann Är Dokumentatioun sou perfekt wéi méiglech ass, vergiesst net e Wee fir Entwéckler ze bidden fir séier mat Iech ze kommunizéieren fir kleng Mëssverständnisser ze léisen.
6. Informéiert séier a kloer iwwer d'Ännerungen an hir méiglech Auswierkungen
Ee vun de Virdeeler vum Design System ass fäeg en Element séier a global z'änneren. Dëst ass och e Risiko well déi geringsten Ännerung e groussen Impakt kann hunn (wéi eng Ännerung vun der Schrëftgréisst). Notéiert Är Benotzer iwwer all Ännerungen, egal ob allgemeng oder limitéiert op eng eenzeg Komponent. An vergiesst net potenziell Auswierkungen ze lëschten.
Schrëtt #3: Bleift informéiert
All Dag, Enn vu Sprints oder souguer Kaffismaschinn, et gëtt kee Mangel u Méiglechkeeten fir Iech iwwer d'Problemer vun den Entwéckler informéiert ze halen. Vernoléissegt dës Momenter net well dëst ass wou Dir de beschte Feedback an Informatioun iwwer d'Problemer kritt.
Schrëtt # 4: Validatioun
Fir ze moossen ob Ären Design vun de Benotzer versteet ass, ob et gär ass, kuerz, ob et funktionnéiert, gëtt et eng ganz Rei vu Servicer fir ze moossen, ze quantifizéieren, ze verfolgen, ze alarméieren. A fir ze bewäerten ob Ären Design korrekt vun den Entwéckler ofgesat ass? Et ass méi komplizéiert.
Awer et ginn nach ëmmer Tools fir Iech an Ärer Aufgab ze hëllefen.
E puer ënner anerem: Pastell Spillkëscht CSSPeeper Flawless App
Schrëtt #5: D'Design Review Meeting
Fänkt Ären Designsystem un ze schaffen? Elo ass déi richteg Zäit fir Design Review Meetings opzestellen! De Prinzip? Etabléiert eng Zäit fir d'Sprints ze punktuéieren fir d'Bildschirmer ze validéieren déi scho entwéckelt sinn, awer och fir Probleemer an deenen am Moment an der Entwécklung z'identifizéieren. Andeems Dir dës Momenter vun Deele formaliséiert, kritt Dir all Team gewinnt fir all aner Problemer ze diskutéieren a fir Entwéckler hir kritesch Aen op Ergonomie a Respekt fir Är Richtlinnen auszeüben.
Fir weider op QA fir Design ze goen: Den "Design Review" tëscht Designer an Entwéckler
Hugo, UX-Designer @UX-Republic
