it-swarm.it

Pangrattato: ok per posizionarlo nella parte superiore di una pagina?

Il pangrattato dovrebbe mai essere posizionato nella parte in alto a sinistra di una pagina?

Il pangrattato sembra trovarsi sempre direttamente sotto il menu di navigazione o sopra il contenuto della pagina. Un articolo di 1stWebDesigner mostra alcuni esempi creativi di breadcrumb design , il 99% dei quali utilizza questo formato.

14
wnathanlee

Mettere il pangrattato sopra tutto il resto della pagina crea una falsa gerarchia visiva.

Ti suggerisco di leggere Steve Krug Don't Make Me Think per una spiegazione più dettagliata (capitolo 6 discusso sulla navigazione e sul pangrattato).

Per riassumere in breve, ogni sezione della pagina ha un'intestazione, che di solito contiene titoli, ma può anche contenere azioni che riguardano solo quella specifica sezione.

Un controllo nella maggior parte dei breadcrumb implica che tutto nella pagina è unico per questa posizione e cambiando la posizione, cambia l'intera pagina.

L'immagine mentale che di solito abbiamo di un sito è che ha un elemento avvolgente che è globale e comune a tutte le pagine. Questo elemento di solito contiene il titolo/logo, la navigazione, ecc. Sebbene tecnicamente possa essere ricaricato con ogni pagina, dovremmo (dovremmo) percepirlo come costante e immutabile.

Considera anche che se la navigazione è al di sotto del pangrattato, potrebbe sembrare strano navigare in un'altra pagina, aspettandosi di cambiare solo il contenuto sotto la navigazione (mentre rimane costante), ma invece di cambiare qualcosa "sopra" nella gerarchia.

10
Dan Barak

Penso che il posto migliore per mettere il pangrattato sia nella spazzatura. Non forniscono davvero molto valore a un sito.

Se insisti per averli, dopo la navigazione del sito è il posto migliore per metterli. Metterli in cima al sito è una MOLTA cattiva idea per me. Danneggerà sicuramente il tuo SEO e l'accessibilità, ed è anche probabile che danneggi l'estetica del tuo sito. Il pangrattato non è esattamente "carino".

Il motivo per cui sono posti proprio sopra il contenuto è perché si collegano direttamente al contenuto. Mettendoli sopra la navigazione/le interruzioni di intestazione che si collegano al contenuto e il pangrattato perdono un po 'di contesto. Ho visto questo genere di cose chiamato risonanza cognitiva, anche se in realtà non è una frase valida, qui ha un senso.

EDIT: espandendo su come danneggia l'accessibilità e SEO:

Accessibilità: Se metti le briciole di pane nella parte superiore della pagina, le persone che usano tecnologie assistive come gli screen reader ora devono spostarsi attraverso tutte le tue briciole di pane per raggiungere i collegamenti di navigazione del sito. Per questo motivo, devi davvero considerare quale sia l'obiettivo più probabile per il tuo utente, facendo clic su un link di navigazione o facendo clic su un link breadcrumb. A meno che tu non sia Craigslist, dove l'unica navigazione che hai è il pangrattato, il candidato più probabile sono i collegamenti di navigazione.

SEO: I motori di ricerca seguono solo un certo numero di link (e leggono una certa quantità di contenuti su una pagina, ma qui è meno importante). Ancora una volta, porta all'importanza. Ciò che è più prezioso per te è stato seguito dal crawler di Google, dai tuoi collegamenti breadcrumb o dai tuoi collegamenti di navigazione del sito principale (che idealmente condurranno il crawler a molti più contenuti di quelli del breadcrumb). Ora, questo è probabilmente meno preoccupante, perché la maggior parte dei crawler seguirà probabilmente più in profondità nella pagina rispetto alla tua navigazione e al tuo pangrattato, ma è meglio essere sicuri di questo tipo di cose.

Inoltre, ho pensato a un altro motivo per non metterli in cima al sito: non tutte le pagine del tuo sito avranno il pangrattato. Come tale, l'utente si abituerà probabilmente alla tua intestazione guardando in un certo modo e imparerà a ignorarla nel tempo a meno che non ci sia un'azione specifica che vogliono intraprendere lì. Ciò significa che è probabile che il tuo pangrattato venga ignorato ancora di più rispetto a se si trova proprio sopra il tuo contenuto. Almeno se sono al di sopra del tuo contenuto, è più probabile che siano nella visione dell'utente mentre legge il contenuto (di nuovo, la risonanza tra briciole di pane e contenuti).

5
Charles Boyung

Jakob Nielsen consiglia il pangrattato per i seguenti motivi

  • Il pangrattato mostra alle persone la loro posizione attuale rispetto a concetti di livello superiore
  • Breadcrumb consente l'accesso con un clic a livelli di sito più elevati
  • Il pangrattato non causa mai problemi nei test degli utenti
  • Il pangrattato occupa pochissimo spazio

Tuttavia, si riferisce a loro come "Navigazione secondaria", e mentre non è specifico nel proporre una posizione, dopo e sussidiario alla navigazione principale del sito è una forte implicazione.

Fonte http://www.useit.com/alertbox/breadcrumbs.html

1
DaveP

Un modo interessante per farlo potrebbe essere quello di creare un ibrido breadcrumb/tab nella parte superiore della pagina, con funzione e forma simili alle schede di Google Chrome sul modello di interfaccia utente superiore.

1
Virtuosi Media

Se li usi, suggerirei che appartengano immediatamente prima dell'H1.

Ma tendo a concordare con l'idea che in realtà non sono così utili per la maggior parte del tempo. L'unica volta che possono essere è se si dispone di un sito con elementi molto compartimentati che vengono annidati molto in profondità. Un esempio potrebbe essere un rivenditore online in cui le probabilità sono che le persone stiano atterrando su una pagina di prodotto specifica e vorrebbero un modo semplice per accedere agli elenchi di categorie di prodotti generali.

1
DA01