Puterea structurii – Un ghid pentru proiectarea modelelor de sistem

Sistemele de proiectare ajută organizațiile să mențină consecvența experienței în diverse produse, servicii și afaceri. Deși sunt asociate în mod obișnuit cu ghiduri vizuale și biblioteci de componente, sistemele de proiectare sunt cu totul diferite. Pe măsură ce tot mai multe corporații realizează valoarea continuității designului, echipele de sisteme de proiectare nou formate stabilesc cele mai bune practici pentru a asigura relevanța pe termen lung a eforturilor de proiectare ale organizațiilor lor.

Atunci când mai multe persoane se angajează în aceeași căutare a designului, apar întrebări comune. Dacă răspunsurile la aceste întrebări nu sunt ușor disponibile sau ușor de înțeles, consecvența designului trece pe marginea drumului . Introduceți sistemele de proiectare.

Deși populare în discuțiile de design contemporan, rădăcinile sistemelor de design sunt adânci de decenii în lumea publicării de ziare și reviste. Chiar și acum, ierarhia sistematizată a paginilor editoriale este evidentă, cu modele preconfigurate care permit plasarea consecventă a textului și a imaginilor.

După 2007, afluxul de companii digitale a forțat întreprinderile să fie mai intenționate în ceea ce privește coeziunea designului între produse și platforme. A urmat un accent pe liniile directoare vizuale și bibliotecile componente, dar astfel de documente s-au calcinat rapid în paginile PDF-urilor și fișierelor partajate. Prin încercare și eroare, producătorii de sisteme moderne de design au ajuns să-și vadă munca ca produse vii, nu documente statice.

Zalando este cea mai importantă piață de modă online din Europa. Atlassian este apreciat la nivel global pentru instrumentele sale de dezvoltare software. Fiecare are echipe mari de produse și nevoi complexe de proiectare. Ce se poate învăța din modelele lor de sisteme de proiectare?

Zalando: Colaborarea ca model de sistem de proiectare

Zalando este cel mai mare retailer online de încălțăminte și îmbrăcăminte stradală de ultimă generație din Europa. Cu peste 1.900 de mărci, masivul său magazin digital este gestionat de o echipă de sute de designeri și dezvoltatori. Pentru a asigura o experiență de cumpărături consistentă pentru o colecție atât de largă de mărfuri, compania se bazează pe un sistem de design foarte structurat.

S-ar putea crede că menținerea unui sistem de design pentru o astfel de marcă de profil ar necesita o guvernare strictă și un cerc strâns de factori de decizie în materie de design. În schimb, abordarea lui Zalando este hotărât colaborativă. În loc să-și vadă sistemul de design ca pe o entitate perfectă sub amenințarea entropiei, Zalando își încurajează echipele de caracteristici să contribuie cu idei noi, după cum este necesar. Cum functioneazã?

Obiectivul principal al echipei de sisteme de proiectare (ZDS) Zalando este să ajute echipele de caracteristici să dezvolte componentele de care au nevoie pentru a face produsele să strălucească. Simultan, ZDS asigură că integritatea sistemului de proiectare nu este compromisă. În acest fel, ZDS este atât o legătură, cât și o plasă de siguranță.

Când o echipă de caracteristici Zalando are nevoie de o soluție în contradicție cu sistemul de design al companiei, trimite o contribuție folosind un formular Google simplu. Când se primește un bilet de contribuție, ZDS examinează și clasifică cererea de modificare ca ușoară , medie sau grea . Fiecare categorie are propria sa secvență de revizuire, proiectare și iterare în colaborare.

Odată ce o contribuție trece prin acest proces și devine realitate, echipa ZDS actualizează portalul sistemului de proiectare partajat central, prezintă modificările din demonstrația săptămânală și comunică actualizările părților interesate și clienților.

Simplitatea modelului de contribuție al Zalando permite diverselor voci din companie să aibă un cuvânt de spus în evoluția sistemului. Din punct de vedere filosofic, Zalando își vede sistemul ca un produs, nu doar o resursă de documentare menită să mențină produsele aliniate vizual. Din această perspectivă rezultă concluzii practice care sunt aplicabile diverselor modele de sisteme de proiectare:

• Guvernarea este importantă, dar echipele care supraveghează sistemele de proiectare ar trebui să se concentreze pe succesul altor echipe din cadrul organizațiilor lor.
• Faceți procesul de contribuție la caracteristici simplu, transparent și colaborativ și documentați toată comunicarea.
• Puneți designerii și dezvoltatorii să lucreze împreună la schimbările aduse sistemului, promovând astfel un limbaj comun al sistemului.
• Creați o listă de verificare care să vă asigure că fiecare actualizare a sistemului abordează problemele de accesibilitate.

Atlassian: Gândirea sistemului de proiectare reimaginată

Atlassian creează instrumente pentru dezvoltarea și colaborarea software, cum ar fi Jira și Trello.

În 2017, Atlassian și-a rebranșat și a lansat un site pentru liniile directoare de proiectare. În același timp, compania a găzduit un site separat dedicat componentelor sale UI și exemplelor de cod corespunzătoare.

Cu timpul, cele două site-uri s-au aliniat, provocând frustrare și confuzie în rândul echipelor interne de proiectare și dezvoltare, furnizorilor de integrare a aplicațiilor secundare și clienților Atlassian.

