Web Design

Cos’è il Web Design

Il web design è la pianificazione e creazione di siti web, combinando estetica e funzionalità.

Il termine “web design” è normalmente utilizzato per descrivere il processo di progettazione relativo al design front-end (lato client) di un sito web, incluso la scrittura del markup.

Il web design si sovrappone parzialmente all’ingegneria web nell’ambito più ampio dello sviluppo web.

Immaginalo come l’architettura digitale: progetta l’aspetto visivo, l’organizzazione dei contenuti e l’esperienza di navigazione.

Elementi chiave:

• Web graphic design: La “pittura” digitale (es. scelta colori e immagini)
• UI design: L’arredamento del sito (pulsanti, menu, disposizione elementi)
• UX design: L’usabilità (come gli utenti interagiscono col sito)
• SEO: Ottimizzazione per i motori di ricerca

Per capirci meglio: Un buon web design è come un negozio ben organizzato: i prodotti (contenuti) sono facili da trovare, l’illuminazione (color palette) è piacevole, e il percorso (navigazione) è intuitivo.

Strumenti e tecnologie

I web designer utilizzano un ventaglio di strumenti diversi a seconda della parte del processo di produzione in cui sono coinvolti. Questi sono i diversi “attrezzi del mestiere”:

• Editor grafici: Photoshop (foto), Illustrator (logo e icone)
• CMS: WordPress per gestire contenuti senza codice
• Framework: Bootstrap per creare layout responsive

Questi strumenti vengono aggiornati nel tempo da nuovi standard e software, ma i principi alla base rimangono gli stessi.

I web designer utilizzano sia editor di grafica vettoriale che raster per creare immagini formattate per il web o prototipi di design.

Un sito web può essere creato utilizzando un software di creazione di siti web WYSIWYG o un sistema di gestione dei contenuti, oppure le singole pagine web possono essere codificate(scritte) manualmente, esattamente nello stesso modo in cui sono state create le prime pagine web.

Altri strumenti che i web designer potrebbero utilizzare includono validatori di markup e altri strumenti di test per l’usabilità e l’accessibilità per garantire che i loro siti web soddisfino le linee guida sull’accessibilità web

Quindi per capirci meglio: Costruire un sito con WordPress è come usare mattoni: si assemblano componenti predefiniti personalizzandoli.

UX Design

L’UX (User Experience) Design si concentra sull’esperienza emotiva dell’utente. È la scienza che studia come le persone usano realmente i siti web.

L’UX design è molto profondo.
L’UX va ben oltre il web, è molto indipendente e i suoi fondamenti possono essere applicati a molti altri browser o app, ma anche al di fuori del mondo del web.

Il web design si basa principalmente su cose che esistono sul web.

L’UX può sovrapporsi sia al web design che al design. La progettazione UX si concentra invece principalmente sui prodotti meno basati sul web.

Per fare un esempio pratico di applicazione della Ux: Un sito per anziani avrà caratteri grandi e menu semplici, mentre un sito gaming potrà usare animazioni complesse.

Competenze e tecniche

Progettazione di marketing

Deve rispecchiare l’identità del brand.

Ad esempio: Un sito per bambini userà colori vivaci e font tondeggianti, mentre uno studio legale preferirà tonalità sobrie e layout formale.

La progettazione di marketing e comunicazione su un sito Web può identificare ciò che funziona per il suo mercato di riferimento.

Questo può essere una fascia d’età o un particolare filone culturale; quindi il progettista dovrà  comprendere le tendenze del suo pubblico.

I progettisti possono anche comprendere il tipo di sito Web che stanno progettando, il che significa, ad esempio, che le considerazioni sulla progettazione di siti Web business-to-business (B2B) potrebbero differire notevolmente da un sito Web mirato al consumatore come un sito Web di vendita al dettaglio(B2C) o di intrattenimento.

