Cómo configurar ubicaciones de desplazamiento en una página

‍Al construir un sitio web con muchas secciones y mucha información, las herramientas de navegación se vuelven el doble de importantes. Una de estas herramientas es la ubicación de desplazamiento, que puede convertir incluso una página sobrecargada de información en una situación ventajosa para el visitante.

‍Cuando una sola página contiene demasiada información y no puede dividirse más por limitaciones contextuales, las ubicaciones de desplazamiento permiten al usuario moverse al instante a puntos específicos de la página y acceder al contenido deseado. Este ejemplo es una página sobre un evento ficticio de 7 días con muchas bandas y actividades adicionales. Aunque es un diseño de vista previa, es el ejemplo ideal de la sobrecarga de información que podría experimentar el visitante.

‍Selecciona un botón que quieras convertir en una transición de desplazamiento y, en la opción al hacer clic, “ir a una página de este sitio web”. En el segundo menú desplegable que aparece debajo, puedes seleccionar ubicaciones de desplazamiento. Como aún no tienes ninguna creada, selecciona nueva ubicación de desplazamiento.

‍Esto creará una línea horizontal que se puede arrastrar en el eje vertical y establece dónde sitúa la transición la parte superior de la pantalla del visitante.

‍La fina línea azul es la ubicación de desplazamiento. La disposición del contenido de la página antes y después de la sección que estás visitando afectará si debes optar por un campo de visión estricto (donde la parte más superior de la perspectiva del visitante coincide exactamente con el punto en que comienza la sección que desea visitar) o dejar algo de espacio antes para una sensación menos rígida. Si elementos de la sección anterior interfieren con el campo de visión, el resultado puede verse extraño. La colocación adecuada de la ubicación de desplazamiento dejaría espacio para respirar y se ve limpia:

‍En este ejemplo, los artistas de abajo pueden quedar recortados, pero como la parte superior y la mayor parte de sus retratos es visible, el resultado genera interés y dirige la atención hacia la siguiente sección.