Perché i web designer e gli sviluppatori web dovrebbero lavorare insieme?

Sembra una questione di buon senso: designer e sviluppatori dovrebbero lavorare insieme.
Ma troppo spesso queste persone lavorano da sole, sullo stesso progetto. Il designer lavora per creare gli elementi grafici, le tavolozze dei colori e la tipografia che hanno un bell'aspetto, mentre lo sviluppatore codifica e prepara il materiale per la pubblicazione sul web. E questo può causare un disaccordo tra il progettista e lo sviluppatore e avere un impatto sul progetto finale stesso.
Tuttavia, quando designer e sviluppatori lavorano insieme su progetti end-to-end, il risultato è un progetto Web più coeso, con un'estetica migliore, una bella interfaccia utente e un codice pulito. C'è anche meno lavoro e rilavorazione richiesti durante il processo di collaborazione, risultando in un progetto che può essere completato in meno tempo. 

Designer vs. Sviluppatori

Schermata 2015-10-14 a 12.06.41
Tradizionalmente, i web designer e gli sviluppatori web hanno nomi di professione diversi.
In genere, i designer utilizzano software di progettazione grafica come Adobe Photoshop e Illustrator per creare l'aspetto dei siti Web e dei loro elementi. Questa estetica viene quindi codificata utilizzando HTML, JavaScript, jQuery, CSS e altri linguaggi di programmazione da uno sviluppatore web, al fine di portare tutto questo lavoro online.
Mentre designer e sviluppatori possono spesso lavorare in stanze separate o anche in paesi diversi, ognuno ha bisogno delle competenze dell'altro per creare un sito web completo.

Lavorare insieme: i vantaggi

Il principale vantaggio del lavoro congiunto tra designer e sviluppatori è la creazione di un progetto web più completo. Dall'aspetto alle interazioni, all'esperienza, il progetto può essere realizzato meglio solo quando designer e sviluppatori collaborano. E sta diventando quasi impossibile non collaborare in questi giorni. 
Non dobbiamo inoltre dimenticare di invitare i designer di Interacton a questa collaborazione, i cui vantaggi sono molteplici:

  • Un secondo paio di occhi per controllare tutto il contenuto e individuare difetti o errori
  • Brainstorming più creativo
  • Un'esperienza più completa: il designer può capire cosa è in grado di creare lo sviluppatore
  • Un prodotto finito più coeso, in cui tutte le parti hanno l'aspetto che avevano originariamente
  • Imparare come funziona il design/sviluppo
  • Una fusione delle idee di tutti per avere una visione più completa del rendering del progetto
  • Maggiore attenzione alla missione e agli obiettivi del progetto
Lavorare insieme: gli svantaggi

Anche se vorrei dire che non ci sono aspetti negativi nel lavorare insieme, sarebbe ingenuo da parte mia. Potrebbero infatti esserci degli svantaggi che è necessario considerare:

  • Potrebbero esserci dei costi associati a tutte le riunioni simultanee, soprattutto se le persone non si trovano nella stessa posizione.

Ciò significa utilizzare strumenti di teleconferenza e condivisione online per comunicare quando non tutti possono essere nella stessa stanza contemporaneamente.

  • A volte le persone non saranno d'accordo o semplicemente non andranno d'accordo. Ma siamo tutti adulti, giusto? Professionalmente parlando questo non dovrebbe danneggiare il nostro lavoro.
Cosa si può fare

Schermata 2015-10-14 a 12.06.56
Ora che hai pensato a tutti i motivi per cui dovresti lavorare con un designer o uno sviluppatore, come puoi metterlo in atto?Tutto inizia con una comunicazione chiara. I web designer e gli sviluppatori web devono prima pianificare il progetto e pensare al quadro generale durante il processo e quando vengono prese le decisioni. Devi capire che non sarà facile e vincerai e perderai alcuni dei combattimenti lungo la strada.
Il modo migliore per iniziare è portare il tuo designer o sviluppatore fuori per pranzo, caffè o una passeggiata. Conoscerlo e identificare la sua personalità, il suo modo di lavorare prima di discutere per la prima volta un progetto del genere. Quindi parla di come pensi di lavorare insieme come una squadra e di stabilire alcune regole di base.
È fondamentale un aggiornamento periodico con tutti i collaboratori al progetto (forse dovrebbero anche essere integrati nella retro-progettazione), per garantire che tutti siano al lavoro, e puntuali. Ricordati di essere gentile; offrire critiche costruttive ed essere aperti al feedback degli altri. L'obiettivo è anche imparare cose nuove lungo la strada: essere grati.

