Voivatko suunnittelijat ja insinöörit käyttää yhtä totuuden lähdettä? Osa 2.

Nyt kun ymmärrät suunnittelijoiden ja kehittäjien jatkuvan sodankäynnin (lue tämän artikkelin ensimmäinen osa täältä), puhutaanpa tämän korjaamisesta.

Suunnittelujärjestelmät ja yksi totuuden lähde (osa 2/2)

Viimeiset 10 vuotta ovat tuoneet paljon kypsyyttä verkkoteknologioiden maailmaan. CSS: stä tuli erittäin tehokas ja se kasvoi työkaluissa, jotka antoivat mahdollisuuden ennakoitavissa oleville ja kestäville työnkulkuille (esiprosessoreista moduuleihin ja tyylivirheisiin). JavaScriptistä tuli kehitysstandardi monille eri alustoille. Se lisäsi ominaisuuksia, jotka lisäävät luettavuutta (kartat, nuolitoiminnot ...) ja koodin modulaarisuutta (ES6-moduulit). Se sai jopa uskomattomia työkaluja, jotka nostivat ekosysteemit uudelle tasolle (NPM, Webpack, React.js).

Sekä CSS: n että JavaScriptin edistyminen johtivat verkkosovellusten modulaarisen arkkitehtuurin nopeasti kasvavaan suosioon. Seurauksena on, että se johti myös suunnittelujärjestelmien voimakkaaseen suosioon. Suunnittelujärjestelmien tarve johtui aikaisen verkon kaaoksesta, kalliista ylläpidosta ja epäjohdonmukaisista kokemuksista. Suunnittelujärjestelmien suosion nopea kasvu tuli mahdolliseksi verkkotekniikan edistymisen ansiosta.

Suunnittelujärjestelmät tarjosivat monia lupauksia:

  • Totuuden lähteiden yhtenäistäminen
  • Tuotekehityksen työnkulun ennustettavuus
  • Käyttökokemuksen laadun paraneminen
  • Huoltokustannusten lasku

Kuten Toyota Production Systemin aloittama työnkulkuvallankumous, suunnittelujärjestelmät tarjosivat prosessien systemaation ansiosta lievityksen nykyaikaisen tuotekehityksen kipuista.

Vielä on liian aikaista arvioida suunnittelujärjestelmän nousun kokonaisvaikutusta. Kuitenkin on yhä selvempää, että nykyisen suunnittelujärjestelmän sukupolvi osaa systemaattisesti säätää etuosan suunnittelua ja vain puoliksi onnistuneena korjaamaan suunnittelun ja suunnittelun välisen yhteyden.

Otetaan esimerkiksi suunnittelumerkit, jotka ovat olennainen osa monia hienoja suunnittelujärjestelmiä. Niitä voidaan käyttää muodostamaan monimutkaisia ​​tyylisivuja ja väripaletteja suunnittelutyökaluille, mutta interaktiiviset komponentit, jotka ovat välttämättömiä suunnittelujärjestelmille, pysyvät erillään suunnittelutyökaluista.

Harvat yritykset ylittää tämä aukko eivät ole saavuttaneet massapopulaatiota tai merkittävää pitoa. Niistä paras, HTML Sketchapp, tarjoaa HTML-elementtien tuonnin Sketchiin. Valitettavasti kaikki tilat ja vuorovaikutukset menetetään matkalla. Luonnos, viime kädessä vektorikuvaustyökalu, ei tarjoa komponenttitasoja tai vuorovaikutuksia.

Älä syytä suunnittelujärjestelmiä tästä puutteesta. Syyllisyyden suunnittelutyökalut. Niin kauan kuin suunnittelutyökalut asettavat vektorimuodon käyttöliittymäsuunnittelijoille, yhden totuuden lähteen toteuttaminen on mahdotonta.

Kysymys yhdestä totuuden lähteestä kuulostaa teoreettiselta, mutta miettiä käytännön vaikutuksia.

