it-swarm-eu.dev

Durante la progettazione di moduli Web, i pulsanti devono essere allineati a sinistra o allineati a destra?

Possibile duplicato:
I pulsanti OK/Annulla devono essere allineati a destra o al centro?

Per una maggiore usabilità, come devono essere allineati i pulsanti alla fine dei moduli di input?

3
Kartik G

Kartik,

Questa è una vecchia castagna su cui il dibattito è persistito per anni. Ti consiglio di iniziare guardando questo thread ed esplorando alcune delle risorse a cui si collega:

Quali sono le migliori pratiche di allineamento dei pulsanti?

Vedi anche questo articolo:

Il modo migliore per allineare i pulsanti in forme diverse

Assicurati di guardare i commenti in cui alcuni UXer discutono dei punti di forza e di debolezza dell'articolo.

6
gef05

Questo è spiegato bene, insieme a diversi esperimenti di usabilità, nel libro " Web Form Design: Filling in the Blanks ", in particolare il capitolo sulle azioni. Consiglio di leggere questo per uno sfondo molto migliore.

Tuttavia, riassumerò l'essenza di questo qui:

  1. Allinea le azioni primarie (come il pulsante "Invia") con i campi di input. Questo crea un chiaro percorso verso il completamento.
  2. Se hai più di un pulsante (come "Invia" e "Annulla"), assicurati che ci sia una buona distinzione visiva tra l'azione primaria (Invia) e l'azione secondaria (Annulla). I pulsanti di colore diverso risultano migliori rispetto all'utilizzo di un pulsante Invia e di un link Annulla, come fanno molti siti.
  3. Per quanto riguarda l'allineamento di 2 o più pulsanti, posizionandoli uno accanto all'altro (non Annulla da un lato e Invia dall'altro) sul lato destro o sinistro funziona altrettanto bene, ma sembra che ci sia essere un vantaggio per allineare il pulsante di invio con i campi di input e il pulsante Annulla (o indietro) accanto a quello (con un colore diverso).

Ancora una volta, consiglio di leggere il libro per maggiori dettagli. È una lettura veloce e interessante.

2
Herman