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

Barre dei pulsanti del modulo fisso

Di recente ho progettato complessi moduli multipagina per istituti finanziari e fino ad ora sono stati progettati con una barra di navigazione fissa nella parte inferiore dello schermo, in questo modo:

enter image description here

I moduli vengono utilizzati frequentemente dagli utenti e richiedono all'utente di immettere rapidamente molte informazioni in più schermate. Come accennato, i moduli di invito all'azione vengono posizionati all'interno di una barra di navigazione, che è fissata nella parte inferiore della pagina: il modulo scorre dietro la barra. Le informazioni obbligatorie vengono visualizzate per essere più in alto sullo schermo e ci sono molti aiuti e scorciatoie da tastiera per aiutare l'accessibilità e la velocità di completamento.

Mi è stato chiesto di eseguire il backup del mio ragionamento per l'utilizzo della barra dei pulsanti fissa e comprendere eventuali problemi potenziali con questo schema. Ho letto molti articoli di Luke Wrobelski, ma non molti tengono conto di queste forme complesse.

Il mio ragionamento per correggere il modulo di navigazione è il seguente:

  • gli inviti all'azione sono sempre in vista
  • gli inviti all'azione sono sistematicamente posizionati su tutti gli schermi:
    • Il principale invito all'azione, come "Salva", viene posizionato a destra come pulsante
    • Gli inviti all'azione secondari, come "Annulla", vengono posizionati a sinistra come collegamenti (l'ordine di tabulazione mette il pulsante principale prima del secondario).
  • Le scorciatoie da tastiera consentono all'utente di saltare il contenuto del modulo per concentrarsi direttamente sull'invito all'azione principale.

Domanda: C'è qualcosa di intrinsecamente sbagliato in questo approccio, che non ho preso in considerazione?

Solo per qualche contesto aggiuntivo, tendiamo a usare tre layout di colonna. In particolare, non voglio entrare in una discussione sui pro e contro sui layout a colonna singola e multi-colonna, ma qui ci sono alcune variazioni su questo layout, sempre con la barra inferiore fissa.

enter image description here

Grazie in anticipo

5
Sniffer

L'unico aspetto negativo di questo approccio è il fatto che una barra fissa in basso potrebbe suggerire che non c'è nulla sotto la piega. Un utente potrebbe pensare di aver compilato tutto solo per scoprire di aver perso i campi di input che erano al di sotto del pieghevole.

Un aspetto positivo che non hai ancora menzionato è il fatto che l'invito alle azioni è facilmente raggiungibile e consente all'utente di accedervi rapidamente durante lo scorrimento del modulo dopo averlo completato per verificare se hanno compilato correttamente tutto. scorrere di nuovo fino in fondo.

2