Codifica per i designer: quanto dovremmo sapere?

Prendi qualcosa in cui eccelli e poi spingi oltre.

Un'ampia sezione della comunità del design è bloccata nel dibattito sull'opportunità o meno di programmare i designer. Alcuni preferiscono cercare gli unicorni che possono fare entrambe le cose, mentre altri affermano che non esistono o si limitano a intralciare.

Molti designer pensano che designer e sviluppatori debbano collaborare, ma ogni disciplina dovrebbe attenersi a ciò che sanno. Altri non vedono problemi con i professionisti che indossano più cappelli. Molti sviluppatori vedono designer che codificano una minaccia, mentre altri li vedono come collaboratori benvenuti che hanno imparato a parlare la loro lingua.

Il punto debole, che si chiama " comprensione condivisa ", è probabilmente da qualche parte nel mezzo. Conoscere un po' il codice non significa che un designer debba diventare un programmatore esperto , ma semplicemente comprendere il punto di vista di uno sviluppatore.

L'interfaccia utente, o "livello di presentazione", è il terreno di gioco di un designer, ma concentrarsi solo su questo è come considerare solo la facciata di un edificio. I grandi designer capiscono che avere familiarità con le basi tecnologiche che forniscono i loro progetti non solo rende un designer più impressionante, ma aumenta notevolmente le loro prospettive di carriera.

Come Aaron Walter, VP of Design Education di InVision, ha dichiarato in un articolo di Toptal Design Talks: "Non ucciderà un designer se sapesse come scrivere un po' di HTML e CSS, forse un po' di JavaScript".

L'intero argomento "dovrebbero i designer imparano a programmare" è oggetto di accesi dibattiti. Sebbene alcuni grandi designer siano anche bravi a programmare, molti credono che l'attenzione indivisa su una particolare abilità renderà un professionista più forte. Molti credono anche che oggi essere un designer multi-competente sia un grande vantaggio e che non ci dovrebbe essere nulla nel modo in cui un designer ha un'altra abilità utile, come la programmazione, sotto la cintura.

La domanda è: quanta programmazione dovrebbero sapere i designer? I designer starebbero perdendo tempo o attraversando i confini nel territorio dello sviluppatore e potenzialmente calpestando i piedi?

I vantaggi di conoscere HTML e CSS di base

I progettisti trarrebbero grandi benefici dall'acquisizione di alcune conoscenze di base di ciò che viene chiamato "front end" (il livello di presentazione) guidato da HTML (Hyper Text Markup Language) e CSS (Cascading Style Sheets, un linguaggio che descrive gli stili dei componenti in un documento HTML) , e forse rimarrebbe sorpreso da quanto sia facile imparare le basi.

HTML e CSS non coinvolgono la logica di programmazione. La lettera M in HTML sta per "Markup", un modo per descrivere la struttura codificata degli elementi della pagina che sono gli elementi costitutivi delle pagine. HTML con CSS e JavaScript, formano una triade di tecnologie fondamentali per il World Wide Web.

In parole povere, HTML è una mappa architettonica che dice al browser cosa visualizzare e CSS, o Cascading Style Sheets, è il codice che dice al browser come visualizzare le cose.

Metaforicamente parlando, se HTML è lo scheletro di una pagina, CSS descriverebbe l'altezza, la forma del corpo, la pelle, il colore degli occhi, il colore dei capelli, ecc. Il linguaggio ha una struttura di codice molto semplice che determina tipografia, colori, posizioni e dimensioni .

Capire il codice e come codificare è capire i pixel

Imparare a codificare l'interfaccia utente front-end e visualizzarla in anteprima offre ai progettisti l'opportunità di vedere immediatamente come vengono visualizzate le cose quando vengono visualizzate su vari dispositivi. Se i designer giocano con HTML e CSS, noteranno che tutto è misurato in pixel (ci sono altre unità di misura come "ems" e percentuali che alla fine verranno convertite in pixel).

