Următoarea idee pare a fi de bun simţ: designerii şi programatorii trebuie să lucreze împreună. Însă, se poate întâmpla ca aceşti indivizi să muncească separat, deși muncesc la acelaşi proiect. Designerul lucrează pentru a crea elemente, o paletă de culori şi o aranjare tipografică care arată foarte bine, în timp ce programatorul scrie cod şi pregăteşte materialul pentru publicare web.
Această realitate poate provoca neînţelegere între designer şi programator, disensiune care se va vedea în proiectul final. Dacă designerii şi programatorii lucrează împreună la proiecte, de la început la sfârşit, rezultatul este mai coeziv, având o estetică reuşită, un GUI clar şi un cod curat. În timpul procesului de dezvoltare colaborativă, există mai puţin de lucru şi mai puţin de refăcut, efectul fiind un proiect care va fi finalizat în mai puţin timp.
De la bun început, este important să ne gândim la fiecare rol în mod independent.
Un designer foloseşte grafică şi software de design grafic (Adobe Photoshop, Illustrator, InDesign) pentru a crea imaginea produsului. Acest design este apoi combinat cu porţiunea de cod pentru ca designul să capete viaţă.
Designerul nu e întotdeauna persoana care scrie cod, iar, în unele cazuri, designerul poate munci independent de echipa care va face designul de proiect live.
Rolul designerului este creativ şi se bazează atât pe intuiţie, cât şi pe imaginaţie, caracteristici deseori compatibile cu persoanele care utilizează emisfera dreaptă a creierului. Aceste persoanele pot să îşi continue educaţia în multe alte domenii, dar sunt cel mai atraşi de designul graphic şi de artă. Designerii au un portofoliu de produse realizate pe care le pot arăta angajatorilor potenţiali. Cei mai buni designeri stăpânesc foarte bine o varietate de concepte : culoare, tipografie, relaţii spaţiale, audienţă şi experienţa utilizatorului.
Cu toate că anumite aspecte ale rolului unui programator pot fi similare cu cele ale unui designer, diferenţele sunt evidente.
Un programator construieşte coloana site-urilor web, a aplicaţiilor, în mod tipic de la zero, şi cunoaşte limbaje specific. HTML, Javascript, JQuery şi CSS sunt câteva din uneltele lor. În termeni istorici, programatorii nu se axează pe a face ceva să arate atrăgător, ci pe a crea produse cu un cod curat care funcţionează tehnic.
Programatorii sunt persoanele care utilizează emisfera stângă a creierului. Aceştia stăpânesc abilităţi tehnice şi au o gândire logică. Pot să aibă diplome într-o varietate de domenii precum programare şi calculatoare. Majoritatea anagajatorilor vor solicita un portofoliu în timpul procesului de angajare. Cei mai buni programatorii sunt atenţi la detalii şi ţin la specificitate.
În mod tipic, designerii web utilizează software de design grafic, Adobe Photoshop şi Illustrator, pentru a crea modul în care va arăta site-ul web. Odată realizată, partea estetică este apoi codată în HTML, Javascript, jQuery, CSS şi alte limbaje de programare de către un programator pentru ca totul să funcţioneze.
În timp ce e posibil ca designerii şi programatorii să muncească împreună din birouri sau ţări diferite, fiecare are nevoie de abilităţile celuilalt pentru a crea un site web complet. Deci, ei trebuie să muncească împreună.
Evident, principalul motiv pentru care designerii şi developer-ii ar trebui să muncească împreună este pentru a crea un proiect cât mai complet. De la modul în care arată, la interacţiune şi experienţă, proiectul va fi mai bun dacă designerii şi programatorii colaborează. (Este aproape imposibil ca acest lucru să nu se întâmple în zilele noastre.) Așadar, colaborarea are o serie de beneficii:
Un al doilea set de ochi verifică totul şi găseşte erori.
Brainstorming şi design creativ.
O experienţă completă, deoarece designerii pot înţelege ce poate crea programatorul.
Un produs final mai coeziv unde toate părţile arată unitar, iar interacţiunile se potrivesc cu aranjamentul estetic.
Veţi învăţa cum se face design/programare.
Se reunesc ideile pentru o viziune mai rotundă a ceea ce trebuie să fie acest proiect.
Deşi mi-aş dori să pot spune că nu există dezavantaje în a munci împreună, acest lucru ar fi naiv. Nu există multe dezavantaje ale colaborării, dar sunt două care trebuie luate în calcul:
Pot exista costuri asociate faptului că toată lumea se reuneşte simultan, în special dacă participanţii sunt în locaţii diferite. Utilizaţi tool-uri de teleconferinţă şi online sharing când nu puteţi să îi aduceţi pe toţi simultan în aceeaşi camera.
Acum că aveţi în minte toate motivele pentru care să lucraţi cu un designer sau cu un programator, cum puteţi să faceţi ca lucrurile să funcţioneze? Totul începe cu comunicare clară.
Designerii şi programatorii trebuie să pună proiectul pe primul loc şi să se gândească la imaginea de ansamblu, în timpul procesului, pe măsură ce sunt luate deciziile. Trebuie să înţelegeţi că unele lupte le veţi câştiga, iar altele le veţi pierde.
Cel mai bun loc de unde puteţi începe este să vă invitaţi colegul designer/programator la prânz, cafea sau la o plimbare. Încercaţi să vă cunoaşteţi colegul şi stilul lor înainte de a vă apuca de lucru. Discutaţi despre cum plănuiţi să munciţi împreună ca echipă şi stabiliţi nişte reguli de bază.
Toţi cei implicaţi în proiect ar trebui să se consulte cu ceilalţi des, să existe întâlniri de check-in (poate chiar planificate pe calendar) ca să vă asiguraţi că toţi îşi fac task-ul şi că nu au rămas în urmă. Amintiţi-vă că trebuie să fiţi amabili, oferiţi critică constructivă şi fiţi deschişi la feedback din partea altora. Conştientizaţi că veţi învăţa lucruri noi pe parcurs şi apreciaţi acest lucru.
Explicaţi teoria designului în termeni simpli pentru ca programtorii să înţeleagă de unde vine motivaţia părţii estetice.
Ţineţi cont de elementele interactive şi de modul în care funcţionează pe măsură ce faceţi designul.
Faceţi designul complet. Nu vă aşteptaţi ca programatorul să copieze sau să editieze părţile similar. Creaţi elemente pentru fiecare stagiu, iar acestea să fie gata.
Cereţi ajutorul pe parcurs. Dacă nu ştiţi dacă un font se potriveşte sau nu, întrebaţi.
Învăţaţi design. Veţi avea doar avantaje dacă ştiţi câte ceva despre culoare, tip şi Lingo.
Fiţi sinceri cu ceea ce puteţi şi ceea ce nu puteţi face. Dacă designerul e pe un drum care nu va duce la o pagină web bună, spuneţi acest lucru devreme.
Arătați-vă disponibilitatea de a răspunde la întrebări şi oferiţi ajutor în timpul procesului de design.
Implicaţi-vă în proces de la bun început. Ajutaţi la concretizarea ideilor de design care pot fi implementate cu UX.
Unul dintre cele mai bune sfaturi pentru designeri şi programatori nu este unul deloc nou, deşi este încă foarte relevant. "Manifesto for Agile Software Development" scoate în evidenţă patru principii pentru designeri, programatori şi designeri de interacţiune:
Indivizii şi interacţiunile, apoi procesele şi tool-urile.
Software care funcţionează, apoi documentaţie completă.
Colaborare cu clientul, apoi negociere de contract.
Pentru a umple golul dintre designer şi programatori, pentru a lucra mai bine împreună, ambele tipuri de profesionişti web trebuie să vorbească pe limba celuilalt. Designerii şi programatorii trebuie să îşi extindă setul de abilităţi. Orice designer şi orice programator ar trebui să aibă cunoştinţe de bază în:
Principii de design, precum culoare, spaţiu şi tipografie;
Formate şi dimensiuni optime pentru imagini;
Elemente de bază de CSS şi HTML;
Utilizarea fonturilor web;
Tendinţe în design şi dezvoltare;
Înţelegerea nevoilor şi a dorinţelor utilizatorilor;
Atât designerii, cât şi programatorii lucrează pentru a atinge un scop comun - crearea unui site web sau a unei aplicaţii care să ispitească clientul.
Pentru a obţine acest rezultat, atât designul, cât şi dezvoltarea trebuie să fie substanţiale. Un site trebuie să arate bine şi să funcţioneze corespunzător. Culoarea şi imaginile trebuie să reflecte brandul, iar interfaţa trebuie să încurajeze vizitatorii să acţioneze.
Liniile de demarcaţie dintre designeri şi programatori devin din ce în ce mai şterse deoarece designerii învaţă cod, iar programatorii învaţă teoria designului. (Este motivul pentru care articolele şi tutorialele de design şi programare sunt atât de populare.) Începem să vedem cum apare un nou titlu designer web/programator.
Toate diferenţele par să indice că designerii şi programatorii sunt două categorii diferite de meserii şi roluri. Ele nu trebuie, însă, să fie diferite. Puteţi fi şi designeri, şi programatori simultan. Tot mai mulţi oameni se autointitulează cu ambele roluri, iar această abilitate este foarte cerută pe piaţă. Designul şi programarea devin convergente pentru mulţi profesionişti, chiar şi pentru designerii care nu s-au gândit vreodată să înveţe programare şi vice-versa.
Nu ar trebui să ne mai întrebăm dacă designerii și programatorii ar trebui să muncească împreună, ci cum pot munci mai bine și cum și pot înţelege atribuţiile mai bine. Ambele roluri au un scop comun: crearea de produse fenomenale.
Trebuie să începem să ne concentrăm pe cum putem face design pentru development. Realitatea este că development-ul este design, iar designul este development. Unul nu poate exista fără celălalt, iar pe măsură ce designul devine din ce în ce mai complicat, codependenţa devine o realitate palpabilă. Deci, poate, ceea ce ne trebuie este o nouă fișă a postului sau un nou titlu care să arate că designerii și programatorii sunt codependenţi.
de Vlad Ciurca
de Ioana Rusu
de Ioana Varga