Lecțiile cheie le-am învățat creând un sistem de design popular

Ilustrație de super talentata Maya Ealey

În 2012, am început un mic proiect lateral pentru a standardiza modelele de proiectare și experiența utilizatorului a 12 produse software la Atlassian. În următorii 3 ani, acest proiect lateral secundar s-a transformat într-un proiect foarte mare care a devenit jobul meu cu normă întreagă, care a implicat crearea și expedierea mai multor versiuni ale sistemului de proiectare din Atlassian și a înființat echipa Platform Platform (care există încă în prezent, dar cu multe altele oamenii) pentru a menține și a folosi sistemele de lucru în ansamblul de produse din Atlassian.

Având în vedere discuțiile despre sistemele de proiectare din ultimii doi ani, am solicitat ocazional sfaturi sau informații din experiența mea în construirea sistemului de proiectare la Atlassian. Dacă ați avut în vedere crearea unuia pentru produsul sau compania dvs., sunteți în proces de a face unul sau ați încercat să renunțați, sperăm că aceste informații vă vor ajuta să creați un sistem de design mai bun pentru compania dvs.

La Asana, suntem la începutul călătoriei noastre pentru a construi un sistem de proiectare holistic. Am constatat că reflectarea la aceste lecții ne-a ajutat să formăm echipa și compania, pentru succes, astfel încât să oferim adevărata valoare a unui sistem de proiectare.

1. Începeți prin a face lucruri care nu sunt la scară largă

Prima versiune a sistemului de proiectare din Atlassian a fost de aproximativ 20 de fișiere HTML statice pe care le găzduiam pe un Mac Pro sub biroul meu. Nu existau șabloane în aceste fișiere, nici un control de versiune, importasem CSS din produsele noastre și am scris marcajul pentru fiecare componentă. Această versiune a fost neplăcută de actualizat și nu a fost scalabilă, dar suficientă lume a găsit valoare în faptul că am fost inspirat să investesc mai mult timp și efort care ne-au pus pe calea creării sistemului de design din Atlassian.

Fără să facem ceva care nu a fost de o anvergură, am fi putut dura mult timp pentru a începe. Când lucrați la sistemul dvs., încercați să nu vă obsedați prea mult de suprainginarea unui flux de lucru perfect și perfect, dar căutați în schimb modalități de început, și continuați să progresați dacă funcționează.

2. Nu vă armați orientările

Dacă creați un sistem de proiectare, astfel încât alții să nu greșească pe dvs. (și numai dvs.!), Va trebui să remediați mai târziu, este posibil să nu abordați acest lucru cu mentalitatea corectă.

Obiectivul unui sistem de proiectare este să vă extindeți pe voi (și echipa dvs. de proiectare) pentru a construi mai rapid produsul și pentru a permite tuturor să ia decizii de proiectare mai bune.

Un sistem de proiectare este un instrument de abilitare, nu o armă de control al proiectării.

Este într-adevăr important să nu aruncați cartea de regulă către oameni și să îi polițiți până la moarte. În schimb, încercați să abordați sistemul cu filozofia conform căreia un sistem de proiectare este un instrument de democratizare a proiectării în întreaga companie. Această abordare deschide într-adevăr ușile, astfel încât oamenii vor să contribuie și să facă parte din ea. Nu uitați, un sistem de proiectare este un instrument de abilitare, nu o armă de control al proiectării.

3. „Să redimensionăm totul”

Rezistați-vă îndemnului de a lua acest lucru ca o oportunitate de a-și reproiecta produsul. Crearea unui sistem și reproiectarea aplicației în același timp te vor încetini semnificativ. Este mult mai ușor să documentați ceea ce aveți astăzi, atât modelele bune, cât și cele rele, și apoi reparați modelele rele cu o reproiectare a limbajului vizual ulterior.

Au fost multe încercări la Atlassian de a reproiecta suita de produse înainte ca temele de documentare a componentelor sistemului nostru să fie satisfăcătoare. A fost nevoie de mult timp pentru a construi arhitectura sistemului, dar a făcut mai ușor (și mai rapid) pentru Atlassian să reîmprospăteze limbajul vizual ulterior, deoarece bazele erau solide.

4. Obțineți suport funcțional încrucișat pentru sistemul dvs. de proiectare

Cred că crearea unui sistem de proiectare nu este un exercițiu academic. Dacă nimeni nu folosește sistemul sau nu a ajutat echipa dvs. să se miște mai repede și să ia decizii mai bune, este posibil să pierdeți timpul.

