web-development-kb-es.site

¿Es mejor desplazarse que hacer clic para revelar más contenido?

¿Cual es mas rápido? ¿Desplazarse hacia abajo o hacer clic en un botón para revelar más contenido? Actualmente, nuestro sitio requiere hacer clic en los números de página para revelar más contenido. Tenemos 9 canales por página, que se ajusta en una pantalla en las resoluciones más comunes.

Personalmente, creo que tener 2 o 3 páginas de contenido y desplazarse hacia abajo para revelar esas páginas sería más fácil. Deberíamos tener más de 20 canales por página. Simplemente giro la rueda del mouse o presiono la tecla hacia abajo. No tengo que apuntar a un botón pequeño (que lleva más tiempo según la Ley de Fitts).

57
JoJo

La paginación se debe usar para dividir el contenido en grupos semánticos o relacionados con tareas, como por ejemplo sus categorías en la barra de menú de la izquierda. Esto permite a los usuarios encontrar contenido por qué es (por ejemplo, el título de la página en un menú) en lugar de donde es (por ejemplo, número de página o posición relativa en una página de desplazamiento). En general, las tareas de los usuarios dependen de qué ("Necesito verificar deportes") no dónde ("Necesito revisar los canales dos tercios de la lista").

Cada página de contenido relacionado puede desplazarse. Hubo un tiempo en que no podía confiar en que casi todos los usuarios supieran cómo desplazarse, por lo que se aconsejaba a los diseñadores que mantuvieran todo el contenido "por encima del pliegue". Esa preocupación ha desaparecido en gran medida ahora, y los usuarios están perfectamente capacitados y dispuestos a desplazarse si hay signos de que el contenido que desean está más abajo en la página (aunque en aras de la eficiencia, aún debe colocar el contenido que más desean los usuarios en la parte superior, tal como lo proporciona su función de clasificación). [Ver el artículo de Jakob Nielsen, " Desplazamiento y Atención ."]

En su caso, parece que tiene una lista que está arbitrariamente dividida en páginas. Eso es casi siempre inferior a poner todo en una gran lista de desplazamiento. Descubrí que el desplazamiento es aproximadamente tres veces más rápido que la paginación para buscar y comparar datos en una tabla o lista. Una investigación más sistemática sobre los resultados de búsqueda (bastante cerca de lo que tiene) encontró que las páginas de 50 elementos podrían escanearse más rápido que las páginas de 1 elementos (100 elementos aparentemente no eran significativamente diferentes de 50, pero en ese punto, solo había dos páginas de resultados).

El desplazamiento tiene las siguientes ventajas sobre la paginación en listas y tablas (no todas se aplican necesariamente en su caso):

  • El control de la barra de desplazamiento está estandarizado, por lo que la mayoría de los usuarios ya están familiarizados con él. La paginación carece de estandarización, por lo que requiere atención y aprender a usarla (por ejemplo, en qué parte de la página se encuentran los enlaces, si hay un primer o último enlace, si hay enlaces a páginas individuales seleccionadas).

  • La cantidad de elementos que se muestran se puede ajustar automáticamente con el cambio de tamaño de la ventana, lo que permite a los usuarios optimizar la cantidad de elementos visibles en un solo paso y evitar situaciones en las que hay desplazamiento y paginación.

  • Se puede acceder rápidamente a la barra de desplazamiento sin importar dónde se encuentre el usuario en la ventana. Las interfaces de paginación generalmente proporcionan los enlaces de la página solo en la parte superior y/o inferior de la página, lo que puede significar una larga rotación; incluso pueden desplazarse fuera de la vista.

  • Los usuarios pueden mover tan solo un elemento a la vez para mostrar los elementos que desean ver juntos. La paginación divide los elementos en grupos arbitrarios que pueden dar como resultado que los elementos de interés se dividan en páginas.

  • Los usuarios pueden desplazarse a cualquier lugar de la lista con un solo arrastre. La paginación se limita a los enlaces de página que se muestran, lo que generalmente limita al usuario a moverse solo por el vecindario inmediato.

  • Los usuarios pueden seleccionar de manera múltiple cualquier conjunto de elementos para realizar una acción sobre ellos (por ejemplo, copiar, eliminar), y pueden ver cualquier otro elemento mientras mantienen la selección actual. La paginación generalmente permite y mantiene solo la selección de los elementos en la página actual.

  • La clasificación de usuarios es menos probable que resulte en desorientación. Con el desplazamiento puede dejar la posición de desplazamiento donde está o puede desplazarse automáticamente para "perseguir" el elemento de la lista que actualmente tiene el foco; De cualquier manera los usuarios lo hacen bien. Sin embargo, con la paginación, los usuarios pueden desorientarse cuando la clasificación cambia todo en su página actual o si su número de página cambia a algún otro valor para mantener el elemento actual en foco. Muchas implementaciones de paginación (como la suya) restablecen al usuario a la Página 1 después de la clasificación, lo que parece evitar la desorientación, pero con demasiada frecuencia requiere que el usuario vuelva a navegar a un elemento en particular.

  • Los usuarios aún pueden mover una "página" a la vez haciendo clic en la "pista" de la barra de desplazamiento.

