Jau apie dvejus metus dirbu front-end kūrėju, dalyvavau kuriant pačius įvairiausius projektus. Viena iš pamokų, kurias išmokau, yra ta, kad bendradarbiavimas tarp skirtingų kūrėjų komandų, kurios turi tą patį tikslą, bet turi skirtingas užduotis ir pareigas, nėra lengvas.
Konsultuodamasis su kitais komandos nariais, dizaineriais ir kūrėjais, sukūriau interneto svetainės kūrimo ciklą, skirtą nedidelėms komandoms (5-15 žmonių). Tai apima tokius įrankius kaip „Confluence“, „Jira“, „Airtable“ ir „Abstract“. Šiame straipsnyje pasidalinsiu darbo eigos organizavimo ypatybėmis.
„Skillbox“ rekomenduoja: Dvejų metų praktinis kursas .
Primename: visiems „Habr“ skaitytojams – 10 000 rublių nuolaida užsiregistravus į bet kurį „Skillbox“ kursą naudojant „Habr“ reklamos kodą.
Kam viso to reikia?
Minimali komanda, kurios reikia norint sukurti svetainę nuo nulio, yra dizaineris, programuotojas ir projektų vadovas. Mano atveju komanda buvo suformuota. Tačiau išleidus kelias svetaines pajutau, kad kažkas negerai. Kartais tiesiog iki galo nesuvokdavome savo pareigų, o bendravimas su klientu palikdavo daug norimų rezultatų. Visa tai sulėtino procesą ir trikdė visus.
Pradėjau dirbti spręsdamas problemą.
„Google“ paieška pateikia gerų mūsų problemos rezultatų.
Kad atliktas darbas būtų vizualesnis, sukūriau darbo eigos diagramą, kuri leidžia suprasti, kaip čia atliekamas darbas.
Spustelėkite paveikslėlį, kad atidarytumėte visą raišką.
Tikslai ir uždaviniai
Vienas iš pirmųjų metodų, kurį nusprendžiau išbandyti, buvo „kaskadinis modelis“ (krioklys). Naudojau tai, kad pabrėžčiau problemas ir suprasčiau, kaip jas išspręsti.
Problema: Dažniausiai klientas svetainės kūrimo proceso neįvertina moduliškai, kaip tai daro kūrėjai. Jis suvokia tai kaip įprastą svetainę, tai yra, galvoja apie atskirus puslapius. Jo nuomone, dizaineriai ir programuotojai vieną po kito kuria atskirus puslapius. Dėl to klientas tiesiog nesupranta, kas vyksta po to paties proceso metu.
Užduotis: Nėra prasmės įtikinti klientą priešingai; geriausias pasirinkimas yra sukurti modulinį svetainės kūrimo procesą įmonėje, remiantis kiekvieno puslapio modeliu.
Universalaus dizaino žetonus ir komponentus valdo ir kūrėjai, ir dizaineriai.
Problema: tai įprasta situacija, kurią sprendžia daugelis strategijų. Yra daug įdomių sprendimų, dažniausiai siūloma sukurti dizaino sistemą, kuri būtų valdoma stiliaus vadovo / bibliotekos generatoriais. Tačiau mūsų situacijoje į kūrimo procesą įtraukti dar vieną komponentą, kuris leistų valdyti dizainerių prieigos lygius, tiesiog nebuvo įmanoma.
Užduotis: sukurti universalią sistemą, kurioje projektuotojai, kūrėjai ir vadovai galėtų dirbti sinchroniškai, netrukdydami vieni kitiems.
Tikslus vystymosi stebėjimas
Problema: nors yra daug naudingų įrankių problemoms stebėti ir bendrai pažangai įvertinti, dauguma jų nėra lanksčios ar optimalios. Įrankis gali būti naudingas, nes sutaupo komandos laiko, kuris paprastai būtų skiriamas klausimams ir konkrečių užduočių paaiškinimams. Tai taip pat palengvina vadovų gyvenimą, nes suteikia jiems tikslesnį viso projekto supratimą.
Užduotis: sukurkite prietaisų skydelį, kad galėtumėte stebėti skirtingų komandos narių atliekamų užduočių eigą.
Įrankių rinkinys
Paeksperimentavęs su įvairiomis priemonėmis, apsistojau ties tokiu rinkiniu: Confluence, Jira, Airtable ir Abstract. Žemiau atskleisiu kiekvieno privalumus.
Santaka
Priemonės vaidmuo: informacijos ir išteklių centras.
„Confluence“ darbo sritį gana lengva nustatyti, joje yra daug funkcijų, integruotų su įvairiomis programėlėmis ir individualių, tinkinamų šablonų. Tai nėra universalus sprendimas, tačiau jis puikiai tinka kaip informacijos ir išteklių centras. Tai reiškia, kad į duomenų bazę turi būti įtraukta bet kokia nuoroda ar techninė informacija, susijusi su projektu.
Įrankis leidžia tinkamai dokumentuoti kiekvieną komponentą ir bet kokią kitą informaciją apie projektą.
Pagrindinis „Confluence“ pranašumas yra dokumentų šablonų pritaikymas. Be to, juo galima įdiegti vieną specifikacijų ir įvairios projektinės dokumentacijos saugyklą, atskiriant dalyvių prieigos lygius. Dabar jums nereikia jaudintis, kad turite seną specifikacijos versiją, kaip nutinka siunčiant dokumentus el. paštu.
Daugiau informacijos apie įrankį .
JIRA
Priemonės vaidmuo: problemų stebėjimas ir užduočių valdymas.
Jira yra labai galingas projektų planavimo ir valdymo įrankis. Pagrindinė funkcionalumo dalis yra pritaikomų darbo eigų kūrimas. Norint efektyviai valdyti problemas (to mums reikia), verta atkreipti ypatingą dėmesį į teisingą užklausos tipo ir problemos tipo (problemos tipo) naudojimą.
Taigi, norėdami įsitikinti, kad kūrėjai stato komponentus pagal teisingą projektą, jiems reikia pranešti kiekvieną kartą, kai kas nors pasikeičia projekte. Kai tik komponentas atnaujinamas, dizaineris turi atidaryti problemą, priskirti atsakingą kūrėją, priskirdamas jam tinkamą problemos tipą.
Su Jira galite būti tikri, kad absoliučiai visi proceso dalyviai (priminsiu, mūsų atveju jų yra 5–15) gauna teisingas užduotis, kurios nepasimeta ir suranda savo vykdytoją.
Sužinokite daugiau apie Jira .
Oro lėktuvas
Priemonės vaidmuo: komponentų valdymas ir pažangos lenta.
„Airtable“ yra skaičiuoklių ir duomenų bazių mišinys. Visa tai leidžia pritaikyti visų aukščiau aptartų įrankių veikimą.
1 pavyzdys: komponentų valdymas
Kalbant apie stiliaus vadovo generatorių, juo ne visada patogu naudotis – bėda ta, kad dizaineriai negali jo redaguoti. Be to, nebūtų geras sprendimas naudoti Sketch komponentų biblioteką, nes ji turi daug apribojimų. Labiausiai tikėtina, kad jūs tiesiog negalėsite naudoti šios bibliotekos už programos ribų.
„Airtable“ taip pat nėra tobulas, bet geresnis už daugelį kitų panašių sprendimų. Čia yra komponentų valdymo lentelės šablono demonstracinė versija:
Kai kūrėjas priima dizaino komponentą, jis įvertina gautą ABEM, įrašydamas komponentą į lentelę. Iš viso yra 9 stulpeliai:
- Pavadinimas – komponento pavadinimas pagal ABEM principą.
- Peržiūra – čia patalpinama ekrano kopija arba iš kito šaltinio atsisiųsto komponento vaizdas.
- Susietas puslapis yra nuoroda į komponento puslapį.
- Vaikiškas komponentas – nuoroda į antrinius komponentus.
- Modifikatorius – tikrina, ar yra stiliaus parinkčių, ir jas apibrėžia (pavyzdžiui, aktyvus, raudonas ir pan.).
- Komponentų kategorija yra bendroji kategorija (tekstas, reklaminis vaizdas, šoninė juosta).
- Plėtros būsena – faktinė plėtros eiga ir jos apibrėžimas (baigta, vykdoma ir pan.).
- Atsakingas – už šį komponentą atsakingas kūrėjas.
- Atominis lygis yra šio komponento atominė kategorija (pagal atominės konstrukcijos koncepciją).
- Duomenys gali būti pateikiami tose pačiose arba skirtingose lentelėse. Sujungę taškus išvengsite painiavos keičiant mastelį. Be to, duomenis galima filtruoti, rūšiuoti ir keisti be jokių problemų.
2 pavyzdys: puslapio kūrimo eiga
Norint įvertinti puslapio kūrimo eigą, reikia specialiai šiam tikslui sukurto šablono. Stalas gali pasitarnauti tiek pačios komandos, tiek kliento poreikiams.
Čia galite įrašyti bet kokią informaciją apie puslapį. Tai yra terminas, nuoroda į InVision prototipą, paskirties vieta, antrinis komponentas. Iš karto pastebima, kad operacijas labai patogu atlikti tiek dokumentuojant, tiek atnaujinant dizainą, tiek apie front-end ir back-end kūrimo būseną. Be to, šios operacijos atliekamos vienu metu.
Abstraktus
Įrankio vaidmuo: vienas projektavimo išteklių versijų valdymo šaltinis.
Santrauka gali būti vadinama „GitHub“ turtui „Sketch“, ir tai taupo dizainerius nuo kopijuoti ir įklijuoti failus. Pagrindinis įrankio pranašumas yra tas, kad jis suteikia dizaino saugyklą, kuri veikia kaip „vienas tiesos šaltinis“. Dizaineriai turi atnaujinti pagrindinę šaką į naujausią patvirtinto maketo versiją. Po to jie turi pranešti kūrėjams. Jie savo ruožtu turėtų dirbti tik su dizainerio turtu iš pagrindinės šakos.
Kaip išvada
Įdiegus naują kūrimo procesą ir visus aukščiau paminėtus įrankius, mūsų darbo sparta išaugo bent du kartus. Tai nėra tobulas sprendimas, bet labai geras. Tiesa, norint, kad jis veiktų, reikia įdėti daug pastangų – reikia „rankinio darbo“, kad visa tai būtų atnaujinta ir išlaikyta darbinėje būklėje.
„Skillbox“ rekomenduoja:
- Praktinis kursas .
- Internetinis kursas .
- Praktinių metų kursas .
Šaltinis: www.habr.com