Comprendere le misurazioni e la struttura del codice, ovvero come vengono visualizzate le pagine, fornirà una comprensione più approfondita del processo di sviluppo front-end. Ciò a sua volta farà sì che i designer riflettano più profondamente sui loro progetti e su come renderli più efficienti per quel processo. Sapranno cosa può essere facilmente raggiunto e cosa sarebbe più impegnativo.

JavaScript front-end e know-how Ajax rendono un designer una risorsa unica

È qui che le cose possono iniziare a complicarsi, ma è anche il luogo in cui accade molto divertimento. Se un designer è un pensatore analitico o eccezionalmente motivato, trarrà molto dall'apprendimento di JavaScript e Ajax (JavaScript asincrono e XML). Come mai?

Dimostrare la conoscenza tecnica dell'interfaccia utente front-end e avere dimestichezza con Ajax farà molto per guadagnarsi il rispetto degli sviluppatori. Essere in grado di fare riferimento a JavaScript e Ajax e come usarli aumenterà la capacità di un designer di articolare un'idea di progettazione particolarmente sofisticata per gli sviluppatori, ad esempio, la progettazione di una funzionalità specifica nell'interfaccia utente.

La prospettiva di un designer si allargherà se è a suo agio nel sapere esattamente fino a che punto la tecnologia può portarlo e fino a che punto può spingerlo per innovare. Non è necessario approfondire la programmazione e le varie tecnologie: se un designer conosce le basi di HTML, CSS e JavaScript, con una spolverata di Ajax, sarà già molto più avanti della concorrenza. Saranno una risorsa unica per qualsiasi azienda e per il team di prodotto.

I designer possono portarlo al livello successivo con le nozioni di base su JavaScript

Sebbene i progettisti possano fermarsi qui e far implementare il back-end (il livello di accesso ai dati) dagli sviluppatori, possono rendere un progetto più dinamico aggiungendo alcuni script. Immettere JavaScript (un linguaggio di scripting), che è un linguaggio di programmazione per il Web.

All'inizio degli anni 2000, quando il web era ancora in evoluzione, agenzie come Fantasy e Firstborn hanno fatto una grande impressione sulla comunità del web design quando hanno sfruttato JavaScript in modi insoliti, innovativi e creativi.

JavaScript può aggiornare e modificare sia HTML che CSS e può calcolare, manipolare e convalidare i dati. Può essere utilizzato per visualizzare interazioni dinamiche, animare elementi, creare comunicazioni reattive con il back-end o il server e altro ancora.

Non c'è limite a ciò che può essere realizzato con JavaScript nello sviluppo front-end. È un linguaggio di programmazione : funzioni, oggetti, logica, condizionali, matematica, matematica e altro, il che può essere un po' impegnativo per alcuni. Ma non è così difficile da imparare, soprattutto considerando ciò che la maggior parte dei clienti richiede.

Imparare a programmare migliorerà la collaborazione con gli sviluppatori

Le relazioni romantiche sarebbero più facili se uomini e donne potessero leggersi la mente l'un l'altro? Alcune persone la pensano così. La stessa cosa vale per designer e sviluppatori.

Sapere come pensano gli sviluppatori e di cosa hanno bisogno per essere in grado di svolgere il proprio lavoro, renderà un designer una grande risorsa per qualsiasi team multidisciplinare. Questo approccio è utile per le comunicazioni interne così come per le presentazioni di idee perché avranno un'idea più ampia di cosa aspettarsi dagli altri membri del team. Se i progettisti possono farlo, saranno in una posizione molto migliore per proporre soluzioni più solide ai clienti.

I designer che codificano vedranno più opportunità di lavoro

In ogni opportunità di lavoro di progettazione, sapere come programmare può fare una grande differenza nei processi di screening e nel lavoro quotidiano. In Toptal, vediamo un sacco di opportunità per i professionisti con questo profilo ibrido e le startup non vedono l'ora di trovare persone che possano assumere sia il design che il front-end delle loro applicazioni in fase iniziale.