Entä jos suunnittelijat voisivat käyttää samoja komponentteja, joita insinöörit käyttävät, ja ne kaikki tallennetaan jaettuun suunnittelujärjestelmään (tarkat asiakirjat ja testit)? Monet turhauttavista ja kalliista väärinkäsityksistä suunnittelijoiden ja insinöörien välillä lakkaisivat tapahtumasta.

Katso uudelleen kahden artikkelin ensimmäisestä osasta ristiriitaisten päivämäärävalitsijoiden tarina. Jos suunnittelijalla olisi pääsy tuotantotietokannan kanssa synkronoituun interaktiiviseen komponenttiin, hän voisi tehdä tietoisen suunnittelupäätöksen kokemuksestaan ​​tietojen valinnasta ja olemassa olevan komponentin uudelleenkäytöstä. Koko konflikti ratkaisisi, mikä johtaisi nopeampaan suunnitteluprosessiin, nopeampaan kehitysprosessiin ja vähemmän turhauttavaan kokemukseen koko joukkueelle.

Vedoten tuotekoodattujen komponenttien manuaaliseen uudelleen piirtämiseen vektorikuvaustyökalussa ei ole vain kallista, vaan myös alttiita kriittisille virheille.

Suunnittelujärjestelmän täydellisessä toteutuksessa suunnittelijat ja insinöörit käyttävät yhtä totuuden lähdettä kattamaan kaikki työnkulun puolet. Kun suunnittelijat ohjaavat vanhat vektorikuvaustyökalunsa (väistämättä menettävät kaikki tähän vanhaan paradigmaan liittyvät ongelmat), tämä prosessin integroinnin ja kypsyyden taso tulee mahdolliseksi.

Yhtenäinen suunnittelu - suunnitteluyhteistyö UXPin Mergen kanssa

UXPinillä olemme viettäneet viimeiset 8 vuotta yhteistyöhön perustuvan, koodipohjaisen suunnittelutoimittajan rakentamisessa. Tarkalla renderoinnilla, tilallisilla komponenteilla, komponenttitason edistyneillä vuorovaikutuksilla (ehdolliset vuorovaikutukset, muuttujat, API-integraatio ...) olemme onnistuneet välttämään monia vektorikuvaustyökalujen, kuten Sketch, Figma tai XD, puutteita. Sen sijaan, että luottaisi satoihin staattisiin tauluihin, UXPin antaa suunnittelijoille mahdollisuuden luoda täysin vuorovaikutteisia ja uudelleenkäytettäviä tilallisia komponentteja. Lomakkeiden suunnittelusta täydellä validoinnilla tulee helppoa jopa suunnittelijoille, jotka eivät koodita.

Aina suunnittelija luo jotain UXPiniin, renderointikoneemme rakentaa HTML CSS: n ja JavaScriptin (kaikille edistyneille vuorovaikutuksille). Joten suunnittelijat ja insinöörit voivat olla varmoja, että UXPin-ohjelmassa luotujen mallien ja lopullisen tuotannon toteutuksen välillä on 100% vastaavuus. Ensimmäisessä artikkelissa mainittuja animaatioita tai fonttien renderointia koskevia väärinkäsityksiä ei ole UXPin-yliopistossa.

Emme ratkaisseet kaikkia ongelmia kerralla. Jopa koodipohjainen toimittajamme, joka kaiken kaikkiaan näyttää olevan vahvin suunnittelutyökalujen markkinoilla, joutui totuuden lähteiden yhtenäistämisongelmaan. Työkalumme auttoi suunnittelijoita välttämään monia väärinkäsityksiä, mutta meillä ei ollut tapaa rakentaa kestävää yhteyttä suunnittelujärjestelmän koodattuihin komponentteihin. Meillä ei ollut sitä… toistaiseksi.