Le recomendaría que ponga todos sus canales en un solo panel de desplazamiento. Coloque la lista de canales en un panel o marco separado del menú y otros controles generales para que sean de fácil acceso. Mezclar paginación y desplazamiento (p. Ej., 20 de 127 canales por página) puede ser peor que la paginación sola, lo que obliga al usuario a decidir cuándo hacer cada uno, y a veces puede ser necesario hacer ambas cosas (p. Ej., Desplazarse hacia arriba o hacia abajo a los enlaces para página). Parece que 127 canales pesan alrededor de 500kB en una página. Presumiblemente, sus usuarios tienen conexiones de alta velocidad si están viendo televisión en la web, por lo que puede contar con la carga de 500 kb en solo unos segundos.

Ahora 127 canales en una sola página pueden aparecer como "demasiados" para el usuario, por lo que es posible que desee romper hacia arriba dentro de la página (por ejemplo, colocando encabezados para "Hoy", "Ayer", "Última semana" cuando se ordena por Más nuevo).

54
Michael Zuschlag

Aunque el desplazamiento es la forma preferida en muchos escenarios, en un asistente/tutorial o cualquier otra situación similar de "hacer una cosa, luego hacer la siguiente", un botón siguiente/"1,2,3 ..." puede ser mejor manera, para que el usuario sepa que él/ella está abandonando el paso/pregunta anterior y que se puede abordar una nueva.

9
Henrik Ekblom

Además de los puntos mencionados en la respuesta aceptada:

El desplazamiento tiene más posibilidades integradas que un clic siguiente:

  • arrastrando la barra de desplazamiento para desplazarse con vista previa de vida
  • haciendo clic en la barra de desplazamiento para saltar por página
  • haciendo clic en los botones de fin de pequeños pasos (idealmente, por elemento)
  • rueda de desplazamiento del mouse (o mecanismos similares en computadoras portátiles)
  • Botones Página arriba/Página abajo, Cursor arriba/Cursor abajo

Todos estos mecanismos están bastante estandarizados y los usuarios están familiarizados con ellos. La barra de desplazamiento es a menudo un mero indicador de que puedo usar la rueda de desplazamiento.

El único inconveniente de una barra de desplazamiento mal implementada es que no está orientada a elementos, es decir, las distancias de salto no se correlacionan directamente con el contenido. (O, en otras palabras, puede ser difícil de implementar de esa manera).

5
peterchen

¡Y mucho menos un trackpad con desplazamiento de inercia!

Realmente no me gustan esos pequeños íconos/enlaces de la página siguiente/anterior. Cuando el contenido forme un todo, pégalo en una página y desplázate. De lo contrario, seccione con un TOC o categorías decentes.

¡En su sitio, el "Todo" requiere 23 páginas! Si pega esto en una sola página de desplazamiento, es posible que desee dividirlo de alguna manera significativa, por ejemplo, por categoría, alfabéticamente, ... En tal caso, la barra lateral se convierte en un TOC, y al hacer clic en una entrada salta a esa posición dentro de la página. Fácil salto y desplazamiento combinado.

2
Peter Frings

Si está preguntando acerca de la velocidad, entonces el desplazamiento es definitivamente más rápido que hacer clic en decenas de páginas, 9 elementos en cada una. El único inconveniente de desplazarse por páginas largas podría ser la desorientación del usuario, una vez que hay más de 50 elementos en una página.

Creo que podría comparar esto con la interfaz web de Twitter. ¿No sería molesto si solo tuvieras 9 tweets por página y tuvieras que hacer clic en los botones "siguiente/anterior" en la parte inferior ...

2
Jüri

La paginación es definitivamente más lenta que desplazarse hacia abajo en una página. Sin embargo, la paginación tiene sus ventajas. Facilita el seguimiento de los resultados. Si el tipo de lista que tiene exige un orden y un recuento más estrictos, la paginación puede ayudar.

1
Kernan Kobaya

Sin duda, desplazarse es mucho más rápido que buscar y hacer clic en un enlace. Pero solo porque sea más rápido no significa que debas hacer que tus páginas sean muy largas. En otras palabras, no debe usar el desplazamiento infinito en cada situación porque si hay demasiado contenido, los usuarios podrían no tener la paciencia para desplazarse hasta el final.

¿Por qué desplazarse es el nuevo clic?

Este artículo señala que si diseña su página para desplazarse, los usuarios pueden "ver todo el contenido en orden en la página sin necesidad de hacer clic en ningún enlace". Pero si usa enlaces de página, "los usuarios pueden omitir un enlace de página e ir al que les gusta sin tener que visitar las páginas que omitieron. Si una etiqueta de enlace de página no les atrae, no harán clic y verán el contenido detrás de ese enlace ".

Eso significa que está en peligro de que los usuarios no vean cierto contenido si no hacen clic en uno de los enlaces de su página. Pero si se desplazan, es casi seguro que lo verán.

0
Burma