risposta-alla-domanda-sullo-sviluppo-web-bd.com

Barra di navigazione, mescolando collegamenti e pulsanti

Sto provando a creare un menu di navigazione con 2 funzioni al suo interno ... i collegamenti di navigazione della pagina Web e i pulsanti "azione" ... in qualche modo questa immagine http://skitch.com/christieday/ gg2sr/Dribbble-hunter-vision-nav-by-Jeremiah-shaw

la navigazione avrebbe collegamenti alle pagine appropriate oltre a 2 pulsanti, "attività di registro" e "crea percorso".

I pulsanti ovviamente si comportano diversamente rispetto alla navigazione. Sono i principali inviti all'azione sul sito. Il pulsante "registro" apre un modulo nella stessa pagina, il pulsante "Crea percorso" lascia la pagina.

Mi chiedo se esiste un modo per combinare collegamenti e pulsanti senza confondere l'utente e se esiste un modo appropriato per farlo.

Si prega di avvisare.

4
Christie Day

Hai davvero risposto alla tua domanda. Il modo per distinguerli consiste nell'utilizzare il testo per la navigazione e i pulsanti per gli inviti all'azione. Molti siti lo fanno (incluso questo) e non ho mai visto nessuno confonderli.

Se sei preoccupato che le persone non siano sicure che il testo sia di navigazione, usa semplicemente un piccolo indicatore o una freccia per mostrare la pagina corrente. Non è necessario, ma migliora la rilevabilità.

enter image description here

Assicurati solo di non contrassegnare la pagina corrente nella navigazione inserendone un blocco: questo farà sembrare più un pulsante. Devi solo essere consapevole di non mettere nulla sulla navigazione che assomigli a un pulsante ma non lo è. La navigazione di seguito è un esempio di cosa non usare se nella navigazione è presente un pulsante di invito all'azione. È una buona barra di navigazione se viene utilizzata senza invito alle azioni.

enter image description here

2
JohnGB

Di solito avresti una sorta di leggenda, almeno su come stai progettando, che suggerisce che il trattamento visivo dei pulsanti significhi qualcosa di diverso dai collegamenti di testo. Ad esempio, mentre non sono mescolati tra loro i pulsanti del modulo di solito indicano un'azione mentre i collegamenti di testo indicano la navigazione.

Perché dovresti mescolarli visivamente? Anche se ritieni che appartengano allo stesso piano orizzontale o verticale nell'interfaccia utente, non li separeresti comunque? Collegamenti di testo tutti allineati a destra e poi i pulsanti allineati a sinistra ... Tornando indietro, una regola empirica che ho imparato molto tempo fa, che ritengo sia ancora giustificata, è che mantieni separati navigazione e controllo.

0
jameswanless

Christie, sei già sulla buona strada ma se vuoi vedere un altro esempio di intestazione globale contenente 2 pulsanti di azione, dai un'occhiata al sito English National Opera .

enter image description here

0
Rob