La creazione e l' ideazione di un sito web o web design è la concezione dell'interfaccia web: l'architettura interazionale, l'organizzazione delle pagine, la struttura ad albero e la navigazione in un sito web . La concezione di un web design tiene conto dei vincoli specifici del mezzo Internet, in particolare in termini di ergonomia , usabilità e accessibilità.
Il web design richiede quindi competenze di programmazione, ergonomia e interattività, nonché una buona conoscenza dei vincoli tecnici legati a questo campo. Questi vincoli tecnici includono la diversità dei terminali web e dei loro display, l' accessibilità , le specificità dei diversi linguaggi e processi, portabilità , conformità con le raccomandazioni del W3C , ecc.
Il web design di un sito viene prima presentato sotto forma di un modello funzionale con specifiche tecniche: ergonomia, carta grafica , identità visiva, marketing, interattività.
Un sito web può essere costituito da una semplice pagina statica in formato HTML eventualmente formattata o arricchita con CSS comprensiva di immagini e link ad altri contenuti, oppure costituita da contenuti dinamici oppure possiamo innestarle funzionalità per renderlo interattivo con servizi programmati in Java , PHP o altro linguaggio server , moduli che suppongono l'elaborazione in JavaScript o Ajax . Può essere basato su tecnologie di database , ad esempio MySQL o MongoDB .
La culla del Web è al CERN (Organizzazione Europea per la Ricerca Nucleare). È all'interno di questa organizzazione che il Web è stato inventato nel 1989 da un team di ricercatori, in particolare sotto la guida di Tim Berners-Lee e del suo collaboratore Robert Cailliau , oltre ad altri ricercatori che a loro modo hanno inizialmente collaborato al progetto. World Wide Web . Originariamente il progetto World Wide Web è stato concepito e sviluppato "combinando tre tecnologie che sono gli elementi costitutivi del Web, ovvero l'indirizzamento web tramite URL che indica la posizione della risorsa sul web. 'internet, il protocollo di trasferimento HTTP che indica la modalità di accesso, e l' Hypertext Markup language HTML che permette di strutturare le risorse "in modo che le persone che lavorano nelle università e negli istituti di tutto il mondo possano scambiare liberamente documenti e condividere informazioni utili per le loro attività, tessendo così il primo web (in inglese: Web ) In rete.
I precursori di Internet non si fermarono alle basi combinatorie delle tecnologie di comunicazione web, nel 1990 svilupparono anche il primo server HTTP su ambiente NeXTSTEP , e il client web sviluppato in Objective-C , un browser abbinato ad un editore chiamato WorldWideWeb ma ribattezzato rapidamente Nexus per evitare qualsiasi confusione con il nome World Wide Web che è scritto con spazi. Riuniscono così gli elementi essenziali che costituiscono il primo sito Web accessibile al pubblico utilizzando il principio di disponibilità del tipo server/client in grado di promuovere il pooling generalizzato in uno spazio creativo.
Il primo sito Web per il progetto World Wide Web stesso è stato creato al CERN ed è stato ospitato sul computer NeXT di Tim Berners Lee. L'idea di base del progetto World Wide Web era quella di combinare le tecnologie di personal computer, computer e reti ipertestuali per creare un sistema informativo globale, potente e di facile utilizzo.
Il sito web ha mosso i primi passi al di fuori del CERN nel 1991, conteneva informazioni sul browser WWW e descriveva le principali funzionalità del web. Il sito conteneva una spiegazione su come accedere agli altri documenti, come impostare il proprio server, lezioni sull'ipertesto e le nozioni di collegamento ipertestuale , dettagli tecnici per creare una pagina web personale e spiegazioni su come cercare informazioni nel web, (vedi primo sito web) ... rendendo Tim Barners-Lee il principale web designer su Internet.
All'inizio, i siti Web erano scritti in HTML di base, un linguaggio che fornisce ai siti Web una struttura di base (titoli e paragrafi), nonché la possibilità di utilizzare collegamenti ipertestuali. Era nuovo ed era fondamentalmente diverso dalle forme di comunicazione precedenti, gli utenti potevano facilmente aprire altre pagine.
Con il progredire della progettazione di Internet e dei siti, il linguaggio che ha formato le pagine, "Hypertext Mark-up Language" o HTML , è diventato più esteso e flessibile. Un nuovo elemento, le tabelle, in cui è possibile visualizzare i dati, è stato rapidamente deviato dal loro scopo originale e utilizzato come forma di layout. Con l'avvento dei CSS e dei fogli di stile, il layout con le tabelle è stato rapidamente considerato obsoleto. Le moderne tecnologie che utilizzavano database o codifica lato server (vedi CGI , PHP , ASP.NET , ASP , JSP e ColdFusion ), così come standard di progettazione come CSS hanno ulteriormente migliorato e diversificato gli strumenti di progettazione del sito.
L'aspetto di Flash , sviluppato da Macromedia , che consente l'animazione oltre a suoni e video, ha anche cambiato l'aspetto del web, offrendo nuove mappe ai progettisti del sito. Tuttavia, Flash è molto più restrittivo dell'HTML perché è un formato protetto da Macromedia e richiede un plug-in per essere visualizzato.
Una tecnica abbastanza recente chiamata codifica remota ha reso possibile utilizzare Internet in modo più dinamico, senza la necessità di plug-in o applicazioni specializzate. Il leader di queste tecnologie è AJAX , ma non è l'unica tecnologia esistente. Inoltre, AJAX non ha ancora raggiunto lo status di standard.
A seconda del tipo di sito, del contesto e dei mezzi disponibili per realizzarlo, alcuni di questi passaggi sono facoltativi o addirittura non necessari. A ciascuna di queste fasi corrispondono competenze specialistiche (ergonomia, architettura dell'informazione, SEO, web writing, ecc.).
L' accessibilità del sito è un fattore da tenere in considerazione in ogni fase dello sviluppo della struttura delle pagine. Lo stesso vale per la SEO , la cui strategia può essere implementata sin dalla fase di progettazione. I principi di riferimento devono essere presi in considerazione anche durante la creazione di modelli, l'integrazione di pagine, la scrittura di contenuti, l'avvio del sito e la manutenzione.
L' ergonomia è coinvolta anche in tutte le fasi: progettazione, ricetta e audit, miglioramento continuo. Jakob Nielsen Ph.D è un pioniere nel campo dell'ergonomia informatica e dell'usabilità dei siti web .
La dinamicità a livello di gestione dei contenuti sarà lato server con linguaggi di sviluppo come PHP , Java , ASP, ecc. operanti con un Web server.
La piattaforma Node.js consente la creazione di server web in Javascript, quindi il dinamismo è fatto in Javascript sia lato client che lato server.
Tramite dispositivi mobili, non miriamo agli stessi obiettivi in termini di Web design. E questo può spingere a rifare l'intero processo di progettazione se cambiamo pubblico (passare da un sito web a mobile)
Quando metti un sito web, devi prima assicurarti che sia accessibile su un cellulare e molto rapidamente. Tra la comunità di sviluppatori web, coloro che si rivolgono al mercato mobile ti diranno che il tempo di caricamento di una pagina è un vincolo molto severo e può danneggiare un sito.
Per aiutare a migliorare l'esperienza, Google ha rilasciato uno strumento chiamato Pagespeed Insights rivolto agli sviluppatori che desiderano consigli sul web design mobile. Il vantaggio di questo strumento è che apporta miglioramenti che lo sviluppatore può integrare nel suo sito, ma questi strumenti hanno dei limiti.
Il web designer deve quindi puntare sulle prestazioni e sui contenuti importanti su mobile, quindi ampliare la pagina informativa per i dispositivi più grandi.
Nell'ambito di un sito web aziendale, il web design viene definito in base agli obiettivi prefissati per esso:
In Francia, Web Design viene insegnato in molte scuole di design pubbliche e private in un corso dedicato alla grafica e alla comunicazione visiva, generalmente in 3 o 5 anni. In Quebec, il web design è insegnato nei CEGEP ( collegi generali e professionali ), attraverso il programma di Tecniche di Integrazione Multimediale , che dura 3 anni. Per gli studenti adulti, è anche possibile formarsi attraverso un attestato di studi collegiali (AEC) nella progettazione di siti Web o nei media interattivi, programmi di formazione più brevi, offerti a tempo pieno o part-time.
È inoltre possibile seguire corsi di formazione che rilasciano certificazioni professionali. Questi corsi di formazione possono essere svolti a distanza tramite formazione online o faccia a faccia.
I festival dedicati al web design si chiamano WebJam , i più conosciuti dei quali sono il Vector Lounge che si svolge in diverse città del mondo ogni anno a Limoges con il Webdesign International Festival, Chattanooga , Rouyn-Noranda , Parigi con il Web Flash festival , Annecy , Amsterdam . Cre824, ad esempio, è un evento di creazione di siti Web non-stop americano 24 ore su 24 organizzato negli Stati Uniti.
Nascono e si sviluppano sempre più piccoli eventi, come MYB "Move-Your-<body>" il concorso di Troyen Web Design per due anni o Paris Web (ciclo di conferenze su Design, Qualità, Accessibilità).