Parempi verkkokehityksen työnkulku: Confluence, Airtable, Jira ja Abstract

Confluence, Jira, helppo ja tiivistelmä

中文 版 連結 (kiinalainen versio) / Lähetetty alun perin vinceshao.com-sivustolle

Olen työskennellyt etukäteen kehittäjänä lähes kaksi vuotta, ja olen saanut hyödyllisiä kokemuksia siitä, että olen ollut mukana useissa suunnittelu- / digitaalitoimistojen web-kehityshankkeissa.

Yksi selvä, mutta arvokas oppitunti, jonka olen oppinut, on, että yhteistyö kunkin ryhmän välillä yhdellä tavoitteella, mutta erillisillä vastuualueilla ja tarkoituksilla ei ole helppoa. Yhteistyössä on erilaisia ​​näkökohtia ja vaikeustasoja, ja haluaisin käsitellä tässä nimenomaisesti työnkulkua.

Rakensin kokemukseni perusteella ja suunnittelija- ja kehittäjäystäväni avustuksella pienelle joukkueelle (5–15 henkilöä) tarkoitetun verkkosivuston kehittämisen työnkulun. Järjestelmä koostuu Confluence, Jira, Airtable ja Abstract. Tässä artikkelissa kerron tämän työnkulun syyt ja miten.

Motivaatio uuden työnkulun rakentamiseksi

Muokatun verkkosivun toimittamiseksi käyttämättä verkkosivustojen rakentajien tarjoamia malleja, kykyjen vähimmäisvaatimukset sisältävät suunnittelijan, kehittäjän ja projektipäällikön. Muutamassa tapauksessa osallistumisen jälkeen minulla oli tunne, että meillä olevassa työnkulussa oli jotain vikaa: Tärkeää tietoa ei aina kohdistettu sekä sisäisesti eri roolien välillä että ulkoisesti asiakkaan suhteen. Tämä tehoton viestintä hidasti selvästi kehityssykliä ja satutti joukkuetta.

Joten aloin ratkaista tämän ongelman.

Google-haun työnkulun hienot resurssit: Suunnittelujärjestelmien ominaisuudet, tyyliopasresurssit ja työnkulun määrittely

I Google haki resursseja työnkulun perustamisesta ja parantamisesta. Vaikka olen oppinut paljon kaikista mahtavista resursseista, en löytänyt niistä melkein yhtäkään verkkosivustojen kehitysprojekteihin suunnittelutoimistoissa. Se oli joko suunnittelujärjestelmä tai koodausohjeet, jotka ulottuivat suunnitteluun tai käyttöliittymiin, tai työnkulku, joka rakennettiin tiimille, jolla on oma tuote.

Tämän seurauksena päätin vaalia osia, joita tarvitsin ongelmien ratkaisemiseksi, ja muodostuin räätälöity työnkulku verkkosivujen kehittämiseen.

Ongelmat ja tavoitteet

Seuraavaksi tarkastellaan olemassa olevasta työnkulusta johtuvia ongelmia ja vastaavia parannustavoitteita:

1. Vesiputousmenetelmä

vesiputous malli abstrakti demo

Ongelma: Kokemukseni perusteella verkkosivustoprojektit omaksuvat vesiputouslähestymistavan, koska asiakkailla ei ole käsitettä vähimmäiskelpoisesta tuotteesta (MVP). Sen sijaan, että jaettaisiin toiminnallisuudet näkymistä ja modulaatiosta, asiakkaat pyrkivät yleensä ajattelemaan sivustoa perinteisellä sivu kerrallaan, mikä pakottaa sekä suunnittelijat että kehittäjät työskentelemään sivu kerrallaan. Tämän vuoksi he menettävät yleisen perspektiivin koko projektin ajan. Tämä tilanne johtaa paljon edestakaisin tarpeettomia tarkistuksia sivujen välillä.

Tavoite: Asiakkaiden ajattelutavan muuttaminen on sekä ylimielistä että epärealistista. Tavoitteena on löytää tapa erottaa vaatimukset näkymistä mahdollisimman pian ja kehittää mahdollisimman modifioitu tapa sisäisesti sivupohjaisen mallin perusteella.