La progettazine Marketing potrebbe essere presa in attenta considerazione per garantire che l’estetica o il design generale(grafica) di un sito non si scontrino con la chiarezza e l’accuratezza e la lettura del contenuto o la facilità di navigazione Web, soprattutto su un sito Web B2B.

Un altro aspetto fondamentale che i  Web designer sono chiamati a tenere in particolare attenzione è la reputazione del proprietario o dell’azienda che il sito rappresenta per assicurarsi che siano ritratti favorevolmente.

I Web designer normalmente supervisionano tutti i siti Web che vengono realizzati in base al modo in cui lavorano od operano sulle cose.

Aggiornano e cambiano costantemente tutto sui siti Web dietro le quinte.

Tutti gli elementi che creano, sono testo, foto, grafica e layout del Web.

Prima di iniziare a lavorare su un sito web, i web designer di solito fissano un appuntamento con i loro clienti per discutere di:

• layout,
• colore,
• grafica e design.

I web designer trascorrono la maggior parte del loro tempo a progettare siti web e ad assicurarsi che la velocità di questi sia quella giusta.

I web designer di solito si occupano di test e lavoro, marketing e comunicazione in team con altri designer per la disposizione dei siti web e la ricerca degli elementi giusti per i siti web.

Progettazione interattiva

Ogni elemento deve avere uno scopo chiaro. Esempio: Un pulsante “Acquista ora” deve essere visibile e posizionato dove l’utente lo cerca naturalmente.

La comprensione da parte dell’utente del contenuto di un sito web spesso dipende dalla comprensione da parte dell’utente del funzionamento del sito web.

Questo fa parte della progettazione dell’esperienza utente. L’esperienza utente è correlata al layout, alle istruzioni chiare e all’etichettatura su un sito web. Quanto bene un utente capisce come può interagire su un sito può anche dipendere dalla progettazione interattiva del sito. Se un utente percepisce l’utilità del sito web, è più probabile che continui a utilizzarlo.

Gli utenti esperti nell’uso dei siti web potrebbero trovare utile un’interfaccia del sito web più distintiva, ma meno intuitiva.

Tuttavia, utenti con meno esperienza hanno meno probabilità di percepire i vantaggi o l’utilità di un’interfaccia del sito web meno intuitiva.

Ciò guida la tendenza verso un’esperienza utente più universale e la facilità di accesso per soddisfare il maggior numero possibile di utenti indipendentemente dalle competenze dell’utente.

Gran parte della progettazione dell’esperienza utente e della progettazione interattiva sono considerate nella progettazione dell’interfaccia utente.

Dipende dal pubblico di destinazione se è probabile che sia necessario o valga la pena correre rischi.

Miglioramento progressivo

È una Strategia che garantisce il funzionamento base per tutti, con extra per dispositivi avanzati.

Ad esempio: Wikipedia funziona anche senza CSS/Javascript, mentre un sito moderno potrebbe mostrare una versione semplificata.

Il miglioramento progressivo è una strategia nel web design che pone l’accento prima sul contenuto web, consentendo a tutti di accedere al contenuto di base e alle funzionalità di una pagina web, mentre gli utenti con funzionalità aggiuntive del browser o un accesso Internet più veloce ricevono invece la versione migliorata.

In pratica, ciò significa servire il contenuto tramite HTML e applicare stili e animazioni tramite CSS nella misura tecnicamente possibile, quindi applicare ulteriori miglioramenti tramite JavaScript.

Il testo delle pagine viene caricato immediatamente tramite il codice sorgente HTML anziché dover attendere che JavaScript si avvii e carichi il contenuto successivamente, il che consente al contenuto di essere leggibile con un tempo di caricamento e una larghezza di banda minimi e tramite browser basati su testo e massimizza la retrocompatibilità.