Recunoscând o ruptură tot mai mare între design și dezvoltare, Atlassian a ales să-și regândească abordarea asupra sistemelor de proiectare. Nu mai putea trata documentația de proiectare și dezvoltare ca fiind puțin mai mult decât un mijloc de a genera cod și rezultate grafice pentru produsele Atlassian. Sistemul de design trebuia respectat ca produs în sine.

Pentru a-și înțelege pe deplin problema, Atlassian a fost supus unui audit extern și a emis sondaje privind satisfacția clienților. În mod previzibil, cele două site-uri au fost considerate a fi nealiniate și depășite. Cu reputația sa în joc și un ecosistem mare de designeri, dezvoltatori și părți interesate care cer schimbarea, Atlassian și-a recunoscut deficiențele și și-a propus să-și reimagineze sistemul de design.

La începutul lunii august 2020, echipa de proiectare a sistemului Atlassian (ADS) a lansat un nou site care consolidează liniile directoare pentru marcă, vizual, conținut, componente și modele.

În plus, echipa ADS:

• A migrat jumătate din componentele sale UI la noul sistem (restul sunt în desfășurare)
• Documentația rescrisă și simplificată pe tot parcursul
• Căutare îmbunătățită în sistem
• S-au adăugat link-uri de cod clic pentru a copia

Cea mai grăitoare dovadă a mentalității în curs de maturizare a lui Atlassian provine de la designerul principal ADS Jennie Yip: „O concepție greșită comună despre sistemele de proiectare este că odată ce sunt publicate, ele devin o sursă de adevăr de neschimbat. Un sistem de proiectare nu este niciodată complet. La Atlassian, începem să schimbăm modul în care vedem sistemul nostru de design... într-o entitate vie și respirabilă.”

5 principii ale sistemului de proiectare care merită reținute

Avantajul de astăzi este lama tocită de mâine — o problemă care pătrunde în toate disciplinele de design. Instrumentele și platformele pentru crearea și găzduirea sistemelor de design sunt numeroase, dar dezvoltarea rapidă a designului digital face mai profitabilă gândirea sistemelor de proiectare în termeni de principii directoare.

1. Sistemele de proiectare sunt produse digitale.

La fel ca toate produsele digitale, sistemele de design necesită întreținere regulată. Sistemele care stau latente pentru perioade lungi de timp vor suferi neutilizare și degradare.

2. Sistemele de proiectare sunt colaborative.

Sistemele de proiectare trebuie să servească nevoilor părților interesate care reprezintă mai multe funcții de afaceri. Oferirea de căi de colaborare împiedică sistemele să existe în silozurile de proiectare și inginerie și asigură că ideile de produse nu sunt ignorate.

3. Sistemele de proiectare prosperă pe simplitate.

Sistemele de design sunt un loc pentru a găsi răspunsuri, nu pentru a aduna laude pentru imagini sclipitoare, animații complicate sau copii pline de spirit. Informațiile ar trebui să fie bine organizate, ușor de navigat și căutate, în timp ce descrierile de text ar trebui să echilibreze contextul cu instrucțiuni concise.

4. Sistemele de proiectare necesită strategii de comunicare și implicare.

Echipele care gestionează sistemele de proiectare trebuie să ia în considerare modul în care să comunice în mod regulat actualizările și funcțiile noi părților interesate. Buletinele informative, sesiunile de întrebări și răspunsuri și alte strategii de informare ar trebui să informeze și să implice: „Acestea sunt schimbările. Acesta este motivul pentru care ar trebui să-ți pese.”

5. Sistemele de proiectare sunt centralizate.

Sistemele de proiectare ar trebui să fie accesibile într-o singură locație, bazată pe cloud. Navigarea în sistem sau obținerea de active nu ar trebui să necesite cunoașterea unui anumit program de proiectare. Și nu uitați, publicarea unor linii directoare separate pentru proiectare și dezvoltare este o cale sigură către disonanța produsului.

Puterea flexibilității structurale în proiectare

Sistemele de design nu sunt menite să fie monoliți, mari și impunătoare, neschimbate pentru totdeauna. Nici nu sunt doar depozite pentru componente și stiluri de design. Sunt produse vii, pentru respirație, eforturi organice care necesită plantare și tăiere. Ca atare, merită echipe dedicate formate din designeri care se angajează în întreținerea și reînnoirea lor continuă. La urma urmei, sistemele de proiectare nu sunt niciodată terminate.

În cele din urmă, cele mai bune sisteme de proiectare sunt simple, colaborative și flexibile. Ei răspund la întrebări stringente de design cu claritate, salută contribuțiile mai multor părți interesate și acordă prioritate soluțiilor puternice față de formulele dogmatice.

Spune-ne ce crezi! Vă rugăm să lăsați mai jos gândurile, comentariile și feedback-ul dvs.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• Consistența este cheia - Cum să construiți un sistem de proiectare Figma
• Înțelegerea sistemelor și modelelor de proiectare
• Figma vs. Sketch vs. Axure – O revizuire bazată pe sarcini
• De ce să folosiți Material Design? Cântărirea argumentelor pro și contra
• Trecutul este încă prezent – ​​O privire de ansamblu asupra designului atemporal