2. Yleissuunnittelumerkit ja komponentit, joita sekä suunnittelijat että kehittäjät hallitsevat

suunnittelumerkit myyjältä Salesforce

Ongelma: Tämä on yleinen asia, johon monissa artikkeleissa on jaettu hienoja ratkaisuja, joissa ehdotetaan useimmiten suunnittelujärjestelmän rakentamista, jota tyylioppaan / kirjaston generaattorit hallinnoivat. Vaikka se on hieno ratkaisu, ylimääräisen sivuston hallinta, joka tuskin antoi muokkausluvan suunnittelijoille, ei ollut sopivaa tilanteeseen.

Tavoite: Lukuun ottamatta universaalien suunnittelumerkkien ja kielten luomista, jotka kaikki suunnittelijat, kehittäjät ja johtajat ymmärtävät, rakenna järjestelmä, joka antaa kaikille mahdollisuuden hallita omaisuutta synkronisesti.

3. Tarkka, päivitetty edistyksen kojetaulu

tarvitsemme muokattavan ja helposti saavutettavan edistyksen hallintapaneelin

Ongelma: Vaikka julkaisuseurannat, kanban ja muut projektinhallintamallit ovat hyödyllisiä ja käytännöllisiä, suurin osa niistä ei toiminut suoraviivaisena, joustavana ja ystävällisenä edistyksen kojelautana. Tällainen kojetaulu säästäisi joukkueelle paljon aikaa, koska se estäisi ryhmän jäseniä ilmoittamasta aktiivisesti tai kysymästä tiettyjen tehtävien nykytilasta. Se myös helpottaa johtajien elämää, jos heillä on selkeä tieto koko projektista ilman liikaa vaivaa.

Tavoite: Luo kojelautajärjestelmä, joka antaa muokkausoikeudet henkilöille, jotka vastaavat tietyistä tehtävistä.

Työnkulkukaavio

Katsotaanpa ennen organisoimani abstraktia yksinkertaistettua työnkulkua, ennen kuin sukellamme hallintatyökalujen pinoon yksityiskohtaisesti. Se on melko vain visualisointia normaalista työnkulusta, joka useimmilla virastoilla on, mutta tässä on huomioitava kaksi seikkaa.

Suunnitellun työnkulun kaavion

1. Kehittäjän arviointi

Ensinnäkin, kun johtaja hyväksyy ja dokumentoi asiakkaalta tulevat vaatimukset tai asiat, lukuun ottamatta tehtävän lähettämistä suunnittelijalle, ne menevät myös kehittäjälle arviointia varten. Tässä prosessissa kehittäjä tarkistaa tehtävän määrittelyn tarkistaakseen, onko mukana joitain melko monimutkaisia ​​toimintoja tai ominaisuuksia. Jos se on positiivinen, kehittäjä voi aloittaa sen käsittelyn tai ilmoittaa suunnittelijalle mahdollisista ongelmista etukäteen.

2. Yksi totuuden lähde

Huomaa myös, että sen jälkeen kun asiakas on hyväksynyt suunnittelutoimituksen ja ennen työn luovuttamista kehittäjän käsiin, se käy läpi suunnittelijan rekisteröinti- / muokkaus- / poistamisprosessin suunnittelupalvelussa. Tämä johtuu siitä, että kehittäjän tulisi aina olla alttiina yhdelle ja yhdelle suunnittelupalvelulähteelle, joka sisältää jatkuvasti ylläpidettyjä ja päivitettyjä omaisuuksia kehittämisvalmiiksi.

Nyt voimme sukeltaa valmistamaani hallintatyökalujen pinoon ja nähdä kuinka työkalut auttavat meitä ratkaisemaan ongelmamme.

Työkalut pinoutuvat

Kun olen kokeillut markkinoiden eri vaihtoehtoja, ehdotan täällä pinoa, joka koostuu Confluence-, Jira-, Airtable- ja Abstract-ominaisuuksista. Perustietoa ja muutamia tärkeitä sovellusesimerkkejä lisäksi en käsittele kaikkia työkalujen käyttöä koskevia yksityiskohtia.