Ad esempio, i siti basati su MediaWiki, tra cui Wikipedia, utilizzano il miglioramento progressivo, poiché rimangono utilizzabili mentre JavaScript e persino CSS sono disattivati, poiché il contenuto delle pagine è incluso nel codice sorgente HTML della pagina, mentre il controesempio Everipedia si basa su JavaScript per caricare successivamente il contenuto delle pagine; viene visualizzata una pagina vuota con JavaScript disattivato.

Layout di Pagina

Un aspetto cruciale nella progettazione dell’interfaccia utente è profondamente influenzato dalla qualità e dall’efficacia dell’impaginazione.

Un designer esperto, ad esempio, deve valutare attentamente se la struttura dell’impaginazione di un sito web debba conservare una coerenza stilistica attraverso le diverse pagine che lo compongono, garantendo un’esperienza utente uniforme e intuitiva.

Un altro elemento di primaria importanza è la larghezza in pixel della pagina, un fattore determinante per l’allineamento preciso degli elementi grafici e testuali all’interno del layout.

I siti web a larghezza fissa, un tempo predominanti, adottavano generalmente una larghezza predefinita uniforme, selezionata per adattarsi in modo ottimale alle dimensioni della finestra del browser più diffuso, alla risoluzione dello schermo più comunemente utilizzata e alle dimensioni dei monitor più diffusi in un determinato periodo.

Per migliorare l’estetica visiva, specialmente su schermi più ampi, la maggior parte di queste pagine veniva allineata centralmente, creando un senso di equilibrio e armonia.

Intorno al 2000, i layout fluidi hanno iniziato a guadagnare terreno, emergendo come una soluzione più dinamica e adattabile. Questi layout consentono al browser di apportare modifiche strutturali specifiche in base alle caratteristiche dello schermo dell’utente, come le dimensioni della finestra di visualizzazione e le preferenze relative alla dimensione del carattere. I layout fluidi si sono affermati come valida alternativa ai layout rigidi basati su tabelle HTML e al design basato su griglie, sia nei principi di progettazione che nelle tecniche di codifica.

Tuttavia, la loro adozione è stata inizialmente lenta e graduale.

Questa iniziale resistenza era dovuta principalmente alle preoccupazioni relative alla compatibilità con i dispositivi di lettura dello schermo e alla vasta gamma di dimensioni di finestre di visualizzazione, variabili sui quali i designer non avevano un controllo diretto.

Di conseguenza, si è iniziato a pensare al design suddividendolo in unità modulari – come barre laterali, blocchi di contenuto primario, aree dedicate alla pubblicità e sezioni di navigazione – che venivano poi “consegnate” al browser.

Era compito del browser adattare e riorganizzare queste unità all’interno della finestra di visualizzazione nel modo più appropriato possibile.

Sebbene questo approccio potesse comportare modifiche nella disposizione relativa degli elementi principali, ad esempio spostando le barre laterali sotto il corpo del testo anziché affiancate, si otteneva una visualizzazione più flessibile e reattiva rispetto a un layout a griglia predefinito e statico.

Un vantaggio chiave era che, pur cambiando la posizione relativa dei blocchi di contenuto, il contenuto all’interno di ciascun blocco rimaneva inalterato, minimizzando la necessità di fastidiosi scrolling orizzontali per l’utente.

Il responsive web design rappresenta un’evoluzione più recente e sofisticata, basata sulle potenzialità di CSS3 e su un livello più profondo di personalizzazione per dispositivo, integrato direttamente nel foglio di stile della pagina attraverso un uso avanzato della regola CSS @media.

Un punto di svolta significativo è stato l’annuncio di Google, nel marzo 2018, relativo all’implementazione dell’indicizzazione mobile-first. I siti web progettati con un approccio responsive si sono trovati in una posizione privilegiata per soddisfare i requisiti di questo nuovo paradigma.

Oggi, la tendenza dominante è quella di preferire layout fluidi e adattabili, capaci di adattarsi in modo armonioso a schermi di qualsiasi dimensione. Un esempio lampante è un sito responsive che riorganizza automaticamente i menu nella visualizzazione mobile, evitando così la necessità di scrolling orizzontale e garantendo una navigazione ottimale anche su dispositivi con schermi ridotti.

