Linee guida per la scelta del pulsante su un collegamento nei moduli Web

Question

Sembra che pulsanti e collegamenti siano intercambiabili in questi giorni. Dal punto di vista dell'esperienza utente, ci sono linee guida per scegliere tra le due? Importa anche?

Come regola generale, direi che la navigazione pura dovrebbe sempre essere espressa con un collegamento e un'azione dovrebbe essere espressa con un pulsante. Ma ci sono così tanti esempi e situazioni che ne derivano, come la Indirizzi di spedizione di Google Checkout . Salva esegue un'azione e utilizza un pulsante. Modifica è un collegamento che porta l'utente a una nuova pagina. Entrambi hanno un senso. Tuttavia, elimina esegue un'azione con un collegamento.

Quindi, quando e come scegliere pulsanti o collegamenti?

Scenari di esempio:

Una pagina con una griglia di utenti:

• Una funzione aggiungi utente che ti porta in una nuova pagina. Link, perché naviga.
• Una funzione reimposta password che rimane sulla stessa pagina. Pulsante, perché è un'azione.
• Una esportazione in csv che apre una finestra di download ma rimane sulla stessa pagina. Non lo so.
• Un cercapersone nella parte inferiore della griglia che utilizza AJAX per aggiornare la griglia. Collegamenti, a causa della precedenza esistente.

Una procedura guidata con " Successivo " ;, " Indietro " ;, " Annulla " e "Finitura" Caratteristiche. Mentre Next e Back dovrebbero probabilmente essere collegamenti, la precedenza dice che dovrebbero essere tutti pulsanti.

Answer 1

Buone risorse sono: Nielsen (duh) e questa discussione

Le linee guida principali erano che i pulsanti sono per le cose che hanno effetti (ad es. " Elimina ") mentre i collegamenti sono per le azioni che influenzano la navigazione. In questi giorni è un po 'sfocato, ma è una buona idea che un'azione non recuperabile come la cancellazione di un record dovrebbe essere un pulsante, non importa quale.

In generale, è molto peggio sbagliare usando un link invece di un pulsante, poiché l'utente non si aspetta che l'azione dell'effetto collaterale abbia luogo.

Sono d'accordo con tutti e 5 i tuoi esempi, anche se Download CSV può essere sicuro e dipende in gran parte dall'aspetto del resto dell'interfaccia utente (ad esempio se fa parte di un pannello di azioni come " Scarica " | " Opzioni " | " Bookmark & ??quot ;, e gli altri due sono link, quindi ovviamente anche i tuoi dovrebbero essere link.

Answer 2

Penso che la decisione sia basata su come vuoi che la pagina funzioni. Ad esempio, se parte della navigazione prevede l'utilizzo dei risultati del modulo, si desidera utilizzare un pulsante.

Quindi, se Aggiungi utente ha una casella di selezione su quale tipo di utente viene aggiunto, in quanto potrebbe determinare quale modulo di aggiunta utente utilizzare, quindi un pulsante.

Per reimpostare la password, poiché rimane sulla stessa pagina, un pulsante potrebbe avere senso.

Tendo a fare Avanti, indietro, ecc. come collegamenti, poiché posso avere parole o un'immagine, ma mi piace la mano che si presenta per i collegamenti.

L'esportazione in CSV dovrebbe essere un pulsante, dal momento che non vai da nessuna parte, stai solo facendo un download.

Entrambi possono funzionare, ma l'importante è non solo essere coerenti, ma guardare cosa stanno facendo applicazioni simili, per vedere se si può provare a seguire alcuni standard del settore.

Come ho già detto, ci sono volte in cui voglio mostrare la mano, poiché potrebbe non essere ovvio che qualcosa è cliccabile, ma non voglio l'aspetto del pulsante.

Quindi, se ho una parola che può portare a un'azione, dovrebbe fluire con il resto del testo, ma se passi il mouse sopra puoi ottenere qualche indicazione che questo è cliccabile, quindi il collegamento funziona meglio.

Non sempre vogliamo che i pulsanti assomiglino ai pulsanti, quindi i collegamenti funzionano, ma ciò richiede un'interfaccia molto coerente.