5 diverse strutture di progettazione di pagine Web
Gli elementi strutturali di una pagina Web sono le parti di base che gli utenti di Internet si aspettano spesso di vedere quando visitano un sito Web. Comprendere la posizione e lo scopo delle strutture principali può aiutarti a ritrasmettere informazioni sulla tua piccola azienda e sui prodotti o servizi in modo da attirare visitatori e mantenere il loro interesse.
Intestazione di pagina
L'intestazione è l'area che viene eseguita orizzontalmente nella parte superiore di una pagina ed è comunemente la stessa sulla maggior parte delle pagine del sito. Aiuta a rendere un sito web visivamente identificabile per i visitatori. Simile all'intestazione di una lettera o alla carta intestata nella parte superiore della cancelleria, l'intestazione della pagina visualizza le informazioni sulla persona o sulla società che controlla il sito Web tramite titolo, logo, immagini di sfondo, slogan o una combinazione di questi elementi. Altri elementi spesso inseriti nell'intestazione includono una casella di ricerca del sito, un link del carrello, un link di accesso al sito e strumenti di navigazione.
Strumenti di navigazione
Gli strumenti di navigazione della pagina Web si trovano in diverse aree al di fuori dell'intestazione, inclusi i lati destro o sinistro, al centro o in basso nella pagina. Offrono la navigazione da pagina a pagina o il salto istantaneo nella parte superiore della pagina corrente. I disegni presentano collegamenti con un solo clic, basati su testo o immagine, organizzati in modalità standalone o in schede, menu a tendina o pop-up e layout elenco. Alcuni siti presentano anche percorsi breadcrumb: collegamenti a tutte le pagine che visiti per raggiungere la pagina corrente organizzata da sinistra a destra su una linea orizzontale nell'intestazione o al centro superiore della pagina nell'ordine del tuo movimento attraverso il sito, se dovresti seguire la gerarchia organizzativa del sito.
Colonne della barra laterale
Le colonne della barra laterale, note anche come barre laterali, si trovano verticalmente lungo il lato sinistro o destro delle pagine Web. Di solito forniscono collegamenti di navigazione del sito primari o secondari e informazioni che si desidera sottolineare, come i dettagli di contatto o importanti aggiornamenti sull'operatore del sito o l'argomento del sito. Altri elementi spesso collocati nelle barre laterali includono la pubblicità personale o del partner, una casella di ricerca del sito e strumenti di filtro di ricerca. Le barre laterali di solito visualizzano informazioni come una colonna ininterrotta o una colonna divisa in sezioni o caselle.
Contenuto principale
L'area del contenuto principale di una pagina si trova tradizionalmente a sinistra oa destra di una barra laterale o tra due barre laterali. Fornisce informazioni sulla pagina principale su cui un visitatore deve concentrarsi. L'area del contenuto principale presenta un titolo principale e un contenuto formattato in paragrafi di testo concisi, immagini, video o elementi combinati divisi per spazi o sottotitoli. Inoltre, spesso contiene elementi precedentemente menzionati, come una traccia di breadcrumb e collegamenti di navigazione salta, nonché informazioni di aggiornamento come la pubblicazione di contenuti o date di aggiornamento e collegamenti a siti Web pertinenti al contenuto o che ritieni possano interessare i visitatori.
Piè di pagina
Il piè di pagina scorre orizzontalmente nella parte inferiore delle pagine. Fornisce collegamenti di navigazione che i visitatori potrebbero trovare utili, nonché dettagli su una pagina o sito Web come logo, data di copyright, nome dell'operatore del sito web, nome dell'autore della pagina, dichiarazioni legali e collegamenti ai termini di utilizzo del sito e politiche sulla privacy. Altri elementi spesso inseriti nel piè di pagina includono collegamenti alla pagina di contatto o all'indirizzo e-mail dell'operatore del sito, alla pagina delle offerte di lavoro, alla pagina del modulo di feedback, alla pagina di supporto e alla pagina delle domande frequenti.