Tuttavia, ci sono alcuni designer e programmatori a cui non piace l'un l'altro curiosare negli affari dell'altro. Alcuni potrebbero essere minacciati, alcuni potrebbero essere sfidati e alcuni potrebbero essere troppo pigri per imparare qualcosa di nuovo. Ma la verità è che ognuno dovrebbe analizzare le proprie opzioni e concentrarsi su ciò che aumenterà le proprie possibilità di successo.

I designer potrebbero non avere abbastanza tempo per imparare tutto, ma conoscere l'HTML e i CSS vanigliati dovrebbe essere sufficiente per aggiungere una distinzione significativa tra una carriera fiorente e una senza uscita. Dovrebbe essere un processo rapido e facile per i designer di fare i primi passi. Più sanno, più possono espandere i loro orizzonti quando si tratta di opportunità di lavoro.

I designer dovrebbero imparare a programmare?

L'adattabilità e la flessibilità nel lavorare con altri team, la capacità di affrontare una varietà di progetti e un'ampia gamma di competenze con cui assumersi varie responsabilità sono sempre molto richieste. C'è un designer da qualche parte che non vorrebbe avere un vantaggio sugli altri quando si tratta di lavori molto ambiti in startup entusiasmanti o grandi aziende tecnologiche affermate?

I progettisti hanno i loro approcci, processi, arsenale di strumenti di progettazione e risultati finali, ma questa è solo una parte dell'equazione. Esplorare e acquisire una comprensione di come i progetti dell'interfaccia utente vengono forniti utilizzando varie tecnologie digitali può portare i designer a un livello superiore e aumentare la loro capacità di fornire progetti eccezionali.

Sempre più, sempre più opportunità di lavoro nel campo del design includono "bei da avere" come competenze di base di sviluppo web e prototipazione utilizzando HTML, CSS e JavaScript. Spetta a ogni designer decidere quanto assumere; chiaramente il bisogno è là fuori.

L'IA eliminerà gli sviluppatori front-end?

Rimane però una domanda: la programmazione per i designer rimarrà rilevante a lungo termine? C'è un sentore tra i designer che con l'intelligenza artificiale e l'apprendimento automatico, i designer saranno presto in grado di progettare senza codice. Basta trascinare e rilasciare e spostare le cose sullo schermo, quindi premere un pulsante e l'IA codifica il tutto. In altre parole, i lavori per questi tipi di sviluppatori front-end scompariranno rapidamente.

Per quanto riguarda i designer, la risposta potrebbe risiedere nel pensare a breve e a lungo termine. Nel prossimo futuro, l'IA non prenderà il sopravvento e i progettisti che codificano potrebbero essere ancora molto richiesti. A breve termine, i designer che vogliono distinguersi dovrebbero mantenere alcune abilità di codifica di base come JavaScript e Ajax nel loro arsenale.

La padronanza della programmazione per i designer aumenterà le carriere

I progettisti dell'interfaccia utente che desiderano crescere e potenziare le proprie competenze hanno alcune opzioni a loro disposizione. Possono rispolverare una varietà di abilità di progettazione e passare ad altri ruoli come design visivo, UX o persino ricerca UX. Possono anche scalare gradualmente la scala in ruoli più senior, principale, principale, manager e direttore.

Tuttavia, per dare impulso alla propria carriera, i designer potrebbero voler approfondire lo sviluppo. L'acquisizione di una profonda conoscenza delle varie tecnologie che guidano i prodotti digitali oggi li doterà di un insieme di competenze altamente desiderabili. Ciò a sua volta aprirà più porte a opportunità di lavoro in aziende grandi e piccole.

I designer dovrebbero programmare? Forse sì forse no. Ma i progettisti che codificano, o almeno dimostrano una profonda conoscenza di varie tecnologie, diventeranno una grande risorsa per qualsiasi team multidisciplinare e alla lunga pagheranno sicuramente.

Ulteriori letture sul blog di Toptal Design:

• Principi e best practice per la progettazione dell'UX mobile
• Mobile UX Design: best practice, vincoli e collaborazione con gli sviluppatori
• Il design interculturale e il ruolo della UX
• I principi del design e la loro importanza
• I migliori portfolio di designer UX: casi di studio ed esempi stimolanti