Ciao Ragazze :),
oggi voglio affrontare con voi un problema molto diffuso, si tratta della confusione nel definire la figura del web developer frontend e del web designer.
Non sorprende il fatto che, a chi non è esperto di sviluppo web, non sia chiara la differenza di queste due figure professionali. Sempre più spesso si tende a confonderle, pensando che svolgano le stesse mansioni. Entrambe, sicuramente, lavorano per un unico obiettivo:
rendere i siti web/web application belli graficamente e garantire la corretta interazione tra utente e sito web/web app.
Non è di rado che i clienti facciano richieste, ai web developer, di questo tipo:
– Potresti rendere il mio sito web come questo? (mostrando un sito web di terzi)
– Potresti fare qualcosa per migliorare la navigazione? Non è molto intuitiva
– Adoro l’idea di avere un sito web, ma mi piacerebbe se tu lo rendessi più: minimalista/lussuoso/alla moda
– Come mai non hai previsto la sezione dedicata allo shop online?
Allo stesso tempo, lo stesso cliente, chiede al web designer cose di questo tipo:
– Potresti far apparire quel pulsante, magari fuori dallo schermo?
– Il sito è lento, potresti fare qualcosa?
– Ma non puoi installare un semplice plugin WordPress?
– Voglio un widget che faccia X quando l’utente fa l’operazione Y.
In tutto questo, non c’è nulla di sbagliato..se è la prima volta che il cliente si approccia con queste figure professionali. Ma vediamo nel dettaglio quali sono le mansioni di un web designer e quali quelle di uno sviluppatore front-end.
Sia che tu voglia commissionare un sito web o che tu voglia intraprendere una delle due professioni, è bene che tu abbia bene a mente di chi e cosa parliamo.
Che cosa è lo sviluppo front-end?
Lo sviluppo frontend è quella “disciplina” che si occupa di dare vita ad un layout realizzato da un web designer. Improvvisamente i pulsanti diventano cliccabili e animati e producono risultati ( quando premi il pulsante del download, non solo lo sviluppatore frontend ha reso quel pulsante cliccabile e realizzato l’effetto “click” dal punto di vista grafico, ma ha permesso anche l’operazione di scaricamento del file, agganciandosi a quella parte dello sviluppo web che permette l’accesso al db e la fruizione della risorsa richiesta), le finestre si aprono con effetti speciali, i cursori si trasformano in manina in prossimità di elementi cliccabili e cosi via con tutto ciò con cui un utente può interagire.
Quindi cosa fa lo sviluppatore frontend? Crea interazioni! Rende un senso alle pagine web che altrimenti non darebbero alcuna utilità!
Abilità
Quali sono le principali abilità di uno sviluppatore frontend? Vediamole di seguito:
- HTML5/CSS3: L’HTML è il linguaggio di markup ed è necessario per strutturare le pagine web. Grazie ad esso definisce tutti gli elementi necessari alla realizzazione della pagina web, dai titoli della pagino ai campi di testo, pulsanti, immagini..ecc Per saperne di più ti invito a seguire il mio corso di HTML/HTML5 totalmente GRATUITO. Attraverso, invece il CSS, realizza stili grafici per la pagina e i singoli elementi che la compongono, donando una certa “personalità”.
- Javascript e framework (Angular, React, VueJs): si tratta di un linguaggio di scripting che ha lo scopo di rendere le pagine web dinamiche e quindi interattive: pop-up, menu a tendina animati, effetti di scorrimento, presentazioni, ecc.
- REST: è necessario avere familiarità con i REST conoscere come utilizzare API e i servizi RESTful (argomenti di cui parleremo nei prossimi articoli)
- RESPONSIVE: Conoscere le tecniche per ottimizzare siti web e web application per ogni dispositivo, quindi per rendere fruibili i siti web e le web application sia su desktop sia su tablet, sia su smartphone.
Quali sono i suoi compiti?
Abbiamo appena visto quali sono le principali abilità di un web developer frontend, adesso vediamo quali sono i suoi compiti principali:
- Creazione e ottimizzazione di siti web basati sui layout e wireframe sviluppati da web designer
- Creazione di pagine di destinazione
- Conversione di siti web in modo da renderli adattabili a qualsiasi dispositivo
- Correggere i bug relativi alle interfacce grafiche (sia a livello grafico che a livello di funzionalità)
- Inserimento, modifica, rimozione di elementi all’interno delle interfacce (pulsanti, menu, opzioni di scelta , ecc..)
- Test, risoluzione di problematiche e manutenzione del prodotto
Web Designer: chi è, abilità e compiti
La differenza tra web designer e web developer potrebbe essere riassunta nel seguente modo: Il web developer frontend si occupa del funzionamento del prodotto, il web designer si occupa di ciò che funziona.
Navighiamo sul web ormai quasi 24h su 24, sia per cercare foto di cagnolini da pubblicare sui social media ma anche per cercare informazioni utili (attenzione ai siti che visitiamo, soprattutto quando cerchiamo informazioni relative ad un problema di salute, assicuriamoci che i siti che stiamo consultando appartengano ad esperti del settore) . La navigazione sul web consiste quindi nella visualizzazione di una serie di interfacce grafiche. Abbiamo potuto notare che ogni sito web ha una propria impostazione, un proprio layout.. bene la progettazione di come un sito deve essere mostrato spetta al web designer. Infatti, questa figura, si occupa di realizzare prototipi delle interfacce grafiche di un sito web.
Contrariamente a quanti molti pensano, il lavoro del web designer non è solo quello di decorare i siti web, ma è qualcosa di molto più impegnativo. Il suo compito principale è quello di definire la logica di base di un sito web e pensare come rendere efficace il modo di presentare informazioni importanti e rilevanti.
Abilità
Vediamo quali sono le principali abilità del web designer:
- Prototipazione UX/UI: in breve si deve occupare dell’interfaccia utente(UI) e dell’esperienza utente (UX) che descrivono il modo in cui un sito web viene utilizzato dall’utente e le emozioni suscitate. Una cattiva UX/UI può rendere difficoltosa la navigazione sul web, stancare l’utente che quasi sicuramente abbandonerà quel sito in cerca di qualcosa di meglio. Attualmente esistono delle figure specializzate in questo, sto parlando degli UX/UI designer che si occupano, in collaborazione con i web designer, di studiare esclusivamente l’interfaccia e l’esperienza utente.
HTML e CSS : non è necessario che sia un esperto di queste tecnologie, ma è importante che conosca almeno le basi perché possono migliorare notevolmente l’esperienza lavorativa del web designer, perché in questo modo possono sapere se ciò che hanno pensato può essere realizzato e con quali limitazioni.
Adobe Illustrator, PhotoShop, Figma e simili: sono tutti prodotti utili al professionista per realizzare al meglio le interfacce grafiche e grafiche vettoriali. Può realizzare loghi e creare layout.
Nozioni di base di Javascript: i web designer possono usare Js per una prototipazione rapida senza dover consultare continuamente un web developer FE.
Colore, tipografia, composizione e altre abilità di progettazione visiva
Compiti
Quali sono i principali compiti di un web designer? Vediamoli subito:
- Progettazione delle funzionalità e della navigazione
- Creazione di wireframe
- Creazione di icone, banner, loghi e pulsanti
- Determinazione di come un utente interagirà con il prodotto (UX/UI)
- Progettazione dell’aspetto visivo del prodotto usando strumenti come Photoshop
- Ottimizzazione della struttura di un sito web
Conclusioni
Adesso conosci sia le abilità e i compiti di un web developer frontend che di un web designer e questo ti permetterà di capire più facilmente a quale professionista dovrai rivolgerti per il tuo sito web / web application, ma sarai anche in grado di capire quale delle due professioni fa più al caso tuo , qualora tu voglia intraprendere una carriera nell’ambito dello sviluppo web.
Se hai altre domande, puoi lasciare qui sotto un commento e ti risponderò nel più breve tempo possibile oppure pupi seguirmi su Instagram e scrivermi proprio li 🙂
Ancora un’ultima cosa e poi prometto che ti lascio andare 🙂 Se trovi utile il mio lavoro e ti piace il mio progetto ( se non sai che qual è la mission de IlCodingRosa leggi la sezione About me) considera l’idea di lasciarmi una donazione libera come supporto e ringraziamento per ciò che faccio. Te ne sarei molto grata <3