it-swarm-eu.dev

I pulsanti "pericolosi" dovrebbero essere grandi e rossi o piccoli e poco appariscenti?

In un'app Web, alcune persone pensano che il pulsante "Elimina" dovrebbe essere evidente e di colore rosso vivo, a indicare un pericolo. Il problema è che questo attira l'attenzione sul pulsante e può rendere più probabili i clic accidentali. Quindi in generale ...

I pulsanti "pericolosi" dovrebbero essere prominenti? O dovrebbero essere poco appariscenti?

I pulsanti "pericolosi" sono pulsanti su cui gli utenti non devono mai fare clic per errore. In genere si tratta di pulsanti di azione secondari che causano azioni distruttive, indipendentemente dal fatto che richiedano conferma o siano annullabili.

Mi chiedo se questo problema sia stato risolto altrove. Ho notato che l'icona sul pulsante Elimina di Microsoft Outlook 2007 è semplicemente nera, mentre IIRC era rossa alcuni anni fa. La pagina di modifica del blog WordPress del blog va ancora oltre: il pulsante Salva è grande e facile da fare clic, mentre il pulsante Elimina è un piccolo collegamento ipertestuale che non attira l'attenzione. Ci sono molti altri esempi.

Ho visto questo modello di "pulsante distruttivo appariscente" usato in molti posti, ma non ho visto un riferimento decente ad esso. Questo problema è stato discusso in alcuni libri o siti Web?

34
Bennett McElwee

C'è un piccolo frammento di informazioni che posso aggiungere. Bruce Tognazzini ha pubblicato il AskTog alcuni anni fa:

"A prima vista sembrerebbe che dipingere di rosso il riquadro vicino sia una buona cosa, dal momento che avverte l'utente del suo potenziale pericolo. Tuttavia, uno studio condotto a Apple quasi dieci anni fa ha scoperto che il mouse dell'utente gravita verso gli oggetti rossi quasi come se fossero posseduti dal magnetismo. Lo studio ci ha costretto ad abbandonare l'idea di creare scatole chiuse e l'opzione Chiudi sessione. "

Potrebbe aggiungere un po 'di influenza alla tua decisione, ma non posso dire di aver fatto clic senza pensarci su Chiudi negli ultimi 9 anni in Mac OS X!

21
Alastair J

Dipende.

Ad esempio, se è probabile che i tuoi utenti utilizzino la navigazione da tastiera (ad es. Applicazioni aziendali) e lo stato attivo sia automaticamente sul pulsante di eliminazione, le dimensioni non avranno davvero importanza se si aspettano che premere Invio invierà a fare qualcos'altro.

Proprio come un esempio del perché dipende.

L'eliminazione è una probabile funzione nel contesto dello schermo e delle attività? L'eliminazione è reversibile?

Altre cose da considerare è la distanza del pulsante dall'area di destinazione - vale a dire se devi selezionare una casella sul lato sinistro dello schermo e poi spostarti all'estrema destra per fare clic su Elimina, quindi importa; anche la vicinanza dell'eliminazione ad altre opzioni.

Cose come le icone (la X rossa o il cestino della spazzatura) possono ridurre il tempo di acquisizione e riconoscimento del bersaglio ... o ostacolarlo, se implementato in modo errato.

Quindi, scusa, non c'è una risposta giusta a questa domanda.

Personalmente, non mi piace la nuova implementazione di Wordpress - rende la funzione di eliminazione troppo difficile da individuare.

Se le persone fanno clic accidentalmente sul pulsante Elimina e non è una funzione spesso utilizzata, prendi in considerazione un'eliminazione in due passaggi + conferma o seleziona + elimina implementazione, oppure sposta il pulsante o aggiungi/rimuovi iconografia, ingrandiscilo, più spazi bianchi attorno ad esso ecc. .

7
Nathanael Boehm

A volte il pulsante Elimina IS l'azione principale, quindi dovrebbe essere più evidente, altrimenti probabilmente non dovrebbe risaltare così tanto. Anche a me piace il modo Wordpress implementato con un insignificante collegamento semplice che ottiene uno sfondo rosso molto evidente quando viene sospeso.

Tendo a pensare che ciò che accade dopo aver fatto clic sul pulsante sia più importante di come appare. Se l'azione è reversibile (funzione di annullamento), non è così pericolosa e il costo del clic accidentale è molto basso.

Preferisco avere una funzione di annullamento per l'azione di eliminazione, ma se ciò non fosse possibile, probabilmente dovrebbe esserci un qualche tipo di conferma. Ultimamente ho preso in prestito un modello di design dall'iPhone nelle mie app Web. E cioè quando si fa clic sul pulsante Elimina, si trasforma in un nuovo pulsante con l'etichetta "Conferma eliminazione" o qualcosa di simile. L'azione di eliminazione non viene eseguita finché non viene premuto il pulsante "Conferma". Penso che questo sia un modo più discreto di chiedere conferma rispetto alla casella di avviso oh così comune che dovrebbe essere evitata ad ogni costo :-)

5

Penso che dipenda molto dal contesto del pulsante e persino dal suo contesto all'interno dell'applicazione complessiva. Potrebbero esserci parti della tua app in cui "Elimina" è meno "distruttivo" rispetto ad altre parti. In tal caso, hai un problema di coerenza da affrontare. Inoltre, come giustamente sottolineato, a volte eliminare è l'azione principale in un elenco o su uno schermo. Pertanto, è necessario bilanciare l'aspetto delle azioni primarie nel resto del prodotto con la funzionalità dell'eliminazione stessa.

Come considerazione secondaria, cosa fanno gli utenti aspettarsi quando si tratta di eliminare i pulsanti? La "X" è abbastanza sinonimo di funzionalità di eliminazione e il colore della "X" (hai menzionato Outlook) non sembra essere troppo cruciale. Credo che gli utenti apprezzino (se non si aspettano necessariamente) di essere spinti a confermare una cancellazione - anche se ciò ritorna alla domanda su quanto possa essere distruttiva una cancellazione e se sia facilmente annullabile.

Mentre credo che l'aspetto delle cose sia ora importante quanto il modo in cui funzionano (in senso generale), sento che questo genere di cose è governato più dall'operazione in contrapposizione all'estetica.

1
Sam K

Se "Elimina" è pericoloso, assicurati di chiedere all'utente " Sei sicuro? "

Penso che tutti i commenti/risposte sopra riportati siano validi e pertinenti. Posso offrire una risposta di secondo livello a questa domanda? Alla fine, penso che uno degli aspetti più importanti della protezione degli utenti dal creare scompiglio facendo accidentalmente clic su "Elimina", è quello di fornire un livello più sicuro all'opzione:

Con questo, intendo, assicurati di dire " Ehi! Sei sicuro di voler fare questo? "

1
jffgrdnr