Lähes kaksi vuotta sitten olemme aloittaneet rakentaa kestävän yhteyden suunnittelun ja suunnittelun välille. Tutkittuaan useita ideoita olemme päättäneet jatkaa seuraavaa työnkulkua:

  • UXPin muodostaa yhteyden Git-arkistoon (komentorivityökalu asennetaan projektitasolla riippuvuutena)
  • UXPin oppii arkistossa olevien komponenttien koodit ja sarjoittaa sen sisällön
  • UXPin ajaa rakennusprosessia ja toimittaa tuotekoodin UXPin-suunnittelutoimittajalle, jossa kaikki komponentit ovat identtisiä tuotantoympäristön kanssa, täysin vuorovaikutteisia ja suunnittelijoiden saatavilla (vaikka he eivät tiedä kuinka koodata)
  • UXPin sallii yhteyden jatkuvaan integrointipalvelimeen automaattisen synkronoinnin mahdollistamiseksi Git-arkiston ja suunnittelutoimittajan välillä (jokainen tuotantokoodin muutos heijastuu automaattisesti komponentteihin UXPinin suunnittelueditorissa)
  • UXPin näyttää tarkat eritelmät kaikille suunnitteluprojekteille, ja niissä on informatiivisia koodinpätkiä, jotka kertovat kehittäjille tietyn suunnittelun toteuttamisesta

Tämä lähestymistapa oli erittäin kunnianhimoinen ja laajuudeltaan laajempi kuin mikään kilpailukykyinen ratkaisu. Alusta alkaen halusimme välttää:

  • Luodaan temppuominaisuus, joka voi saada jonkin verran huomiota markkinoilla, mutta ei pysty korjaamaan suunnitteluprosessin keskeisiä ongelmia
  • Suunnittelijoiden pakottaminen oppimaan koodaamaan (mikä luonnehtii Framerin lähestymistapaa)
  • Pakotamme työnkulkuratkaisumme toteuttavat joukkueet luomaan koodia vain UXPinille (uskoimme sen sijaan plug and play -lähestymistapaan, jossa UXPin voi käyttää modifioimatonta tuotekoodia).

Se kesti yli 18 kuukautta, mutta olen iloinen voidessani todeta, että UXPin Merge on juuri toimittanut ratkaisun, joka yhdistää suunnittelun ja suunnittelun todella yhdeksi jatkuvaksi työnkuluksi.

Yhdistäminen yhdistää saumattomasti mihin tahansa GIT-arkistoon, tuo React.js-komponentit (tulevaisuuden uusien kirjastojen ja kehysten tuki!) -Komponentit UXPinin suunnittelueditoriin ja pitää kaikki versiot synkronoituna CI-integraation ansiosta. Mitä koodissa onkin, se on UXPin-järjestelmässä, joka antaa suunnittelijoille pääsyn oikeisiin koodattuihin komponentteihin pakottamatta heitä oppimaan koodausta.

CI-integraation avulla UXPin Merge huolehtii Code - Design -työkalujen synkronoinnista.

UXPin Merge -sovelluksen avulla suunnittelijat ja insinöörit käyttävät yhtä totuuden lähdettä ja voivat lopulta toimia yhdessä ilman tarpeettomia väärinkäsityksiä ja turhautumisia. Arvaa mitä? Suunnittelujärjestelmän täydellinen toteutus on mahdollista.

Monimutkaiset komponentit, kuten päivämäärävalitsimet, ovat välittömästi suunnittelijoiden saatavilla.

UXPin Merge on tällä hetkellä suljetussa beetaversiossa. Ilmoittautuminen varhaiseen käyttöoikeuteen alla. Asiakkaillemme ja intohimoisimpiin, yhtenäiseen työnkulkuun uskoviin (jos se olet sinä, kerro meille ajatuksesi Twitterissä!) Tarjotaan ensin pääsy. Nähdään toisella puolella.

Saa varhaisen pääsyn UXPin-yhdistämiseen