Tipografia

La scelta dei font influenza leggibilità e personalità.

Esempio: Un font sans-serif come Arial trasmette modernità, mentre un serif come Times New Roman dà un’aria tradizionale.

I web designer possono scegliere di limitare la varietà di caratteri tipografici del sito web a solo pochi che hanno uno stile simile, invece di usare un’ampia gamma di caratteri o stili di tipogragrafia.

La maggior parte dei browser riconosce un numero specifico di caratteri sicuri, che i designer usano principalmente per evitare complicazioni.

Il download dei caratteri è stato successivamente incluso nel modulo dei caratteri CSS3 ed è stato implementato in Safari 3.1, Opera 10 e Mozilla Firefox 3.5.

Ciò ha successivamente aumentato l’interesse per la tipografia web, così come l’uso del download dei caratteri.

La maggior parte dei layout del sito incorpora spazio negativo per suddividere il testo in paragrafi ed evitare anche il testo allineato al centro.

Grafica animata

Anche il layout della pagina e l’interfaccia utente possono essere influenzati dall’uso della grafica animata.

La scelta di usare o meno la grafica animata può dipendere dal mercato di destinazione del sito web.

La grafica animata può essere prevista o almeno meglio accolta con un sito web orientato all’intrattenimento.

Tuttavia, un pubblico di destinazione di un sito Web (Target) con un interesse più serio o formale (come affari, comunità o governo) potrebbe trovare le animazioni inutili e distraenti, anche solo per scopi di intrattenimento o decorazione.

Ciò non significa che i contenuti più seri non possano essere migliorati con presentazioni animate o video pertinenti al contenuto.

In entrambi i casi, la progettazione grafica animata può fare la differenza tra immagini più efficaci o immagini distraenti.

Le grafiche animate che non vengono avviate dal visitatore del sito possono causare problemi di accessibilità. Gli standard di accessibilità del consorzio World Wide Web richiedono che i visitatori del sito siano in grado di disattivare le animazioni.

Qualità del codice

Un codice ben scritto è come un libro con capitoli organizzati. Strumenti come W3C Validator aiutano a trovare errori e migliorare l’accessibilità.

I progettisti di siti Web possono considerare una buona pratica conformarsi agli standard. Ciò avviene solitamente tramite commenti nel codice che forniscono una descrizione che specifica cosa sta facendo l’elemento.

Sebbene la non aderenza rigorosa agli standard del web non pregiudichi in modo assoluto la funzionalità o la correttezza di un sito, è fondamentale considerare come gli standard definiscano aspetti cruciali.

Questi aspetti includono la strutturazione di un layout di pagina ben definito e facilmente fruibile, essenziale per garantire una lettura agevole e intuitiva da parte dell’utente.

Inoltre, gli standard si occupano di assicurare la corretta chiusura di tutti gli elementi codificati, un aspetto fondamentale per la validità del codice stesso.

La conformità agli standard abbraccia diversi aspetti della qualità del codice: non solo l’assenza di errori sintattici, ma anche una disposizione del codice che ne favorisca la comprensibilità e la manutenibilità.

È altresì importante garantire che identificatori come ID e classi siano definiti e utilizzati in modo appropriato e coerente all’interno del codice.

Le pagine web che presentano gravi carenze nella qualità del codice vengono spesso definite, in gergo informale, “tag soup”, un’espressione che evoca l’immagine di un codice disordinato e poco strutturato.

La validazione attraverso il servizio W3C Validator è un processo che si attiva unicamente in presenza di una corretta dichiarazione DOCTYPE all’inizio del documento HTML.

Questa dichiarazione è indispensabile affinché il validatore possa operare efficacemente, evidenziando in modo preciso le eventuali anomalie e i difetti presenti nel codice.