Prin faptul că îi veți face pe alții să urmeze ceea ce faceți și să contribuiți la îmbunătățirea tiparelor și a orientărilor, veți avea accesul și sprijinul de care aveți nevoie pentru a face cu adevărat diferența și pentru a crea produse excelente. Nu pot sublinia cât de important este acest lucru pentru succesul sistemelor tale.

În 2013, raportul dintre proiectanți și ingineri era în gama de 1 proiectant la fiecare 15-20 ingineri. În timp ce mă cutremur de gândul la numărul respectiv astăzi, atunci am încercat să folosesc acel dezechilibru în avantajul meu. Ceva care m-a ajutat să-mi fac organul de inginerie de partea mea la Atlassian a fost să creez o discuție pentru noii începători în prima săptămână de îmbarcare la companie. Aproximativ 15 oameni ar fi acolo în fiecare săptămână și aș putea să îi fac să înțeleagă ce încercăm să facem din ziua 1. De exemplu, aș trece prin câteva istorii despre cum obișnuiam să avem 44 de picături diferite meniuri (nu este o exagerare), dar avem una acum și iată cum ar trebui să o utilizați.

De-a lungul anului 2013 și cu dimensiunile Atlassian dublând aproape în fiecare an, am urcat practic la aproximativ 500 de persoane despre importanța sistemului nostru de proiectare și modul în care îl pot utiliza. Am considerat că acesta este un mod cu adevărat eficient de a schimba cultura companiei în ceea ce privește designul.

5. Treceți dincolo de un ghid de stil

Un sistem de proiectare (sau ghid) este diferit de un ghid de stil. Să aveți toate componentele într-un fișier Sketch este relativ ușor de făcut - toate butoanele primare sunt de aceeași culoare sau utilizați o grilă de 8px. Dar când folosesc un buton primar în loc de un buton secundar? Ce fel de etichete trebuie să aibă butoanele? Când un buton primar și un buton secundar sunt împreună, care este cel din stânga?

Aceste întrebări sunt tipurile de lucruri pe care ar trebui să le rezolve un sistem de proiectare, nu doar documentarea valorilor de pixeli ale componentelor dvs. O mulțime de echipe de proiectare lipsesc din acest aspect atunci când își creează sistemul și, în cele din urmă, ratează un efect secundar puternic al muncii sistemului.

După cum am menționat mai sus, echipa de proiectare din Atlassian la începutul anului 2013 era relativ mică (~ 13 persoane) în comparație cu echipa de inginerie (~ 300 persoane). Unul dintre avantajele includerii ghidurilor scrise a fost faptul că inginerii ar putea progresa o sumă imensă fără un proiectant acolo. Însemna că am putea opri proiectarea ecranelor în Sketch și, în schimb, să sărim pe o tablă albă și să creștem un flux sau să începem să lucrăm la probleme cu produse mult mai mari care existau în amonte.

6. Puneți pe cineva să supravegheze sistemul, dar asigurați-vă că toată lumea contribuie

Am utilizat un model centralizat care a permis tuturor designerilor din companie să contribuie. De asemenea, am avut un program de rotație de aproximativ 3 luni în care proiectanții și inginerii au fost luați de la produsele lor respective și ar lucra la echipa Platformă de proiectare pentru a duce sistemul înainte. Aceștia ar contribui foarte mult în timp ce se aflau în echipa noastră, apoi se vor întoarce la echipele lor originale de produse, fiind susținători fericiți pentru sistem.

Faptul că cineva supraveghează sistemul este foarte important. Această persoană (eu la Atlassian) este probabil un proiectant de lumină de lună în calitate de Manager de produse. Ei ar trebui să protejeze sistemul, dar trebuie să fie foarte atenți să nu creeze un mediu în care oamenii îl resping și să devină necinstiți. Nu uitați, scopul sistemului este de a face pe toți cei din companie un designer mai bun.

Vrei să afli mai multe despre Asana? Avem un site îngrijit la https://asana.design cu un pic despre cine suntem și ce facem. Angajăm, de asemenea, manageri de design și designeri de produse în biroul nostru din San Francisco, unul dintre cele mai bune locuri pentru a lucra în SUA! (Vă putem muta dacă nu vă aflați în prezent în zona Golfului.)

Dacă v-a plăcut această postare, poate doriți să urmați publicația noastră pentru mai multe povești de la Asana Design