Facciamo un po\u2019 di ordine nei termini: vi sar\u00e0 chiaro dove sta l\u2019elemento \u201cdestabilizzante\u201d e perch\u00e9 sia necessario trovare un compromesso. In fondo all\u2019articolo cercheremo poi di capire come trovare questo punto di incontro.
\nL\u2019argomento \u00e8 lungo e non \u00e8 possibile condensarlo, a meno di togliere elementi portanti. A ogni modo, immagino che questo articolo sar\u00e0 letto dalle persone prese in causa pi\u00f9 che dagli utenti di passaggio, e cio\u00e8 da webdeveloper e webdesigner. Se siete convinti di conoscere alla perfezione entrambe le figure, potete leggere subito il fondo dell\u2019articolo, dove si parla dei modi migliori per interagire e trovare un compromesso.<\/p>\n
Lasciate pure commenti e critiche: l\u2019articolo rispetta il mondo del web cos\u00ec come ho avuto esperienza di monitorare di persona<\/strong> e non \u00e8 necessariamente una verit\u00e0 assoluta.<\/p>\n Da notare che ho lasciato volutamente da parte l\u2019area del web marketing: non perch\u00e9 inutile (tutt\u2019altro) o perch\u00e9 si deve poco interfacciare con gli altri dipendenti, ma perch\u00e9 si tratta di figure leggermente distaccate e meno coinvolte nello sviluppo centrale. Su di loro andrebbe scritto un articolo a parte.<\/p>\n Il web designer ha il compito di creare la struttura grafica del sito, ma anche di impostare l’intero progetto su cui lavorer\u00e0 insieme al suo team (1)<\/p><\/div>\n Il webdesigner<\/em> (o web designer<\/em>) \u00e8 la figura professionale che si occupa di stabilire la struttura del sito, sia nella sua parte tecnica che nella sua parte grafica<\/strong>. E\u2019 la base dello sviluppo: dal suo lavoro dipende la buona riuscita del progetto nella totalit\u00e0.<\/p>\n Il webdesigner deve essere in continuo aggiornamento, sia con le nuove tendenze grafiche e con gli strumenti grafici pi\u00f9 recenti, sia con l\u2019evoluzione del web: il fatto che un sito debba essere compatibile con una vecchia versione del browser o che debba \u201cignorare\u201d il decadente uso del flash andr\u00e0 a colpire la grafica e, di conseguenza, la programmazione del webdeveloper.<\/p>\n Il suo ruolo deve entrare in comunicazione anche con i SEO e i SEM<\/strong>, altre figure indispensabili nell\u2019azienda che si occupano di promuovere e indicizzare sui motori di ricerca il sito costruito.<\/p>\n Il webdesigner \u00e8 quindi l\u2019elemento \u201ciniziale\u201d, che d\u00e0 il via allo sviluppo e che deve \u201cconquistare\u201d la fiducia delle altre figure aziendali. Se manca la fiducia, perch\u00e9 il lavoro \u00e8 malfatto, si mina l\u2019efficienza dell\u2019intero progetto. Se, al contrario, la preparazione \u00e8 ben fatta, le altre figure professionali si troveranno la strada spianata e portanno occuparsi delle loro mansioni, senza preoccuparsi di correggere errori o di apportare rattoppi.<\/p>\n Il web designer ha dal suo lato la creativit\u00e0 e la visione d’insieme del progetto, che lo porta a innovare di continuo la struttura (4)<\/p><\/div>\n Il webdesigner \u00e8 fondamentale perch\u00e9 un sito mantenga un aspetto innovativo e piacevole anche nel tempo. Sembra una questione da poco, ma grafiche che un tempo andavano di moda adesso danno l\u2019idea di essere trascurate, lasciate a marcire per scarsit\u00e0 di visite. Il punto di forza del webdesigner \u00e8 senz\u2019altro la creativit\u00e0, il saper \u201cvagare\u201d nella mente dell\u2019utente in cerca della sua soddisfazione visiva e interattiva.<\/p>\n Il pensiero positivo di un webdesigner<\/strong> si pu\u00f2 tradurre in questi termini: Il web designer inesperto rischia di cadere nel classico errore di ritenere l’aspetto grafico e l’impatto iniziale gli unici e i soli elementi di successo, dimenticando la funzionalit\u00e0 (5)<\/p><\/div>\n In realt\u00e0, a volte la progettazione tecnica iniziale viene lasciata ad altri, mentre il webdesigner si occupa esclusivamente del layout grafico: questo succede quando il webdesigner ha poche o quasi nessuna nozione di programmazione, cio\u00e8 di come il programmatore (webdeveloper) dovr\u00e0 poi realizzare concretamente il progetto. In questo caso la figura non rientra pi\u00f9 tra il \u201cwebdesigner\u201d ma nel ruolo meno complesso di \u201cgrafico\u201d. Non solo: l\u2019assenza di queste conoscenze porta anche una debolezza nel webmarketing, cio\u00e8 nella promozione del sito. Se la struttura \u00e8 fatta male, se i percorsi e i link non sono intuibili, se l\u2019utente fatica a trovare quello che cerca o non capisce di cosa parla il sito, significa che la progettazione iniziale \u00e8 fatta male. In mancanza di queste nozioni di base (che in un\u2019azienda di siti web non dovrebbero mancare in nessuno delle figure sviluppatrici) andiamo incontro ad alcuni problemi futuri<\/strong>: Gli errori pi\u00f9 comuni di un webdesigner<\/strong> si traducono in pensieri come: Il web developer concretizza la realizzazione del sito, curando la parte “invisibile” e pi\u00f9 complessa del codice e impaginando la struttura proposta dal web designer (2)<\/p><\/div>\n Il webdeveloper<\/em> (o web developer<\/em>) \u00e8 lo sviluppatore vero e proprio. Si occupa del codice di programmazione<\/strong>, di tutto quello che \u201csta dietro\u201d all\u2019aspetto del sito. Inutile dire che le competenze di un webdeveloper sono legate ai suoi studi frequenti e alla sua esperienza.<\/p>\n – studi<\/em>: l\u2019aggiornamento del webdeveloper non \u00e8 facoltativo, ma obbligatorio. I browser cambiano di continuo e tecniche che funzionavano fino a un mese fa potrebbero incontrare problemi da un momento all\u2019altro; ecco allora che bisogna apportare dei cambiamenti al codice. Inoltre, nascono continuamente nuovi linguaggi di programmazione, migliori (o peggiori) dei precedenti<\/strong>. Alcuni di questi programmi potrebbero non incontrare il favore del programmatore, ma se \u00e8 l\u2019utente a richiederlo non ci sono storie: vanno imparati e usati. – esperienza<\/em>: a differenza dei lavori del webdesigner, quello che viene realizzato dal webdeveloper non \u00e8 subito visibile e immediato. Una grafica, una volta sviluppata, \u00e8 cos\u00ec com\u2019\u00e8: non ci piove. Un codice, una volta sviluppato, potrebbe andare incontro a errori futuri non previsti. Questi errori si riducono con il tempo, ma non scompaiono mai<\/strong>: anche le aziende pi\u00f9 esperte continuano a rilasciare fix per rattoppare errori nei programmi. Si parla di \u201cmiglioramenti\u201d, ma in gran parte dei casi questi miglioramenti sono errori veri e propri da risolvere.<\/p>\n Il webdeveloper \u00e8 il punto centrale del progetto, la realizzazione. Nella pratica, si interfaccia anch\u2019esso sia con il webdesigner (che gli passa il progetto e la grafica su cui lavorare), sia con i SEO e i SEM: con quest\u2019ultimi deve stabilire come sviluppare il codice in modo che poi sia preso in modo efficiente dai motori di ricerca.<\/p>\n Il web developer ha una capacit\u00e0 multitasking, che lo porta ad agire su vari fronti contemporaneamente e ad avere una competenza generale sull’informatica e sul web (6)<\/p><\/div>\n Il webdeveloper \u00e8 fondamentale per tenere \u201cincollate\u201d tra loro le varie aree del progetto. Con lui si concretizzano la grafica e l\u2019aspetto del sito, le funzionalit\u00e0 di ogni sua componente e le richieste \u201coperative\u201d del cliente. Un buon codice permette, poi, una migliore indicizzazione del sito sui motori di ricerca.<\/p>\n Il suo punto di forza \u00e8 nella logica<\/strong>. Ogni linguaggio di programmazione si basa su una struttura logica e non va a \u201cinterpretazione\u201d: \u00e8 bianco o nero, con al massimo lievi sfumature. Un\u2019applicazione o va o non va. Il webdeveloper medio ha una conoscenza a 360\u00b0 del web e dell\u2019informatica<\/strong>. Oltre ai linguaggi di programmazione e degli strumenti legati all\u2019uso aziendale, presumibilmente: Le sue infarinature generali portano spesso l\u2019utente medio a scambiarlo per un \u201ctecnico informatico\u201d, capace di mettere le mani su qualsiasi strumento elettronico – che sia il cellulare o la televisione. Inutile dire che si tratta di fraintendimenti e che dipende esclusivamente dalla conoscenza privata.<\/p>\n Dal lato suo ha inoltre la soddisfazione di sapere che, il suo studio, non sar\u00e0 fine soltanto alla creazione di siti aziendali<\/strong>: tempo e voglia permettendo, a casa potr\u00e0 realizzare proprie applicazioni personali.<\/p>\n Il pensiero positivo di un webdeveloper<\/strong> si pu\u00f2 tradurre in questi termini:WEBDESIGNER<\/h2>\n
Figura e competenze generali<\/h3>\n
![\"Ombra](\"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2012\/06\/Web-designer-con-tre-sfere.jpg\" "\\"Web")
<\/a>Punti di forza<\/h3>\n
<\/a>
\nIl primo impatto pu\u00f2 richiamare l\u2019attenzione di altri possibili acquirenti<\/strong> che si trovano a passare per caso nel sito; oppure pu\u00f2 ancorare l\u2019interesse degli utenti che lo stanno navigando, promettendo un loro ritorno.
\nTutto questo si pu\u00f2 tradurre in nuovi acquisti per l\u2019azienda.<\/p>\n
\n– \u00abUn sito deve essere piacevole da vedere, perch\u00e9 altrimenti il cliente tender\u00e0 ad abbandonarlo\u00bb
\n– \u00abUn sito innovativo mostra il carattere forte di un\u2019azienda\u00bb
\n– \u00abPi\u00f9 la grafica \u00e8 curata e accattivante, attraente, pi\u00f9 l\u2019utente si sentir\u00e0 invogliato a tornare e a proporlo ad altre aziende\u00bb<\/p>\n\nPunti di debolezza<\/h3>\n
<\/a>
\nQuesto \u00e8 il motivo per cui il webdesigner, oltre al suo bagaglio \u201cgrafico\u201d, dovrebbe conoscere almeno le basi dell\u2019html e dei css<\/strong>, i due strumenti indispensabili per creare il layout grafico che si presenta in psd, in png o in altri formati che dipendono dal programma di grafica utilizzato.<\/p>\n
\nQuesto si tradurr\u00e0 in minori entrate, pi\u00f9 abbandoni e pi\u00f9 surplus di lavoro da parte di SEO e SEM.<\/p>\n
\n– la progettazione iniziale deve essere affidata ad altri, perch\u00e9 non avendo il quadro completo il grafico non potrebbe creare un buon sito web. Oltre al fatto di introdurre una figura in pi\u00f9, anche il grafico si trover\u00e0 pi\u00f9 in difficolt\u00e0, perch\u00e9 non avr\u00e0 la libert\u00e0 completa di realizzazione.
\n– il webdeveloper si pu\u00f2 trovare tra le mani un lavoro estremamente complesso, perch\u00e9 necessita dell\u2019uso di codici o linguaggi particolari per adattarsi alla grafica, che non era stato preventivato. Il risultato sono ore perse nello studio, che potrebbe uscire buono in seguito ma non nel progetto richiesto, su cui sono state previste scadenze ben precise.<\/p>\n
\n– \u00abLa grafica \u00e8 il punto fondamentale: il resto si deve adeguare\u00bb
\n– \u00abNon importa quanto sia complessa la struttura grafica: i programmatori troveranno comunque un modo per svilupparla e sar\u00e0 un incentivo per loro a migliorarsi\u00bb<\/p>\nWEBDEVELOPER<\/h2>\n
Figura e competenze generali<\/h3>\n
<\/a>
\nOltre a creare aree private, pannelli di controllo e sistemare la grafica proposta dal webdesigner, a livelli pi\u00f9 esperti crea intere applicazioni web. Si tende a pensare a un sito come a un \u201cdisegnino\u201d sulla rete: si tratta in realt\u00e0 di un insieme di applicazioni e pu\u00f2 essere visto come un autentico programma da gestire.<\/p>\n
\nLo studio \u00e8 enorme. Tanto per fare un elenco approssimativo dei linguaggi\/strumenti che dovrebbe conoscere per essere completo abbiamo:
\nhtml, css, javascript, php\/asp, mysql (e\/o altre strutture di database), jquery, ajax<\/p>\nPunti di forza<\/h3>\n
<\/a>
\nQuesto tipo di mentalit\u00e0 lo porta ad avere una visione dell\u2019insieme del programma (sito) da realizzare, con la conseguenza che con il tempo sapr\u00e0 anticipare i bug e capire dove una grafica presentata pu\u00f2 dargli dei problemi, prima ancora di iniziare a lavorarci.<\/p>\n
\n– sapr\u00e0 come realizzare un sito web da zero, dalle sue fondamenta fino alla realizzazione finale e alla sua messa online
\n– avr\u00e0 un\u2019infarinatura di reti
\n– conoscer\u00e0 termini informatici in voga e tecnici, che si usano nel quotidiano e non soltanto in ambito web
\n– conoscer\u00e0 programmi esterni non legati alla creazione di siti
\n– probabilmente si interesser\u00e0 di hardware oltre che di software e sapr\u00e0 rattoppare eventuali \u201cerrori\u201d di base del proprio computer, sia fisici che legati ai programmi<\/p>\n
\n– \u00abIl sito deve essere funzionale. Deve fare quello che il cliente ha chiesto, ma in modo efficiente\u00bb
\n– \u00abUn codice pu\u00f2 sempre essere migliorato: reso pi\u00f9 veloce, meno pesante e pi\u00f9 efficiente. Anche il migliore codice mai creato segue questa regola. Ci sar\u00e0 sempre qualcuno che avr\u00e0 creato un codice o una parte di codice migliore del mio\u00bb<\/p>\nPunti di debolezza<\/h3>\n