Un'introduzione alla gerarchia

Garantire che i tuoi progetti presentino una gerarchia chiara è molto importante e qualcosa che dovresti mirare in ognuno dei tuoi progetti. C'è sicuramente un'arte in questo, che si riferisce pesantemente alla pianificazione dei contenuti e alla fase strategica.


Cos'è la Gerarchia?

Una gerarchia può essere descritta come:

Un sistema o un'organizzazione in cui persone o gruppi sono classificati uno sopra l'altro in base allo stato o all'autorità.

E quando lo traduciamo su come funziona la gerarchia nel design, possiamo adattarlo un po 'a qualcosa del genere:

Un sistema o organizzazione in cui gli elementi del nostro design sono classificati uno sopra l'altro in base allo stato o all'importanza.

Stabilendo una gerarchia puntiamo a mostrare tutti i diversi elementi del nostro design in modo efficace, in base a quanto sono importanti e a quale livello di attenzione o attenzione deve essere posto su di loro.

La gerarchia riguarda anche lo storytelling; si tratta del viaggio del nostro utente attraverso il sito web e il flusso di utenti che creiamo. Possiamo sfruttare una forte gerarchia quando cerchiamo di convincere i nostri utenti ad andare dove vogliamo che vadano.

La gerarchia riguarda anche non solo il layout visivo dei nostri elementi, ma anche la struttura del sito per cominciare, dove ci affidiamo alla pianificazione che abbiamo fatto nelle nostre fasi di contenuto. È a questo punto che possiamo esaminare la gerarchia dei contenuti, come il contenuto deve essere suddiviso e gestito e che ci aiuta a passare alla nostra gerarchia e struttura visiva, dove guardiamo i principali layout, griglie, tipografia e immagini come icone, pulsanti e foto.

Nel design di Barley, usano la gerarchia molto bene, utilizzando sia il contenuto che le immagini per trasmettere i loro messaggi.

Perché la gerarchia è così importante?

La gerarchia è importante perché aiuta a fornire l'ordine a un progetto e garantisce che un messaggio di marca più forte e più unificato venga proiettato agli utenti.

La gerarchia ci aiuta anche a creare aree visivamente interessanti per i nostri utenti, aiutandoci a indirizzare gli utenti nel loro viaggio intorno al sito web. Se utilizzato in questo modo, disporre di una buona gerarchia visiva consente di evidenziare le aree che si desidera vengano notate. Nel creare una forte gerarchia e una struttura visiva, stai anche enfatizzando correttamente le aree importanti e illustrando il motivo per cui contano.

Se usato correttamente, una chiara gerarchia aiuta a stabilire un modello di interazione appropriato, assistendo il viaggio dell'utente. Può anche rendere più semplice per i tuoi utenti prendere decisioni e capire correttamente come dovrebbero interagire con il tuo sito web.

Il sito Web di Zendesk utilizza molto spazio, oltre a un buon uso di diversi stili di tipografia e immagini, per aiutare l'utente a guidare le sue funzionalità principali.

Strumenti per stabilire la gerarchia

Ci sono molti diversi strumenti e tecniche a tua disposizione per stabilire una buona gerarchia visiva nel tuo progetto:

  • l'uso del colore
  • l'uso del contrasto
  • l'uso della dimensione
  • l'uso dell'allineamento
  • l'uso della ripetizione
  • l'uso della prossimità
  • l'uso di spazi bianchi

Questi saranno tutti menzionati più dettagliatamente, insieme a come utilizzare correttamente ciascuno di essi, nei prossimi articoli sulla gerarchia in cui ci concentreremo sia sul contenuto che sulle strutture di gerarchia visiva.