Codificare pentru designeri – Cât de mult ar trebui să știm?
Publicat: 2022-03-11Luați ceva la care excelați, apoi împingeți-vă mai departe.
O mare parte a comunității de design este blocată în dezbatere dacă designerii ar trebui să codifice. Unii preferă să caute unicornii care le pot face pe amândouă, în timp ce alții susțin că nu există sau doar stau în cale.
Mulți designeri cred că designerii și dezvoltatorii trebuie să colaboreze, dar fiecare disciplină ar trebui să respecte ceea ce știu. Alții nu văd nicio problemă cu profesioniștii care poartă mai multe pălării. Mulți dezvoltatori văd designeri care codifică o amenințare, în timp ce alții îi văd drept colaboratori bineveniți care au învățat să-și vorbească limba.
Punctul favorabil, care se numește „ înțelegere partajată ”, este probabil undeva la mijloc. A ști puțin despre cod nu înseamnă că un designer trebuie să devină un programator expert , ci pur și simplu să înțeleagă perspectiva unui dezvoltator.
Interfața de utilizare, sau „stratul de prezentare” este locul de joacă al designerului, dar concentrarea numai pe aceasta este asemănătoare cu luarea în considerare doar a fațadei unei clădiri. Marii designeri înțeleg că faptul că sunt familiarizați cu bazele tehnologice care le livrează design-ul nu numai că îl face pe un designer mai impresionant, ci le crește semnificativ perspectivele de carieră.
Așa cum a declarat Aaron Walter, VP Design Education la InVision, într-un articol Toptal Design Talks: „Nu va ucide un designer dacă ar ști puțin despre cum să scrie HTML și CSS, poate puțin JavaScript.”
Întregul subiect „în cazul în care designerii ar trebui să învețe să codifice” este aprins dezbătut. Deși unii designeri grozavi sunt, de asemenea, buni la codificare, mulți cred că concentrarea nedivizată asupra unei anumite abilități va face un profesionist mai puternic. Mulți cred, de asemenea, că astăzi, a fi un designer cu multe calificari este un mare plus și că nu ar trebui să existe nimic în calea ca un designer să aibă o altă abilitate utilă, cum ar fi codificarea, sub centură.
Întrebarea este, cât de mult ar trebui să știe designerii de codare? Ar fi designerii să-și piardă timpul sau să treacă granițele pe teritoriul dezvoltatorului și ar putea călca în picioare?
Beneficiile cunoașterii HTML și CSS de bază
Designerii ar beneficia foarte mult de dobândirea unor cunoștințe fundamentale despre ceea ce se numește „front end” (stratul de prezentare) condus de HTML (Hyper Text Markup Language) și CSS (Cascading Style Sheets, un limbaj care descrie stilurile componente dintr-un document HTML) , și ar putea fi surprins de cât de ușor este să înveți elementele de bază.
HTML și CSS nu implică logica de programare. Litera M în HTML înseamnă „Markup”, o modalitate de a descrie structura codificată a elementelor paginii care sunt blocurile de bază ale paginilor. HTML cu CSS și JavaScript, formează o triadă de tehnologii de bază pentru World Wide Web.
În termeni simpli, HTML este o hartă arhitecturală care îi spune browserului ce să afișeze, iar CSS, sau Cascading Style Sheets, este codul care îi spune browserului cum să afișeze lucrurile.
Metaforic vorbind, dacă HTML este scheletul unei pagini, CSS ar descrie înălțimea, forma corpului, pielea, culoarea ochilor, culoarea părului etc. Limbajul are o structură de cod foarte simplă care determină tipografia, culorile, pozițiile și dimensiunile. .
Înțelegerea codului și modul de codificare înseamnă înțelegerea pixelilor
Învățarea cum să codificați interfața de utilizare frontală și previzualizarea acesteia le oferă designerilor posibilitatea de a vedea imediat cum sunt afișate lucrurile atunci când sunt vizualizate pe diferite dispozitive. Dacă designerii joacă cu HTML și CSS, vor observa că totul este măsurat în pixeli (există și alte unități de măsură, cum ar fi „ems” și procente, care vor fi convertite în pixeli).
Înțelegerea măsurătorilor și a structurii codului, adică modul în care sunt afișate paginile, va oferi o înțelegere mai profundă a procesului de dezvoltare front-end. Acest lucru, la rândul său, îi va determina pe designeri să se gândească mai profund despre design-urile lor și despre cum să le facă mai eficiente pentru acest proces. Ei vor ști ce poate fi ușor de realizat și ce ar fi mai provocator.
Cunoștințele front-end JavaScript și Ajax fac din designer un activ unic
Aici lucrurile pot începe să se complice, dar este și locul în care se întâmplă multă distracție. Dacă un designer este un gânditor analitic sau este extrem de motivat, va obține foarte mult din învățarea JavaScript și Ajax (JavaScript asincron și XML). De ce?
Demonstrarea cunoștințelor tehnice ale interfeței de utilizare front-end și cunoașterea Ajax va contribui în mare măsură la câștigarea respectului dezvoltatorilor. Capacitatea de a face referire la JavaScript și Ajax și modul de utilizare a acestora va spori capacitatea designerului de a articula dezvoltatorilor o idee de design deosebit de sofisticată, de exemplu, proiectarea unei anumite funcționalități în UI.
Perspectiva unui designer se va extinde dacă se simte confortabil să știe exact cât de departe îl poate duce tehnologia și cât de departe îl poate împinge pentru a inova. Aprofundarea în codificare și în diverse tehnologii nu este necesară - dacă un designer cunoaște elementele de bază ale HTML, CSS și JavaScript, cu o stropire de Ajax, ele vor fi deja cu kilometri înaintea concurenței. Ele vor fi un atu unic pentru orice companie și pentru echipa de produs.
Designerii o pot duce la nivelul următor cu elementele de bază JavaScript
Deși designerii s-ar putea opri aici și au implementat back end (stratul de acces la date) de către dezvoltatori, ei pot face un design mai dinamic prin adăugarea unor scripturi. Introduceți JavaScript (un limbaj de scripting), care este un limbaj de programare pentru web.
La începutul anilor 2000, când web-ul încă evolua, agenții precum Fantasy și Firstborn au făcut o mare impresie asupra comunității de web design atunci când au profitat de JavaScript în moduri neobișnuite, inovatoare și creative.

