De ce să creați un blog Design System Thiga
Acest articol este un extras din cea mai recentă carte a noastră, Academia de produse, volumul 4, dedicată proiectării produselor. Disponibilă pentru descărcare, această carte este pentru oricine dorește să integreze designul produsului în organizarea produsului.
Sistemul de proiectare este mai mult decât un cuvânt cheie? La Thiga, credem că da. Deși s-au scris multe despre beneficiile sale (vom reveni la acest lucru), multe organizații au probleme cu configurarea acestuia.
Aceste probleme sunt frecvente și, din fericire, ușor de rezolvat. Acesta este motivul pentru care, în acest ultim capitol, dorim să ne concentrăm asupra modului corect de a-l vinde intern, de a-l instala și de a evita capcanele.
La ce să ne așteptăm de la un sistem de proiectare ?
Deși nu este un glonț de argint, un sistem de proiectare poate fi util mai ales dacă aveți:
- Echipe care colaborează puțin sau nu se află în același loc.
- O creație permanentă a elementelor deja existente pe partea de proiectare sau dezvoltare.
- O experiență de utilizator care își pierde consistența.
Vă puteți aștepta:
- Partajare și colaborare: membrii echipei de produse, design sau dezvoltare creează un limbaj comun care eficientizează considerabil schimburile.
- Eficiență: nu mai sunt resurse irosite! Acum componentele sunt proiectate și dezvoltate o singură dată. Viteza de producție este crescută, costurile de proiectare și dezvoltare sunt reduse. Timpul până la piață și Timpul până la impact se accelerează.
- Focus: acest lucru permite proiectanților să fie acolo unde pot avea cea mai mare valoare adăugată (Cercetarea utilizatorilor, proiectarea de noi caracteristici etc.) evitând să petreacă majoritatea timpului producând interfețe.
- Coerență și calitate: utilizatorul are un produs a cărui experiență este perfectă datorită comportamentelor clar definite ale interfeței, prin urmare mai ușor de procesat și asimilat cognitiv.
Ce este un sistem de proiectare ?
Puțină istorie
Ideea standardizării identității vizuale a unui brand nu este nouă. Încă din 1975, NASA Graphic Standard Manual a devenit primul exemplu de codificare de acest tip. Erau sigle, fonturi și culori care puteau fi folosite de echipele NASA. De asemenea, puteți găsi cum să le folosiți pe clădiri, articole de papetărie, uniforme, forme, publicații științifice, navete spațiale etc.
Apariția produselor digitale a adăugat o nouă dimensiune tehnică la necesitatea unui singur depozit de design. Elementele vizuale sunt acum nu numai desenate, ci codificate, ceea ce implică, de asemenea, o frecvență mult mai mare a actualizărilor de proiectare.
Sistemul de proiectare, un amestec între tangibil și intangibil
Definiție (e): Ce este - sau nu - un sistem de proiectare ?
Din 1975, alte companii au urmat exemplul și, încetul cu încetul, a apărut conceptul de sistem de proiectare. Vorbim despre un sistem deoarece este un întreg structurat care poate fi împărțit în elemente și subelemente, ca un sistem logic sau matematic. Aceste elemente sunt interconectate, reutilizabile și adoptate de o comunitate de oameni care sunt ei înșiși conectați. Trei experți în proiectare definesc astfel conceptul de sistem de proiectare:
„Un sistem de proiectare este un ecosistem de componente, interfețe, linii directoare, arhitectură și procese, pentru a satisface cerințele unui produs sau a unei organizații și pentru a construi rezultate deliberate.”
Teresa Mira - Senior Designer la Designit NYC
„Un sistem de proiectare oferă o bibliotecă de stil vizual, componente și alte preocupări documentate și lansate de către o persoană, o echipă sau o comunitate ca cod și instrumente de proiectare, astfel încât adoptarea produselor să fie mai eficientă și mai coezivă.”
Nathan Curtis - Cofondator al EightShapes
„Un sistem de proiectare este povestea oficială a modului în care organizația dvs. proiectează și construiește produse digitale.”
Brad îngheț - Web Designer, consultant, scriitor
Veți înțelege, spre deosebire de ceea ce se spune adesea, un sistem de proiectare nu este nici o carte grafică, nici o bibliotecă de componente - sau, în orice caz, nu numai. Un sistem de proiectare își propune să transmită un limbaj comun între diferitele companii și echipe ale unuia sau mai multor produse. Centralizează și pune în perspectivă diverse documente construite istoric independent (platforma mărcii, cartea grafică, codul sursă etc.). De asemenea, permite echipelor să fie mai autonome și mai eficiente în construcția produselor, oferind în același timp timp pentru a se concentra pe alte activități cu valoare adăugată ridicată.
Componentele unui sistem de proiectare
Un sistem de proiectare este un sistem bazat pe elemente tangibile, cum ar fi conținutul. Dar, de asemenea, se bazează pe elemente intangibile, cum ar fi procesele (Teresa Mira, 7 cerințe ale unui sistem holistic de proiectare, mediu). Iată tot ce își poate da seama:
Reprezentarea unui sistem de proiectare
Elemente tangibile:
- Activele mărcii (misiune, valori, tonul vocii etc.)
- Principii de proiectare (sau principii de experiență)
- Componente grafice partajate între designeri
- Biblioteca de componente dezvoltate (partajată între dezvoltatori)
- Documentația componentelor (reguli de utilizare a componentelor)
- Documentația privind accesibilitatea (de exemplu: nivelul de contrast dintre text și fundal, subtitrări pentru videoclipuri etc.)
Elemente necorporale:
- Proces și guvernanță (trimiterea unei noi componente, actualizarea unei componente existente etc.)
Componentele de bază și opțiunile
De fapt, un sistem de proiectare este rareori atât de cuprinzător. În funcție de cultura dvs., de Produsele dvs. și de maturitatea dvs. în design, sunt relevante doar anumite elemente. Distingem 3 niveluri de maturitate (cel mai scăzut nivel de maturitate este acum cel mai frecvent):
Aici veți găsi câteva exemple de sistem de proiectare pentru a ilustra elementele tangibile prezente în „nivelul expert”.
În timp ce structura acestor exemple diferite este în general identică, unele includ caracteristici specifice specifice nevoilor lor specifice:
- Linii directoare detaliate privind interacțiunile și proiectarea mișcării.
- Secțiunea „Cum să contribuiți”, astfel încât toată lumea să aibă posibilitatea de a trimite modificări (adăugiri, remedieri de erori etc.).
- Elemente deschise extern, cum ar fi kitul UI și principiile de proiectare.
- Liniile directoare detaliate privind tonul vocii de adoptat.