Il sistema di validazione identifica in modo automatico sia gli errori veri e propri nel codice, sia quelle aree che, pur non essendo errori, non si allineano pienamente con le best practice e gli standard di progettazione web riconosciuti.

Le informazioni dettagliate fornite dal validatore possono essere utilizzate dal creatore del sito per apportare le necessarie correzioni e migliorare la qualità complessiva del codice.

Contenuto generato

I siti statici (come brochure aziendali) sono fissi, mentre quelli dinamici (come e-commerce) cambiano in base all’utente. Esempio: Amazon mostra prodotti personalizzati usando database aggiornati in tempo reale.

Siti web statici

l’immutabilità del contenuto predefinito.

Un sito web statico si distingue per la sua architettura basata sulla pre-esistenza di file individuali per ciascuna pagina web. In altre parole, per ogni pagina che compone un sito statico, esiste un file dedicato che ne contiene il contenuto. Quando un utente richiede una specifica pagina, il server web si limita a restituire il file corrispondente, garantendo che il contenuto visualizzato sia sempre identico ad ogni richiesta. Questo contenuto viene definito in modo univoco durante la fase di progettazione del sito web, configurandosi come un’entità immutabile nel tempo. La creazione di questi siti web statici è tradizionalmente un processo manuale, che implica la redazione e l’organizzazione di ogni pagina individualmente. Tuttavia, è interessante notare come, parallelamente all’evoluzione del web dinamico, siano emersi approcci di creazione automatizzata anche per i siti statici. Questi sistemi, pur mantenendo la natura statica del risultato finale, impiegano processi di generazione simili a quelli dei siti dinamici, ma con la cruciale differenza che il prodotto di tale generazione, ovvero le pagine web complete e definitive, viene memorizzato in modo permanente. Questa tendenza ha guadagnato notevole popolarità a partire dal 2015 circa, con l’affermazione di generatori di siti statici come Jekyll e Adobe Muse, che hanno reso più accessibile e efficiente la creazione di siti statici complessi.

I siti web statici presentano intrinseci vantaggi, in primis una notevole semplicità di hosting. Poiché il server deve unicamente distribuire contenuto statico pre-esistente, senza la necessità di interpretare o eseguire script lato server, i requisiti infrastrutturali si riducono drasticamente. Questo si traduce in una minore complessità amministrativa del server e, soprattutto, in una superficie di attacco significativamente ridotta, diminuendo le potenziali vulnerabilità di sicurezza. Inoltre, la natura pre-calcolata delle pagine statiche permette di servirle con estrema rapidità, anche impiegando hardware server dalle prestazioni contenute. Tuttavia, è importante sottolineare che questo vantaggio in termini di velocità e costi hardware ha perso parte della sua rilevanza nel panorama web attuale. L’espansione dell’hosting web economico ha reso ampiamente accessibili funzionalità dinamiche, e l’avvento dei server virtuali ha offerto la possibilità di ottenere elevate prestazioni di calcolo per intervalli di tempo limitati a costi competitivi, attenuando il divario prestazionale tra siti statici e dinamici.

È fondamentale ricordare che la staticità non è un concetto esclusivo dei siti web interamente statici. Infatti, la quasi totalità dei siti web, inclusi quelli con pagine altamente dinamiche, incorpora elementi di contenuto statico. Risorse di supporto come immagini, fogli di stile (CSS) e file JavaScript sono tipicamente statiche per loro natura, contribuendo all’aspetto visivo e al comportamento interattivo del sito senza richiedere una generazione dinamica ad ogni richiesta.

Siti web dinamici

la generazione di pagine su richiesta.

I siti web dinamici, al contrario, si caratterizzano per la generazione di pagine web “al volo”, ovvero in risposta diretta alla richiesta di un utente. Questa capacità è resa possibile dall’impiego di tecnologie lato server, che elaborano la richiesta e costruiscono la pagina web dinamicamente. La fonte primaria di contenuto per i siti dinamici è rappresentata, in genere, da uno o più database back-end.

