Web design

Da Wikipedia, l'enciclopedia libera.

Il webdesign o web design, letteralmente progettazione per il world wide web, è un'espressione inglese utilizzata anche nella lingua italiana per indicare lo sviluppo teorico e pratico di un sito web.

Il web design, nato con lo svilupparsi del World Wide Web, presenta analogie teoriche con l'architettura: così come un architetto nella costruzione di un palazzo, infatti, il web designer deve disporre di competenze che vanno dallo studio del singolo elemento, alla complessità del progetto, e avere competenze di usabilità e accessibilità.

La realizzazione di un sito web è un'operazione che coinvolge diverse competenze. Le figure professionali implicate variano in funzione della complessità del progetto e del budget: l'analista che raccoglie le richieste del cliente, il graphic designer che progetta l'interfaccia grafica, il webdesigner che codifica la bozza grafica creata in pagine web in codice. Progetti più evoluti richiedono inoltre specialisti di web marketing per definire la strategia comunicativa, esperti di copywriting per redigere o correggere i contenuti, sviluppatori che si occupano di generare applicazioni dinamiche e aggiungono funzioni interattive.

Figura professionale[modifica | modifica sorgente]

Il web designer è colui che si occupa della codifica in linguaggio web di una bozza grafica realizzata da un graphic designer. Esistono tuttavia numerosi web designer che sono esperti anche nel campo del graphic design, mentre è più rara la situazione inversa.

Il web designer può essere un freelance competente in più campi, ma per lavori di alta complessità collabora spesso con un team di sviluppatori ed esperti nei singoli settori. Può pertanto anche lavorare in una web agency o in uno studio associato o ancora all'interno dell'organico di una grande società, nel settore marketing o pubblicitario.

Conoscenze basilari di un web designer devono essere: design, comunicazione, linguaggi di markup (X)HTML, CSS, HTML5, CSS3, Responsive Web Design, Javascript e jQuery.

Conoscenze di sviluppo codice (PHP, ASP.NET, JSP), sono invece solitamente demandate allo sviluppatore web.

La conoscenza delle grammatiche standard emanate dal W3C è necessaria per rendere i siti intercompatibili e navigabili nel modo più uniforme utilizzando i vari browser e sistemi informatici. Altri test accompagnano la creazione del sito, tra questi quelli di accessibilità (le cui direttive sono anch'esse emanate dal W3C col nome di WCAG) e di usabilità, solitamente svolti da esperti appositamente dedicati. Tra i vari fattori da considerare vi sono il colore, l'utilizzo della tastiera per navigare, la resa di oggetti multimediali quali audio e video anche in forma testuale per i non udenti o non vedenti, e altri parametri.

Strumenti[modifica | modifica sorgente]

Gli strumenti di lavoro più ampiamente utilizzati sono software quali editor web e per fogli di stile e pacchetti di elaborazione grafica vettoriale e bitmap.

La validazione di conformità alle grammatiche formali del W3C può essere effettuata tramite un apposito validatore online.[1] Software e procedure specialistiche sono disponibili per il controllo dell'accessibilità e usabilità.

Iter di sviluppo[modifica | modifica sorgente]

In genere nelle web agency, l'iter di sviluppo è il seguente:

  1. L'analista (o account manager) accoglie la richiesta del cliente e le trasmette al graphic designer e al web designer, spiegando il progetto nel suo insieme.
  2. Il graphic designer prepara dei wireframe generando così una bozza del sito web. La presenza del web designer è fondamentale in quanto il grafico deve creare i layout in modo da rispettare requisiti di fattibilità, accessibilità e usabilità
  3. Una volta ultimato il wireframe si realizza la grafica definitiva, con la supervisione dell'eventuale capo progetto
  4. Terminata la grafica definitiva il grafico consegna il lavoro al web designer che si occuperà di convertire i documenti in codice web
  5. Terminato il lavoro di conversione e testate le varie funzionalità il web developer si occuperà di dinamicizzare gli elementi, facendoli interagire con database o pannelli di gestione.

Il web designer è quindi una figura al centro della nella catena di produzione di una web agency.

Note[modifica | modifica sorgente]

  1. ^ The W3C Markup Validation Service

Voci correlate[modifica | modifica sorgente]

Altri progetti[modifica | modifica sorgente]

Collegamenti esterni[modifica | modifica sorgente]