Linguaggio del web designer: una guida per i tuoi clienti

Ogni mestiere ha il suo gergo. Come web designer, sei fluente nella zuppa alfabetica di termini di siti Web come UX, CSS e HTML. Ma i tuoi clienti? Potrebbe anche essere greco per loro.

Ci sono enormi vantaggi nell'educare i tuoi clienti sui termini di web design più comuni prima ancora di immergerti nel processo di progettazione. Indipendentemente dal loro livello di conoscenza, quando salti le nozioni di base, finisci per dedicare più tempo alle telefonate a tradurre la terminologia, invece di discutere del tuo lavoro e delle idee di progettazione.

Per aiutare a velocizzare i tuoi clienti, ho compilato i termini di web design più comuni e li ho tradotti in un gergo adatto ai clienti.

Immagine dell'eroe

Durante la progettazione di un sito Web, sentirai spesso il termine "immagine dell'eroe" in riferimento alla home page del sito Web. Sebbene il termine possa evocare immagini di Batman e Superman, non significa che il tuo designer stia inserendo un'immagine di supereroi sul tuo sito web.

L'immagine dell'eroe è l'immagine della funzione di grandi dimensioni o lo sfondo del video nella sezione superiore della home page di un sito Web. La gente ha iniziato a riferirsi a quest'area come a un'immagine di eroe perché è una parte così importante del sito. È la prima cosa che ogni visitatore vede quando atterra sul tuo sito web e, quindi, il design deve essere accattivante e significativo.

Sebbene il termine "immagine dell'eroe" contenga la parola immagine, questa sezione del sito Web non deve necessariamente essere un'immagine statica. Oggi, i video degli eroi sono molto comuni, di solito riprodotti in background dietro del testo. A seconda degli obiettivi del sito e dello stile di progettazione, potresti persino vedere l'animazione utilizzata in quest'area del sito.

UX o esperienza utente

UX è un'abbreviazione per l'esperienza dell'utente. Alcuni web designer sono specializzati in UX design, il processo per migliorare l'esperienza totale del visitatore del tuo sito web. Il design dell'esperienza utente è considerato una specializzazione perché il designer non si limita a creare l'aspetto del sito, ma considera come un visitatore sperimenta le sue prime (e successive!) visite al sito.

Una semplice analogia per l'esperienza dell'utente è confrontarla con l'esperienza che potresti avere in un nuovo ristorante. Il cibo può essere ottimo, ma se il ristorante impiega un'eternità a sederti e i bagni sono disgustosi e il parcheggio è un incubo, probabilmente passerai di nuovo lì. Ci sono molti più fattori oltre al cibo che possono influenzare la tua esperienza in un ristorante.

Lo stesso si può dire dei siti Web, ed è proprio su questo che si basa l'esperienza dell'utente. Coinvolgere e mantenere un visitatore sul tuo sito web non significa solo avere un bel design. Un web designer che comprende il design dell'esperienza utente considera come tutto ciò che si trova sul sito influisca sull'esperienza complessiva dell'utente.

Wireframe

Durante la maggior parte dei progetti di siti Web, il tuo team Web creerà prima un wireframe di una pagina Web prima di creare un mockup di design.

Un wireframe è fondamentalmente un progetto e mostra dove verranno posizionati determinati elementi e testo sulla pagina.

Costruire un sito Web è simile al processo di costruzione di una casa. Inizi con un architetto e crei un progetto prima che l'interior designer inizi il suo lavoro, altrimenti potresti finire con un bagno in cucina. Un wireframe è uno strumento estremamente utile perché ti consente di collaborare con il web strategist o il designer e di spostare le cose più facilmente di un mockup di progettazione.

Se hai mai visto un esempio di wireframe, noterai che ha delle somiglianze con un progetto di costruzione; il wireframe è tipicamente bianco e nero con riquadri e contorni di base per mostrare dove verranno posizionati gli elementi.

Architettura dell'informazione (IA)

Oltre a un wireframe, in genere lavorerai sull'architettura dell'informazione per il tuo sito Web all'inizio del processo. L'architettura dell'informazione, spesso chiamata IA, si riferisce al processo di organizzazione, priorità ed etichettatura del contenuto del sito web.

In questa fase, sarai tu a decidere quali pagine del sito saranno incluse nella parte superiore della navigazione del sito e come sarà strutturato il contenuto. La navigazione in alto è la serie di collegamenti nella parte superiore della pagina. Questa navigazione in alto si trova in ogni pagina del sito Web e aiuta a guidare i visitatori del Web verso i contenuti più importanti.