Questi database possono assumere diverse forme: alcuni siti dinamici utilizzano database relazionali, interrogati tramite query SQL, per recuperare dati strutturati, come cataloghi di prodotti o riepiloghi di informazioni numeriche.

Altri, invece, possono preferire database di documenti, come MongoDB o database NoSQL, particolarmente adatti per archiviare unità di contenuto più complesse e meno strutturate, come articoli di blog, post di forum o pagine wiki. È interessante notare come, nella fase di progettazione di un sito dinamico, si ricorra spesso a simulazioni o prototipi realizzati con pagine statiche.

Queste pagine statiche fungono da modello o scheletro per definire la struttura e l’aspetto delle future pagine dinamiche, facilitando la pianificazione e la visualizzazione dell’interfaccia utente.

Lo sviluppo di pagine web dinamiche richiede un ventaglio di competenze significativamente più ampio rispetto alla creazione di pagine statiche.

Oltre alle competenze di progettazione dell’interfaccia lato client, lo sviluppatore di siti dinamici deve padroneggiare la codifica lato server, ovvero la programmazione delle logiche di elaborazione delle richieste e di interazione con i database, e la gestione dei database stessi.

La complessità intrinseca dei progetti dinamici, anche di medie dimensioni, rende quasi sempre indispensabile un approccio collaborativo e un lavoro di squadra, che coinvolga diverse figure professionali con competenze specifiche.

Nelle prime fasi di sviluppo dei siti web dinamici, la pratica comune era quella di codificare le pagine direttamente in linguaggi di programmazione come Perl, PHP o ASP. Alcuni di questi linguaggi, in particolare PHP e ASP, hanno introdotto un approccio basato sui “template“.

In questo modello, una pagina lato server veniva strutturata in modo da richiamare visivamente l’aspetto della pagina lato client finale. All’interno di questo template, i dati dinamici venivano inseriti in posizioni predefinite, contrassegnate da “tag” specifici. Questo approccio basato sui template rappresentava un metodo di sviluppo più rapido ed intuitivo rispetto alla codifica in linguaggi puramente procedurali come Perl, semplificando la creazione di pagine dinamiche complesse.

Tuttavia, sia la codifica diretta che l’approccio basato sui template sono stati progressivamente soppiantati, per la maggior parte dei siti web moderni, da strumenti di livello superiore focalizzati sulle applicazioni, come i sistemi di gestione dei contenuti (cms)), tra cui spicca WordPress.

I CMS si basano su piattaforme di codifica generiche, ma introducono un paradigma di sviluppo orientato al contenuto.

Essi partono dal presupposto che un sito web sia principalmente destinato ad offrire contenuti seguendo uno o più modelli ben consolidati e riconoscibili, come un blog organizzato in ordine cronologico inverso, una rivista tematica strutturata per categorie, un sito di notizie con aggiornamenti costanti, un wiki collaborativo o un forum di discussione per la comunità di utenti.

Questi strumenti CMS semplificano enormemente l’implementazione di siti web complessi, trasformando il processo in un’attività prevalentemente organizzativa e di progettazione, che richiede una minima o nulla competenza di codifica tradizionale.

La modifica del contenuto di un sito web basato su CMS, così come la personalizzazione del template grafico, può essere effettuata direttamente tramite l’interfaccia amministrativa del sito stesso, oppure attraverso l’utilizzo di software di terze parti, spesso integrati con il CMS.

La possibilità di modificare le pagine web è generalmente riservata a specifiche categorie di utenti, come amministratori del sito o utenti registrati e autenticati, garantendo un controllo centralizzato e la sicurezza del contenuto.

In alcuni contesti, meno frequenti ma significativi, è concessa la modifica di determinati contenuti web anche ad utenti anonimi, non registrati. Esempi tipici di questa modalità sono i forum di discussione, dove gli utenti anonimi possono aggiungere messaggi, e progetti collaborativi come Wikipedia, dove la modifica anonima delle voci è una caratteristica distintiva.

Progettazione home page

Figure di spicco nel campo dell’usabilità, quali Jakob Nielsen e Kyle Soucy, hanno frequentemente evidenziato il ruolo cruciale della progettazione della home page per la prosperità di un sito web, sostenendo che essa rappresenti la pagina di maggior rilievo all’interno di un sito.

Ciononostante, nel corso degli anni 2000, i professionisti del settore hanno iniziato a constatare un fenomeno crescente: una porzione sempre maggiore del traffico web eludeva la home page, accedendo direttamente alle pagine di contenuto interne attraverso l’intermediazione di motori di ricerca, newsletter digitali e flussi RSS.

Nonostante l’importanza diminuita, la Home Page resta la “vetrina” del sito. Ad sempio: Una home page efficace risponde in 5 secondi a: Chi sei? Cosa offri? Cosa devo fare ora?

Questa tendenza ha indotto numerosi esperti a ipotizzare che l’importanza delle home page sia inferiore rispetto a quanto comunemente percepito.

Jared Spool, nel 2007, si è spinto fino ad affermare che la home page di un sito web fosse, in realtà, la pagina meno significativa dell’intero sito.

Nel biennio 2012-2013, i caroselli (conosciuti anche come “slider” o “banner rotanti”) hanno guadagnato una notevole popolarità come elemento di design nelle home page, spesso impiegati per presentare contenuti di rilievo o di recente pubblicazione in uno spazio circoscritto.

Tuttavia, una vasta schiera di professionisti argomenta che i caroselli costituiscano un elemento di design poco efficace, arrecando pregiudizio all’ottimizzazione per i motori di ricerca e alla fruibilità complessiva di un sito web.

Figure Professionali

Ci sono due lavori principali coinvolti nella creazione di un sito web: il web designer e lo sviluppatore web, che spesso lavorano a stretto contatto su un sito web.

Cos’è un Web Designer

Il web designer è il responsabile dell’aspetto visivo, che include il layout, la colorazione e la tipografia di una pagina web.
Il web designer deve avere anche una conoscenza pratica dei linguaggi di markup come HTML e CSS, sebbene l’entità della loro conoscenza differisca da un web designer all’altro.

In particolare nelle organizzazioni più piccole, una persona avrà bisogno delle competenze necessarie per progettare e programmare l’intera pagina web, mentre le organizzazioni più grandi potrebbero avere un web designer responsabile solo dell’aspetto visivo.

Altri lavori che possono essere coinvolti nella creazione di un sito web includono:

 

• Grafici per creare elementi visivi per il sito come loghi, layout e pulsanti
  Specialisti di marketing su Internet per aiutare a mantenere la presenza sul web attraverso soluzioni strategiche per indirizzare gli spettatori al sito, utilizzando tecniche di marketing e promozionali su Internet
• Scrittori SEO per ricercare e raccomandare le parole corrette da incorporare in un sito web specifico e rendere il sito web più accessibile e reperibile su numerosi motori di ricerca
• Copywriter Internet per creare il contenuto scritto della pagina per attrarre gli spettatori target del sito.
• Esperto dell’esperienza utente (UX) incorpora aspetti di considerazioni di progettazione incentrate sull’utente che includono architettura delle informazioni, progettazione incentrata sull’utente, test utente, progettazione dell’interazione e occasionalmente progettazione visiva.

Intelligenza artificiale

Chat GPT , Gemini e altri modelli di intelligenza artificiale vengono utilizzati per scrivere e codificare siti web, rendendo più veloce e facile la creazione di siti web.

Ci sono ancora discussioni sulle implicazioni etiche dell’uso dell’intelligenza artificiale per la progettazione, poiché il mondo sta diventando sempre più familiare con l’uso dell’intelligenza artificiale per attività che richiedono molto tempo nei processi di progettazione.