it-swarm-eu.dev

I menu breadcrumb dovrebbero mai essere di due righe?

Un lungo menu di pangrattato dovrebbe mai passare a una seconda riga? In tal caso, quali sono alcuni buoni esempi di questo fatto nel modo giusto per sembrare decente? In caso contrario, quali altre soluzioni possono risolvere il problema della lunghezza?

Le uniche cose a cui riesco a pensare sono di ridurre il testo o rimuovere alcune delle opzioni, ma non sono un grande fan di entrambi.

Edit:

La visualizzazione del titolo della pagina corrente nel breadcrumb è ridondante? Prendere in considerazione:

La maggior parte del pangrattato è simile al seguente:

Home > Tools > Blue Widgets > Acme Super Blue Widget #1209930942348

Tuttavia, sotto il breadcrumb, il titolo della pagina viene spesso visualizzato come titolo:

Widget Acme Super Blue # 1209930942348

Ci sarebbero vantaggi o svantaggi nell'omettere il titolo della pagina dal pangrattato e sostituirlo con il testo "Pagina corrente"?

Home > Tools > Blue Widgets > Current Page

Widget Acme Super Blue # 1209930942348

11
Virtuosi Media

Non vedo un grosso problema con questo, sebbene il pericolo sia che la seconda riga sia interpretata male - ad es. come una "sublisting" invece di una continuazione del pangrattato. Potresti voler enfatizzare la continuazione con un separatore principale e potrebbe anche essere utile un rientro di testo negativo (quindi la seconda riga viene indentata).

Vorrei suggerire che, se la 'riga' del breadcrumb è a larghezza piena e si estende ancora su più di una riga, potresti avere troppi livelli nella gerarchia o i titoli della pagina breadcrumb sono troppo lunghi, ognuno dei quali potrebbe abbassarsi usabilità.

8
Bobby Jack

Tendo a concordare con DA01 sul fatto che il pangrattato spesso occupa solo immobili e non offre alcun valore significativo, in particolare se la tua navigazione principale è facile da capire e hai una buona capacità di ricerca nel sito.

Se è necessario utilizzarli, un modo per evitare il wrapping del pangrattato consiste nel mostrare solo "livelli x indietro" in modo da indicare che c'è altro tramite una convenzione "..." che precede le briciole o qualcosa del genere. A una certa profondità gli utenti vedranno tutto il pangrattato e poi una volta che avranno qualcosa come 4 livelli di profondità, vedranno solo molti livelli indietro. È possibile fare clic sui tre punti per tornare a quel livello della gerarchia.

Direi che li eviti e rendi forte la reperibilità e il profumo delle informazioni sul tuo sito. Non credo che ti mancheranno le briciole.

2
jameswanless

Credo che ciò richieda una di quelle risposte "dipende". L'impostazione e l'attività determineranno se è appropriato o meno.

Attualmente stiamo implementando un menu breadcrumb che si estenderà su più righe, perché gli utenti lo hanno richiesto. Fondamentalmente è una gerarchia di selezioni effettuate dagli utenti mentre navigano attraverso una procedura di generazione di report.

I vantaggi per gli utenti sono piuttosto considerevoli: le selezioni dei rapporti sono lunghe e gli utenti spesso arrivano a metà strada prima di rendersi conto di aver fatto un errore da qualche parte. Il breadcrumb consente loro di scansionare rapidamente le loro selezioni e poi tornare al punto in cui si è verificato l'errore.

Odiavo l'idea, ma quando offrivano varie scelte il pangrattato era ciò che preferivano. Ho avuto l'impressione che sia concisa, familiare e richiede poco sforzo cognitivo. Tutto ciò è giusto.

In termini di aspetto, non stiamo modificando le dimensioni dei caratteri o altro. Spero che altri possano approfondire questo perché sarei entusiasta di vedere buoni esempi.

0
gef05

Per prima cosa metterei in dubbio l'uso del pangrattato. Possono essere utili, certo, ma ho il sospetto che vengano spesso utilizzati in situazioni in cui non forniscono davvero molto all'utente.

Se sono un vantaggio, direi che renderli leggibili dovrebbe essere la briscola cercando di forzare tutto in una riga.

0
DA01

Dipende.

Per i filtri dei risultati di ricerca (ad esempio elenchi di prodotti), questo sembra essere gestito meglio inserendo ogni filtro aggiuntivo su una nuova riga. Il pangrattato viene sommariamente inscatolato e intitolato per indicare che sono correlati.

Per il pangrattato per un processo in più parti, i passaggi possono essere classificati. Vengono visualizzati i passaggi appartenenti alla stessa categoria del passaggio corrente, gli altri sono rappresentati solo da un titolo di categoria. Il titolo della categoria può espandersi o scorrere verso il basso per mostrare i passaggi secondari o fare clic su di esso per tornare al primo passaggio di quella categoria.

Un esempio del secondo stile può usare un'immagine che numera e include una descrizione delle categorie. Le categorie precedenti avranno la sezione in grigio o altrimenti contrassegnate come complete, la categoria corrente verrà evidenziata, le sezioni successive saranno incomplete. Fare clic sulla sezione appropriata dell'immagine dovrebbe funzionare secondo la categoria breadcrumb corrispondente. Un'immagine di esempio è fornita nel seguente link.

http://www.hse.gov.uk/stress/img/standards2.gif

0
Thomas Langston

Penso che jbreadcrumb abbia una buona soluzione per questo. Sebbene, hai detto che non vuoi ridurre i nomi, questa soluzione ti consente di vedere i nomi espansi al passaggio del mouse.

0
Casey