Simile al wireframe, l'architettura dell'informazione finale è una rappresentazione organizzativa del tuo sito web. Spesso ha l'aspetto di un diagramma ed è uno strumento fondamentale per guidare il team web al fine di assicurarsi che il sito web finale sia logico e intuitivo da navigare.

Mobile responsive

Oggi, ogni sito Web deve funzionare per una varietà di dispositivi, come telefoni, tablet e computer desktop. È in questo contesto che sentirai spesso un web designer usare il termine "mobile responsive".

La maggior parte delle piattaforme di siti Web come WordPress è mobile-responsive, il che significa che esiste già una tecnologia integrata nella piattaforma stessa in modo che il contenuto si adatti automaticamente alle dimensioni del dispositivo dell'utente.

Pensa a come funziona il tuo cellulare. Se giri il telefono orizzontalmente, il contenuto del telefono si regola automaticamente.

Questo è molto simile a ciò che accade sul sito web. Grazie alla tecnologia mobile responsive, i web designer e gli sviluppatori non hanno più bisogno di creare una seconda versione del tuo sito web per dispositivi più piccoli. Lo stesso contenuto e design verranno visualizzati in modo appropriato su dispositivi di dimensioni diverse.

Un web designer esperto ne tiene conto durante la progettazione del sito e può guidarti a scrivere contenuti che funzionino sia su dispositivi mobili che su schermi più grandi.

HTML, CSS e JavaScript

Non lasciare che questi termini tecnici ti intimidiscano. Ognuno si riferisce al modo in cui il tuo design passa da un'immagine statica a diventare una pagina Web interattiva dal vivo. In genere, inizierai a creare il tuo sito Web con un web designer specializzato nell'aspetto e nell'organizzazione del sito. Quindi passerai a lavorare con uno sviluppatore web o un team di sviluppo che codificherà il sito.

È più probabile che tu senta questi termini durante la fase di sviluppo della creazione del tuo sito, ma potrebbero apparire anche nelle discussioni di progettazione.

HTML sta per HyperText Markup Language e consente a un team Web di dire a un browser Web come visualizzare un pezzo di testo. HTML utilizza tag diversi per indicare se il testo è un'intestazione, un sottotitolo o un paragrafo. Potresti vedere un'etichetta di un designer come titolo nel tuo design come H1. Questo si riferisce al tag HTML che verrà utilizzato per indicare al browser che tutto il testo con questa etichetta deve avere la stessa dimensione del carattere.

I Cascading Style Sheets (CSS) aiutano un web designer e sviluppatore a definire l'aspetto grafico del sito web. L'HTML di per sé non è attraente o allettante. I CSS fanno la differenza nella creazione di un bellissimo design di una pagina web.

JavaScript è un linguaggio di scripting utilizzato dagli sviluppatori per creare le interazioni sul sito web. Con solo HTML e CSS, hai una pagina web dall'aspetto gradevole, ma con questi due non può succedere nulla. Quando cerchi uno sviluppatore web o un team di sviluppo, cerca qualcuno che sappia molto di più del semplice JavaScript e assicurati che il tuo team abbia esperienza nella piattaforma su cui stai costruendo il sito.

CMS

Concluderemo con un termine abbastanza semplice: sistema di gestione dei contenuti, altrimenti noto come CMS. Sentirai spesso questo termine in relazione a WordPress (un altro sistema di gestione dei contenuti).

In effetti, WordPress è il sistema di gestione dei contenuti più popolare al mondo. Un CMS è uno strumento di back-end sul sito Web e consente di modificare o aggiungere facilmente contenuti al sito.

L'enorme vantaggio di creare il tuo sito su un CMS come WordPress è che non devi essere un web designer o uno sviluppatore web per modificare il testo, aggiungere immagini o aggiungere pagine dopo l'avvio del sito web. Non dovrai chiamare il tuo sviluppatore web ogni volta che devi aggiungere una virgola a una pagina.

Poiché WordPress è estremamente flessibile e personalizzabile, ottieni il meglio di entrambi i mondi con un bellissimo sito Web che è comunque facile da gestire per la tua azienda.

Scopri altri contenuti WordPress!

WordPress è il sistema di gestione dei contenuti più popolare al mondo ed è utilizzato da sempre più creativi ogni giorno. Scopri di più su WordPress qui. Non importa se sei un principiante o conosci WordPress come le tue tasche, abbiamo risorse e articoli per tutti!

Continua a leggere qui.