JavaScript poate actualiza și modifica atât HTML, cât și CSS și poate calcula, manipula și valida datele. Poate fi folosit pentru a afișa interacțiuni dinamice, pentru a anima elemente, pentru a crea o comunicare receptivă cu back-end-ul sau cu serverul și multe altele.
Nu există limită pentru ceea ce poate fi realizat cu JavaScript în dezvoltarea front-end. Este un limbaj de programare : funcții, obiecte, logică, condiționale, matematică, matematică și mai mult matematică - ceea ce poate fi puțin dificil pentru unii. Dar nu este atât de greu de învățat, mai ales având în vedere ceea ce au nevoie majoritatea clienților.
Învățarea codificării va îmbunătăți colaborarea cu dezvoltatorii
Ar fi relațiile romantice mai ușoare dacă bărbații și femeile ar putea citi în mintea celuilalt? Unii oameni cred că da. Același lucru este valabil și pentru designeri și dezvoltatori.
Cunoașterea modului în care gândesc dezvoltatorii și a ceea ce au nevoie pentru a-și putea face treaba, va face din designer un atu extraordinar pentru orice echipă multidisciplinară. Această abordare este utilă atât pentru comunicarea internă, cât și pentru propunerile de idei, deoarece vor avea mai multă idee despre ce să se aștepte de la ceilalți membri ai echipei. Dacă designerii pot face acest lucru, ei vor fi într-o poziție mult mai bună de a propune clienților soluții mai robuste.
Designerii care codifică vor vedea mai multe oportunități de angajare
În fiecare oportunitate de angajare în proiectare, cunoașterea codului poate face o mare diferență în procesele de screening, precum și în munca de zi cu zi. La Toptal, vedem o mulțime de oportunități pentru profesioniștii cu acest profil hibrid, iar startup-urile de acolo sunt dornice să găsească oameni care să preia atât designul, cât și front-end-ul aplicațiilor lor incipiente.
Totuși, există unii designeri și programatori cărora le displacă unul pe celălalt să se intereseze în afacerile celuilalt. Unii pot fi amenințați, alții pot fi provocați, iar alții pot fi prea leneși pentru a învăța ceva nou. Dar adevărul este că fiecare ar trebui să își analizeze opțiunile și să se concentreze pe ceea ce le va crește șansele de succes.
Este posibil ca designerii să nu aibă suficient timp să învețe totul, dar cunoașterea HTML și CSS ar trebui să fie suficientă pentru a adăuga o distincție semnificativă între o carieră înfloritoare și una fără fund. Ar trebui să fie un proces rapid și ușor pentru designeri să facă primii pași. Cu cât știu mai multe, cu atât își pot extinde mai mult orizontul când vine vorba de oportunități de angajare.
Ar trebui designerii să învețe să codifice?
Adaptabilitatea și flexibilitatea de a lucra cu alte echipe, capacitatea de a aborda o varietate de proiecte și un set larg de abilități cu care să vă asumați diverse responsabilități sunt întotdeauna la mare căutare. Există undeva vreun designer care nu și-ar dori să aibă un avantaj față de ceilalți când vine vorba de locuri de muncă foarte râvnite la startup-uri interesante sau mari companii de tehnologie consacrate?
Designerii își au abordările, procesele, arsenalul de instrumente de proiectare și livrabile, dar asta este doar o parte a ecuației. Explorarea și obținerea unei înțelegeri a modului în care design-urile UI sunt livrate folosind diverse tehnologii digitale, îi poate duce pe designeri la următorul nivel și le poate spori capacitatea de a oferi modele grozave.
Din ce în ce mai multe oportunități de lucru în domeniul designului includ „drăguțe de a avea”, cum ar fi abilitățile de bază de dezvoltare web și prototipare folosind HTML, CSS și JavaScript. Este sarcina fiecărui designer să decidă cât de mult să-și asume; în mod clar nevoia este acolo.
AI va elimina dezvoltatorii front-end?
Rămâne totuși o întrebare: codificarea pentru designeri va rămâne relevantă pe termen lung? Există o bănuială printre designeri că, cu inteligența artificială și învățarea automată, designerii vor putea în curând să proiecteze fără cod. Doar trageți și plasați și mutați lucrurile pe ecran, apoi apăsați un buton și AI codifică totul. Cu alte cuvinte, locurile de muncă pentru aceste tipuri de dezvoltatori front-end vor dispărea rapid.
În ceea ce privește designerii, răspunsul poate sta în gândirea pe termen scurt versus pe termen lung. În viitorul apropiat, AI nu va prelua, iar designerii care codifică ar putea fi încă la mare căutare. Pe termen scurt, designerii care doresc să iasă în evidență ar trebui să păstreze anumite abilități de codare de bază, cum ar fi JavaScript și Ajax, în arsenalul lor.
Stăpânirea codificării pentru designeri va stimula carierele
Designerii UI care doresc să-și dezvolte și să-și dezvolte abilitățile au câteva opțiuni la dispoziție. Ei pot perfecționa o varietate de abilități de design și pot trece în alte roluri, cum ar fi designul vizual, UX sau chiar cercetarea UX. Ei pot, de asemenea, să urce treptat pe scară în roluri mai senior, principal, lider, manager și director.
Cu toate acestea, pentru a-și impulsiona cu adevărat cariera, designerii ar putea dori să se aprofundeze mai mult în dezvoltare. Dobândirea cunoștințelor profunde despre diverse tehnologii care conduc astăzi produsele digitale le va dota cu un set de abilități extrem de dorit. Aceasta, la rândul său, va deschide mai multe uși către oportunități de angajare la companiile mari și mici.
Ar trebui să codifice designerii? Poate ca da, poate ca nu. Dar designerii care codifică, sau cel puțin demonstrează cunoaștere profundă a diferitelor tehnologii, vor deveni un mare atu pentru orice echipă multidisciplinară și cu siguranță va da roade pe termen lung.
Citiri suplimentare pe Blogul Toptal Design:
- Principii și cele mai bune practici de design UX mobil
- Mobile UX Design – Cele mai bune practici, constrângeri și lucrul cu dezvoltatorii
- Designul intercultural și rolul UX
- Principiile designului și importanța lor
- Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare