¿Cuál es la mejor manera de indicar que puede desplazarse en un área cuando el área no tiene una barra de desplazamiento?

Lo único que se me ocurrió fue decir: "Desplácese para ver el menú completo" arriba. ¿Cuáles son algunas otras formas en que las personas lo hacen?

Las personas se relacionan bien con la relatividad física en las interfaces de usuario. En otras palabras, si desea que una interfaz se sienta natural, o que sus controles sean obvios, puede usar la apariencia de realismo físico para hacerlo. Los íconos adecuados también son siempre una obligación, para una funcionalidad obvia.

¿Cómo se vería físicamente un área de desplazamiento? ¡Sencillo! Una capa de contenido debajo de un marco externo. Para lograr ese aspecto, puede usar una sombra de cuadro en la capa externa.

• Consejo: Al crear sombras de cuadro CSS, puede poner varias sombras junto con comas. Use una sombra lejana clara con una corta más fuerte para obtener un efecto agradable. ¡Use RGBA (control de opacidad) para un toque ligero!

A continuación, sin una barra de desplazamiento, la mejor práctica que se le viene a la mente es usar JQuery con un cuadro de desplazamiento en el que se puede hacer clic adjunto a los bordes de los marcos que tienen contenido de ese desplazamiento, haciendo que el cuadro se muestre cuando los elementos internos sobresalen del cuadro en cualquiera de las cuatro direcciones.

Si desea que la barra esté ausente u oculta de forma predeterminada, manténgala oculta o ligeramente opaca hasta que el área de desplazamiento se desplace o toque, y luego haga que aparezca el mecanismo de desplazamiento.

• Uso fácil: el cuadro debe activarse (comenzar a desplazar el elemento secundario) ligeramente en el evento de desplazamiento y completamente con el mouse hacia abajo.

Aquí hay una demostración:

Para áreas de desplazamiento largas, el desplazamiento acelerado es imprescindible a través de esta práctica, de lo contrario se inhibirá la capacidad de los usuarios para navegar rápidamente por el contenido.

Después de jugar con esto, creo que puedo crear un complemento JQuery y usar esta práctica para mi próxima aplicación web.

Asegúrese de que la cantidad predeterminada de contenido que se muestra por primera vez muestra un elemento en la parte inferior (suponiendo un desplazamiento vertical) que solo se revela parcialmente, informando así al usuario que hay más a continuación, y que pueden alcanzarlo / revelarlo.

Esto es lo que intentaría:

Un degradado suave que cubre un poco del contenido. Esto indica que hay más a continuación. Además, por supuesto, puede agregar una pequeña flecha.

Lo obvio que quiera hacer se reducirá a quién cree que será la audiencia y cuál es el contexto.

Las técnicas habituales de búsqueda de caminos, como flechas y gráficos que continúan más allá del pliegue, pueden ayudar al usuario a viajar. Alternativamente, puede optar por un menú / sistema de navegación anclado, que utilizan muchos sitios de una sola página.

La solución más descarada y fea sería una ventana emergente que informa a los usuarios que deben desplazarse hacia abajo para obtener más contenido, y luego se oculta cuando el actor se desplaza (estilo de notificación de cookies).

Otra opción es cambiar el cursor al pasar el cursor sobre el elemento a algo que indique desplazamiento, como una flecha en movimiento que apunta e indica hacia abajo, o algo que indica "leer más al desplazarse".

Por supuesto, esto solo funciona para escritorio.