atomisuunnittelu ja ABEM

Huomaa: järjestelmässä oletetaan, että kehitysryhmä ottaa käyttöön atomisuunnittelumenetelmän ja ABEM-nimeämisjärjestelmän.

1. Yhteenkuuluvuus

Rooli: tieto- ja resurssikeskus

Vaikka Confluence on aluksi pelottava, se tarjoaa tehokkaan työtilan, joka on helppo organisoida, ja siinä on paljon ominaisuuksia, sovellusten integrointi ja räätälöityjä malleja. Se ei todellakaan ole universaali ratkaisu kaikkiin ongelmiin, mutta se on täydellinen eritelmien, vaatimusten, kokousmuistiinpanojen ja muun dokumentointiin.

Siksi tämän pinon Confluence toimii tieto- ja resurssikeskuksena, mikä tarkoittaa, että kaikki tähän projektiin liittyvät linkit ja yksityiskohdat on dokumentoitava oikein täällä.

Confluencen suosikki etuani on kyky mukauttaa asiakirjamalleja. Tämän ominaisuuden ansiosta työnkulun standardisointi on todella mukavaa.

kehittäjän arviointivaihe

Esimerkki: Komponenttitoimintojen katsaus

Mainitsin yllä kehittäjän arviointiprosessin, joka on itse asiassa monimutkainen työ. Tämä johtuu siitä, että tämä prosessi sisältää perustiedot komponentista, kehittäjän FSM-katsauksen (tarvittaessa), UKK-tilan ja paljon muuta. Mutta mallin ja Confluencen tarjoamien työkalujen joustavuus tekee tästä erittäin helpon. Rakenna vain malli kokoonpanoasetuksiin ja sinulla on hyvä mennä.

mukautettu malli komponenttien tarkasteluun Confluence-sovelluksessa

2. Jira

Rooli: aiheiden seuranta ja toimintotyyppien hallinta

Myös Atlassian-perheen jäsen, Jira on erittäin tehokas aiheiden seuranta- ja projektisuunnitteluohjelmisto. Suosikkini siitä on räätälöityjen julkaisujen työnkulkujen tekeminen. Koska Jiran voiman hyödyntämisessä on paljon upeita opetusohjelmia, haluan huomauttaa tässä vain alla mainitun asiakirjan tyypin käyttämisen.

suunnittelijapäivitys suunnittelukauppa

Esimerkki: Päivitä kehittäjä suunnitteluvaraston muutosten suhteen julkaisutyypeittäin

Sen varmistamiseksi, että kehittäjät rakentavat komponentteja oikeiden suunnitteluun perustuvien näkymien perusteella, heille on ilmoitettava, kun jotain suunnittelukaupassa päivitetään, joka sisältää esimerkiksi rekisteröinnin, muokkaamisen ja poistamisen. Joten komponentin päivityksen yhteydessä suunnittelijan tulisi avata kysymys osoitetulle vastuulliselle kehittäjälle ja oikea kysymys / toimintotyyppi valittu.

Jira-julkaisutyypit toimivat

3. Maustettavissa

Rooli: komponenttien hallinta ja edistyksen kojetaulu

Airtable, sekoitus laskentataulukoita ja tietokantoja, on asia, joka saa tämän pinon toimimaan. Kaksi hämmästyttävää ominaisuutta, jotka tukevat työnkulkuani, ovat neljä erilaista näkymäsiirtymää yhdessä taulukossa ja niihin liittyvää sisällön linkittämistä. Esittelen täällä kaksi esimerkkiä näiden kahden ominaisuuden käytöstä.

kehittäjä alkaa työskennellä tehtävän parissa

Esimerkki 1: Komponenttien hallinta

Kuinka hallitset komponenttikirjastoa? Päätimme olla käyttämättä tyyliopasgeneraattoria, koska suunnittelijat eivät voi muokata sitä. Sketch-komponenttikirjaston käyttö ei myöskään ollut tarkoituksenmukaista, koska sillä on liian monia rajoituksia, jos yritämme käyttää sitä itse ohjelmiston ulkopuolella.

