it-swarm-eu.dev

Come dovrebbe comportarsi un pangrattato?

Qual è l'azione prevista quando si fa clic su un breadcrumb?

Ho una gerarchia di dati che include meta descrittori come:

PersonName / Assets / House

Ho una pagina per un elenco di risorse, un dettaglio della casa e una pagina dei dettagli della persona.

  1. Fare clic su "House" e fare clic su "Assets" devono avere la stessa azione? (andando all'elenco delle risorse)

  2. La foglia più a destra del pangrattato dovrebbe portarti sempre alla pagina corrente?

  3. La foglia più a destra del pangrattato dovrebbe sempre portarti di livello "alto"?

4

Prendi l'URL normale,

https://ux.stackexchange.com/questions/3287/how-should-a-breadcrumb-behave

Come puoi dire è molto enigmatico:

  • Qual è il dominio? È http://stackexchange.com o https://ux.stackexchange.com/ o forse https://ux.stackexchange.com/ domande / Sinceramente potrebbe essere uno di quelli. Scrivere "Home" nell'URL non è esattamente utile o dire nulla; in particolare per i tuoi utenti google.

  • Quali parti sono effettivamente per me? è il 3287 per me? sono "domande" per me? La maggior parte degli utenti tende a comprendere molto dell'URL che si suppone ignori.

  • Il titolo della pagina (visualizzato nell'URL) è una domanda o un'affermazione? Ora, naturalmente, considerando il fatto che abbiamo un/domande/segmento, possiamo dedurre la risposta in questo caso; ma ciò potrebbe non essere necessariamente il caso di alcuni URL.

Possiamo risolvere molto di questo usando ...

Breadcrums stile URL

i.stackexchange.com / Domande / Come dovrebbe comportarsi un pangrattato?

i.stackexchange.com / Domande

Alcuni punti

  • preferisce lo stile unix/URL "/" (barra) come separatore; tutti gli utenti lo capiscono: i tuoi utenti tecnologici saranno felici.

  • quasi tutti hanno familiarità con la struttura delle cartelle, quindi è meglio solo sulle spalle; uno dei maggiori vantaggi è che non devi preoccuparti che venga interpretato come una gerarchia. Un altro vantaggio è che l'utente non deve pensarci: meno pensiero = utente più felice.

  • NON trasformare la pagina corrente in un link! Mai! Perché? perché gli utenti lo confonderanno quindi con la "pagina precedente"; in un modo o nell'altro portano anche a "Ho cliccato, perché non è successo niente?" i problemi. Inoltre, a che serve? Link alla pagina corrente? la maggior parte delle persone copierà semplicemente l'URL, se si presenta un collegamento canonico, semplicemente avrà un ancoraggio "permalink" sulla pagina. ¶ In una tangente, questo vale anche per la navigazione (non rendere la pagina corrente un collegamento). Nel caso della navigazione, ci sono ancora più situazioni insensate, come nel caso di due pagine: come può l'utente sapere quale è la pagina corrente e quale è "l'altra", molte volte che non può.

Non mostrare briciole di pane sul dominio, ad es. https://ux.stackexchange.com/ nell'esempio, poiché non ha assolutamente senso; inizi a usare il pangrattato quando ti avventuri nel deserto; quando sei a casa la tua pista di pangrattato è zero (come in zero).

Keep it Short-n-Sweet

i.stackexchange.com / Something / Very /…/ Long / Come dovrebbe comportarsi un pangrattato?

3
srcspider

Un pangrattato ha due obiettivi: mostra dove ti trovi e ti porta su (indietro), uno o più livelli. La pagina corrente nel pangrattato di solito non è un collegamento e quindi visualizzata in modo diverso.

In una pagina principale, dovresti avere (la pagina corrente è in grassetto, gli altri sono collegamenti):

PersonName\Assets\House

La pagina dell'elenco delle risorse ha:

PersonName\Risorse

La pagina persona ha solo

PersonName

Per navigare verso il basso nella gerarchia, l'utente deve eseguire un'azione all'interno della pagina corrente.

10
Mart

Sun Microsystems (R.I.P.) aveva alcune linee guida decenti testate sull'usabilità sul pangrattato. Le loro linee guida fanno anche l'utile distinzione tra breadcrumbs e percorsi parentali, due tecniche di navigazione comunemente usate ma diverse:

http://developers.Sun.com/docs/web-app-guidelines/uispec4_0/06-content.html#6.

2
calum_b

Se Home\Assets punta allo stesso sito, è necessario chiudere "Home"

Ad ogni modo, ti consiglio di leggere quanto segue Articolo Patternry sul pangrattato !

1

Se facendo clic su "Casa" e facendo clic su "Risorse" capita di puntare alla stessa pagina, penso che il pangrattato debba essere modificato per non visualizzare più "Casa":

PersonName \ Assets

Fare clic su due diversi collegamenti di un breadcrumb non dovrebbe mai aprire la stessa pagina secondo me. Confonde.

0
Hisham

Facendo clic su Attività si dovrebbe accedere all'elenco delle attività (di cui House) è probabilmente un elemento).

Facendo clic su House dovresti portarti allo stato iniziale della pagina House, come se fosse stato eliminato dalla Assets pagina. Questo potrebbe significare ad es. scorrere verso l'alto.

Allo stesso modo, se la pagina House consente una navigazione aggiuntiva alle pagine secondarie o agli elementi correlati che non cambierebbe la visualizzazione breadcrumb, una navigazione sarebbe "annullata".

Se tale azione non è possibile o non è sicura (ad es. L'utente perderebbe i valori inseriti in un modulo), House non dovrebbe essere cliccabile, solo in grassetto:

PersonName / Risorse / Casa

0
peterchen