it-swarm.it

Qual è la migliore esperienza utente: una tabella scorrevole o una tabella full size che consente alla finestra del browser di scorrere?

Qual è la migliore esperienza utente:

  1. Una tabella scorrevole utilizzando le impostazioni CSS di overflow in un DIV?
  2. Una tabella a dimensioni intere che consente alla finestra del browser di eseguire lo scorrimento?
11
7wp

Una tabella a grandezza naturale che consente alla barra di scorrimento del browser (2) di scorrere i dati è un'esperienza utente migliore, poiché più barre di scorrimento sulla stessa pagina tenderebbero a confondere gli utenti ed essere un po 'esasperanti.

Ovviamente, questo vale solo se i dati di cui stiamo parlando qui sono il focus principale della pagina, nel qual caso sarebbe accettabile avere una barra di scorrimento dedicata a quella parte dello schermo.

13
Ryan Shripat
  1. Più barre di scorrimento verticali nella stessa finestra del browser possono creare confusione, soprattutto quando si utilizza una rotella di scorrimento.
3

Finché ha senso nel contesto dell'interfaccia, è possibile utilizzare entrambi i metodi. Cerco di non utilizzare i DIV scorrevoli all'interno dei DIV come regola generale, tuttavia, poiché diventano disordinati. Quando lo scorrimento dell'utente colpisce la parte inferiore di un DIV, il browser spesso inizia a scorrere il DIV o la pagina successiva, che può essere stonante.

Nella mia esperienza, un'interfaccia meno complessa avrà una curva di accettazione/apprendimento più breve, tutti gli altri fattori uguali.

2
Matt

Direi che se hai una tabella di dati molto ampia, il modo migliore per farlo è utilizzare i CSS per impostare l'overflow sul tuo <tbody> tag nella tabella. In questo modo, l'intestazione (memorizzata in <thead>) rimarrà visibile indipendentemente dallo scorrimento dell'utente. Ciò fornirà all'utente un'esperienza simile a quella che può essere fornita in un'app standard durante la visualizzazione di dati tabulari.

Penso che questa sia la soluzione migliore perché con un sacco di scorrimento, l'utente è tenuto a ricordare quali sono quelle intestazioni di colonna e se riesci a farlo in modo che possano sempre vedere le intestazioni, allora stai sicuramente dando loro un'esperienza migliore (Ricorda le parole immortali di Steve Krug - "Non farmi pensare").

2
Charles Boyung

È successo dopo un esempio perfetto di una pessima implementazione di una finestra scorrevole all'interno della finestra del browser subito dopo aver letto questo post. Penso che sia chiaro quanto sia imbarazzante usare questo.

Prima ho provato a usare la barra di scorrimento esterna che ha fatto scorrere tutti i cani, spostando il mouse all'interno della finestra scorre i cani ma ora vedo solo metà della finestra e devo tornare alla prima barra di scorrimento per spostarlo indietro. Il contenuto primario non deve essere retrocesso in una cornice interna piccola come questa.

2
scauer

Vai con l'opzione 2. Scorri all'interno di scroll confonde sempre gli utenti ed è fastidioso quando arrivi in ​​fondo e la pagina vola in basso.

La mia domanda è: hai un modo per ordinare i dati in modo che il set di dati visualizzato sia più piccolo all'inizio? O nascondendosi con un mix di JavaScript e CSS o usando un qualche tipo di scripting? Visualizzare molte righe di dati non è mai così facile da usare. A meno che l'utente non comprenda le meraviglie di ctrl + f, si può perdere molto tempo a scorrere.

Puoi anche pensare di aggiungere intestazioni che galleggiano nella parte superiore dell'elenco mentre scorrono. In questo modo, gli utenti non dovrebbero scorrere verso l'alto per scoprire quali sono i nomi delle colonne.

2
LoganGoesPlaces

Le barre di scorrimento generalmente nidificate devono essere evitate. L'unica volta in cui dovrebbero davvero essere usati è se hai dei controlli sotto la tabella che potrebbero essere persi se la tabella è molto lunga.

2
Tom R

Dipende dall'uso che prevedi.

Esistono molte buone ragioni per evitare le barre di scorrimento nidificate, ma ci sono anche casi in cui è necessario scorrere la tabella. Eccotene alcune:

  1. A parte il tavolo, tutto il resto si adatta allo schermo. In questo caso, non hai barre di scorrimento nidificate (ovvero il browser non le ha) e potrebbero esserci buoni motivi per rendere scorrevole solo la tabella.
  2. L'uso principale della tabella è di fare riferimento a una piccola parte di essa rispetto a qualcos'altro sulla pagina. Ad esempio, devi inserire tre informazioni in base a qualcosa nella tabella che l'utente deve cercare (il "qualcosa" è troppo intuitivo per automatizzare). Se si rende scorrevole l'intera pagina, l'utente deve cercare nella tabella ciò che desidera, quindi scorrere verso l'alto per compilare le informazioni, quindi cercare di nuovo ecc. Se si rende la tabella scorrevole, la parte "compilazione" dell'interfaccia utente rimane sullo schermo.
2
DJClayworth

lo scorrimento verticale consente al browser di gestire lo scorrimento orizzontale (dovresti eliminarlo del tutto) per gestire le impostazioni di overflow del CSS.

Gli studi hanno dimostrato che all'utente non dispiace scorrere verso il basso ma odia scorrere attraverso.

1
Sruly