En sanoisi, että Airtable on täydellinen ratkaisu, mutta se on helpoin ja joustavin vaihtoehto, jota voin ajatella. Katso komponenttien hallintataulukon esitysmalli täältä:

komponenttitaulukko

Kun ohjelmoidusti kehitettävä suunnitellunäkymä on toimitettu kehittäjälle, hän arvioi näkymän ABEM-järjestelmän perusteella ja rekisteröi sen taulukkoon. Taulukossa on 9 saraketta, mukaan lukien:

1. Nimi: komponentin nimeäminen ABEM-periaatteessa

2. Esikatselu: kuvakaappaus tai viety kuva komponentista

3. Linkitetty sivu: linkki sivulle sisältää tämän komponentin

4. Lasten komponentti: linkki lasten komponentteihin sisältää tämän

5. Muokkain: tarkistaa, onko tyylivariaatioita (esim. - aktiivinen, - punainen)

6. Komponenttiluokka: yleinen luokittelu (esim. Teksti, sankari, sivupalkki)

7. Kehityksen tila: kehityskehityksen tila (vireillä, osoitettu, keskeneräinen, valmis, tarkistuksessa)

8. Toimeksiantaja: kehittäjä, joka vastaa tästä komponentista

9. Atomitaso: tämän komponentin atomiluokka (atomi, molekyyli, organismi)

Parasta tässä on, että voit viitata tietoihin sekä samoissa että muissa taulukoissa. Tämä pisteiden kytkentä estää asioita muuttumasta sotkuisemmaksi asteikon kasvaessa. Huomaa myös, että voit suodattaa, lajitella ja muuttaa näkymiä helposti.

Esimerkki 2: Sivun kehitystila

Koska oletuksena on, että arvioimme väistämättä kehityksen etenemistä sivu kerrallaan, tätä tarkoitusta varten suunniteltu taulukomallipohja on välttämätön. Tämä taulukko voi olla edistyksen kojetaulu molemmille sisäisille joukkueille ja jakaa asiakkaan kanssa samanaikaisesti.

sivuluettelotaulukko

Kaikki sivua koskevat tiedot, mukaan lukien määräaika, InVision-prototyyppilinkki, toimeksiantaja ja lapsikomponentti, voidaan järjestää täältä. Huomaa, että on erittäin kätevää dokumentoida ja päivittää suunnittelu-, käyttöliittymä- ja taustakehitystilaa samanaikaisesti.

4. Tiivistelmä

Rooli: totuuden lähde ja suunnittelumahdollisuuksien versionhallinta

Tiivistelmä on Sketch-omaisuuden GitHub, joka säästää suunnittelijoita tiedostojen kopioinnin ja liittämisen helvetistä. Tämän artikkelin soveltamisalan ulkopuolella on osoittaa yksityiskohdat versionhallintavirran hallinnasta. Tärkein lähtökohta tässä on se, että Abstract on design-kauppa, joka toimii yhtenä totuuden lähteenä. Suunnittelijoiden tulisi jatkaa päähaaran päivittämistä vahvistetun suunnittelun uusimpaan versioon ja ilmoittaa siitä sitten kehittäjille. Toisaalta kehittäjien tulisi ottaa suunnittelumahdollisuuksia vain päähaaroissa viitteinä.

Tiivistelmä haara malli

Lisää työtä on tehtävä

Oman kokemukseni mukaan koko projektin kehittäminen tämän uuden työnkulun käyttöönoton jälkeen on ollut ainakin kaksi kertaa nopeampi kuin ennen. Se ei ole täydellinen ratkaisu, koska päivitykseen ja ylläpitoon tarvitaan silti paljon käsityötä.

Mutta mielestäni siitä voisi olla hyödyllinen viittaus verkkosivustojen kehitysryhmiin, jotka etsivät parempaa työnkulkua, ja toivottavasti enemmän ihmisiä voi jakaa työnkulunsa tulevaisuudessa!