5 consigli per i designer
  1. Spiega la teoria del design in modo semplice, per aiutare gli sviluppatori a capire da dove viene l'estetica.
  2. Pensa agli elementi interattivi che stai progettando e a come funzioneranno. Assicurati che tutti gli elementi siano progettati per tutte le fasi dell'interattività.
  3. Realizza un progetto completo. Non aspettarti che uno sviluppatore copi e modifichi parti simili. Crea gli elementi necessari per ogni parte in modo che tutto sia pronto quando inizia a lavorare.
  4. Chiedi aiuto durante il progetto. Se non sei sicuro che un carattere specifico funzionerà su un sito web, chiedi.
  5. Fornisci risorse di progettazione in formati utilizzabili, con la risoluzione e le dimensioni appropriate per l'utilizzo sul Web.
5 consigli per gli sviluppatori 
  1. Chiedi informazioni sul design. Avere una conoscenza teorica in termini di colore e tipografia, e persino il gergo, può aiutarti molto.
  2. Sii onesto su ciò che puoi e non puoi fare. Se un designer si sta dirigendo verso qualcosa che non sarà traducibile sul web, dì qualcosa prima piuttosto che dopo.
  3. Sii disponibile a rispondere a domande e ad aiutare durante il processo di progettazione.
  4. Partecipa al processo dall'inizio. Aiuta a raccogliere idee di design che funzionano con UX (User eXperience).
  5. Mantieni l'integrità del progetto creato, anche per le parti che non ti piacciono o con cui non sei d'accordo, nel processo di sviluppo. Ti faresti nemici solo cambiando le cose visivamente, senza un vero obiettivo di "sviluppo".

Uno dei più grandi suggerimenti per designer e sviluppatori non è del tutto nuovo, ma è comunque rilevante. Il Manifesto Agile (dal nome inglese "Manifesto for Agile Software Development") evidenzia quattro principi che tutti i web designer, gli sviluppatori web e gli interaction designer dovrebbero seguire:

  1. Gli individui e le loro interazioni più che processi e strumenti.
  2. Software che funziona documentazione più che esaustiva.
  3. Collaborazione con i clienti più della trattativa contrattuale.
  4. Adattarsi al cambiamento più che seguire un piano.
Competenze di cui tutti possono beneficiare

Schermata 2015-10-14 a 12.07.05
 
Per comunicare meglio tra loro, designer e sviluppatori devono sforzarsi di capire e soprattutto di parlare la lingua dell'altro. Per questo, dovrebbero avere una comprensione e una conoscenza di base di quanto segue:

  • Principi di progettazione, come colore, spazio e tipografia
  • Formati e dimensioni immagine ottimali
  • Conoscenza di base di HTML e CSS
  • Uso dei caratteri web
  • Tendenze nel design e nello sviluppo
  • Comprendere i desideri e le esigenze degli utenti
Conclusione

Il problema non riguarda più solo gli obiettivi della collaborazione progettista/sviluppatore ma si estende anche alla comprensione e ai reciproci diritti di ciascuno. Alla fine della giornata entrambi i lavori hanno un obiettivo comune: creare un sito fenomenale. 
La cosa a cui dobbiamo davvero iniziare a pensare è il design dello sviluppo.

Perché in realtà tutto lo sviluppo è design e tutto il web design è sviluppo.

Non puoi avere uno senza l'altro, e man mano che il design diventa sempre più complicato, questo diventerà ancora più vero. Quindi forse ciò di cui abbiamo bisogno è una nuova descrizione del lavoro o un titolo di lavoro che dimostri che designer e sviluppatori web sono correlati.
Ecco il mio suggerimento: che ne dici di chiamare questa combinazione "web development designer"?
Condividi le tue idee e potenziali titoli di lavoro con noi attraverso i commenti.
 
Isabelle De Carvalho – UX-umanista @UXrepublic
Traduzione dell'articolo di Carrie Throw Pillows