it-swarm-eu.dev

Qual è un buon colore per un pulsante di pausa?

Abbiamo un'applicazione con un cronometro integrato. Se il cronometro è in esecuzione, viene visualizzato il pulsante Pausa e se è fermo viene visualizzato il pulsante di riproduzione. Attualmente il cronometro stesso e il pulsante sono di colori neutri.

Sarebbe bello se il colore del pulsante play/pause potesse aiutare l'utente a utilizzare il cronometro in modo più efficace.

Lo sfondo deve rimanere neutro per motivi tecnici, quindi l'unica opzione di design che abbiamo è colorare il pulsante. Ho letto discussione sulla separazione del pulsante play e pause e ha perfettamente senso, ma ancora una volta ragioni tecniche mi impediscono di avere due pulsanti. Quindi, è un pulsante su uno sfondo grigio.

Il cronometro in esecuzione con il pulsante Pausa dovrebbe essere verde o rosso?

Un pulsante di arresto verde sarebbe un ottimo indicatore del funzionamento del cronometro, ma sarebbe strano premere un pulsante verde per interrompere qualcosa. Un pulsante di stop rosso sarebbe un ottimo indicatore del fatto che si tratta di un pulsante STOP, ma il cronometro in esecuzione mostrerebbe sempre il pulsante rosso, che è strano.

17
Sandra

La risposta di ChrisF è molto corretta: assicurati che i colori non siano l'unica indicazione! Supponendo che ti stai già occupando di questo:

Se la scelta è rigorosa tra verde e rosso, scegli rosso.

Il pulsante è un'azione, non un indicatore. Se fosse un indicatore potresti averlo desiderato verde (per mostrare che è "ok" o in esecuzione), ma quando si tratta di azioni - rosso significa "stop" (e "pause" è una specie di "stop").

Inoltre, non hai bisogno di ulteriori indicazioni sul funzionamento del cronometro: vedi che i numeri effettivi cambiano!

A proposito: se hai solo un pulsante, dopo aver premuto "Pausa", che cosa diventa il pulsante? Premendolo di nuovo riprenderà o si fermerà?

9
Dan Barak

Ricorda che una parte significativa della tua base di utenti sarà di colore rosso/verde cieco, quindi avere un pulsante che cambia colore da rosso a verde non li aiuterà.

Sarebbe meglio cambiare l'icona. Userei lo standard > per iniziare, || per pausa e [] (quadrato) per stop se hai bisogno di quell'opzione.

Ciò significherebbe che quando fermato il pulsante mostrerebbe > significa "fai clic per iniziare". Quando si esegue il pulsante, viene visualizzato || significa "clicca per mettere in pausa".

8
ChrisF

Un'opzione che potrebbe funzionare è rendere il pulsante colorato mentre l'orologio è in funzione e neutro quando non lo è. Invece di visualizzare> e ||, potresti far sembrare un pulsante fisico con un LED incorporato che si illumina quando l'orologio è in funzione. Punti bonus se riesci a far sembrare che il pulsante sia premuto quando il cronometro è "acceso".

Picture of a toaster oven with a button that has a blue light and remains depressed when on

Speravo che potessi usare una luce rossa per indicare lo stato (l'orologio è in esecuzione) o l'azione (fermare l'orologio) - eludere il conflazione di due funzioni menzionato da Jim Jarrett nella riproduzione/pausa domanda e Dan Barak qui. Ma secondo un rapido sondaggio degli elettrodomestici e dell'elettronica di casa mia, il rosso non viene mai utilizzato per indicare "acceso". (Con una notevole eccezione: il forno.) La maggior parte usa luci blu, alcune usano verde. Alcuni in realtà usano il rosso per indicare spento (ma mi trovano nel buio) .

Quindi, non credo sia una buona idea. (Mi piace la risposta di Dan meglio.) Ma la posterò comunque perché a volte possiamo imparare tanto da idee che non funzionano come quelle che lo fanno.

6

Penso che il colore non sia un'opzione. Se usi colori diversi dai tuoi colori dell'interfaccia utente, sarà una distrazione. Suggerisco di concentrare l'attenzione dell'utente sulle INFORMAZIONI (tempo) e di utilizzare la diversa posizione per i controlli dei comandi. Ad esempio, so che il pulsante Avvia/Continua sarà al centro dell'area di lavoro e Pausa in basso (1). Poi vedo il tempo che ho trascorso per qualche compito. Se voglio fermare il mio timer, troverò il mio pulsante di arresto in basso (2). Poi vedo che il mio timer è inattivo (l'etichetta del tempo è inattiva) e troverò il pulsante continua nello stesso punto di quello iniziale (3).

stopwatch in action

Inoltre, per evitare un "doppio" clic (che può essere causato da ritardi nell'esecuzione e così via ...), è una buona abitudine posizionare controlli multi-azione esclusivi nei diversi luoghi.

3
igor

L'iconografia play and pause sembra più correlata a video e audio rispetto all'esecuzione di un timer.

Un pulsante con il testo "Start" sarebbe facile da capire. Quando si preme questo pulsante di avvio, è necessario che l'utente si metta in pausa e si fermi, se si suppone che sia un cronometro.

Colorwise Suggerirei il verde per l'inizio, il grigio per la pausa, il rosso per l'arresto: una tinta monocromatica potrebbe essere applicata per assicurarsi che il contrasto non sia troppo grande.

Facendo un passo indietro rispetto al problema iniziale, hai considerato che alcuni utenti vedranno il tuo pulsante come un indicatore dello stato attuale?

Sul mio lettore MP3, lo schermo mostra la riproduzione (>) quando sta effettivamente suonando e fai una pausa (||) quando è in pausa. Anche il mio videoregistratore VHS, il lettore DVD e il set-top box fanno altrettanto.

Quello che stai incontrando è un problema ben noto con i controlli "toggle": ser Interface Hall of Shame aveva un buon commento su questo. In sostanza, non è possibile prevedere se gli utenti interpreteranno il pulsante come stato disponibile o stato corrente .

Suggerirei quanto segue:

Mostra due pulsanti sotto il cronometro, riproduci e metti in pausa: >||

Quando il cronometro è in esecuzione:

  • Disabilita il gioco e rimuovi i colori
  • Abilita Pausa, coloralo giallo/arancione

Quando il cronometro è fermo

  • Abilita la riproduzione e colorala di verde
  • Disabilita la pausa e rimuovi il colore
2
Bevan

Non è fantastico come siamo passati da dispositivi che hanno pulsanti di arresto, pausa e riproduzione, a un interruttore?

Il colore attira l'attenzione da altre attività, quindi se l'intento per il cronometro è che solo pochi utenti lo useranno o che ottengono solo un uso occasionale, eviterei di distrarre il colore.

1
JeromeR

Ho visto il rosso per l'arresto in un'app di time entry. Potrebbero esserci più timer elencati in una tabella, ma solo uno potrebbe essere in esecuzione alla volta. Avere il timer attivo con un pulsante di arresto rosso aiuta l'utente a trovarlo nell'elenco.

Immagino che nella fatturazione oraria, colpire "stop" sul timer sia una cosa pericolosa;)

0
JeffO