Con cada año, van surgiendo nuevas tecnologías y tendencias web que se ajustan a estos avances tecnológicos. En muchos casos, todas estas tendencias pueden favorecer la experiencia de usuario y hacer que el sitio web luzca moderno. Sin embargo, en otras situaciones pueden no ser la respuesta adecuada a las necesidades de tu sitio e incluso si lo fueran, debes ser muy cuidadoso al momento de implementarlas para no afectar la experiencia de usuario.
En este artículo mencionamos algunas tendencias web y recursos populares con lo que debes ser especialmente cuidadoso para poder implementarlos de forma adecuada.
Hamburger Menus
Una de las tendencias más utilizadas en los últimos años han sido los “hamburger menus”. Este es un menú minimizado que se popularizó gracias al incremento de uso de dispositivos móviles para acceder y navegar por internet. Ya que en estos dispositivos, el espacio en pantalla es más limitado, se deben utilizar una serie de recursos para ahorrar espacio. El hamburger menu es uno de estos recursos y ya que es un icono, el usuario puede acceder al menu cuando vea conveniente.
Aunque el hamburger menu puede ser ideal en dispositivos móviles el problema surge cuando el menú de navegación cuenta con muchos más elementos de los usuales y en ocasiones niveles y subniveles. En este caso, el proceso de acceso a una página específica se ve inevitablemente prolongado en comparación con su versión para ordenadores, en donde un menú desplegable puede ser la solución.
Este proceso más largo afecta la experiencia de usuario y puede ser bastante molesto para tus usuarios móviles navegar por el sitio. Así que debes poner en práctica otros métodos para contrarrestar esta consecuencia de los hamburger menus.
Sliders en páginas de inicio
Los sliders son un recurso bastante utilizado en la actualidad. Se emplean en galerías ya que son bastante prácticos para ofrecer control al usuario y que pueda ver imágenes una a una. Sin embargo, también se usan en las páginas de inicio como un método de llamar la atención de los usuario o una forma de poder colocar mayor información en la página de inicio.
Aunque existen muchas ventajas que posee un carrusel, también tienen sus desventajas y definitivamente debes considerar ambos aspectos si estás pensando seriamente en colocar un slider a tu sitio web.
Una de las principales desventajas es que un número muy limitado de usuarios revisa todas las imágenes o contenido en los sliders. Es común que se pasen por alto o que no decidan utilizar las flechas para ver las otras imágenes si es que la primera no capta su atención. Así que existe una alta probabilidad de que sólo la primera imagen sea vista por los visitantes.
Infinite scrolling
El infinite scrolling puede ser un recurso bastante útil para mejorar la experiencia de usuario, especialmente en sitios web que posee un gran volumen de contenido como Facebook. Las redes sociales hacen uso de esta forma de scrolling para mostrar mayor cantidad de contenido y mantener interesados a los usuarios. Además, ya que es una forma de scrolling vertical, se siente bastante natural en dispositivos móviles y ordenadores.
Para que el infinite scrolling sea realmente efectivo no sólo hace falta tener un gran volumen de contenido, sino también ofrecer rapidez. Ya que el usuario se sigue desplazando hacia abajo, es preferible que el contenido no tarde en cargarse. Debes asegurarte que sea así para ofrecer una mejor experiencia.
Aunque es un recurso ideal en plataformas como redes sociales, en diarios online y blogs presenta la gran desventaja de que los usuarios no pueden controlar en qué página se encuentran y muchos usuarios pueden encontrar esto algo molesto. En el caso de reiniciar la conexión o abandonar la página nuevamente para seguir navegando después es incómodo que debas ver las entradas desde el inicio y no saltar a la página que estabas visitando. Además, si no se diseña y configura apropiadamente los usuarios no serán capaces de acceder al footer pues cada vez que se desplacen contenido se seguirá cargando contenido.
Botones flotantes
Los botones flotantes son comunes en el Material Design y muchas aplicaciones las emplean en su interfaces pues captan la atención del usuario y son un elemento con el que el usuario puede interactuar. Sin embargo, en algunos casos puede tener un impacto negativo en la experiencia de usuario, particularmente si obstaculiza la correcta visualización de algún otro elemento o si impide la interacción del usuario con otro botón o enlace. Este problema es mucho más común en dispositivos móviles pues ya que se cuenta con menor espacio, el botón flotante se suele colocar en medio de otros elementos. En esta interfaz también es común que se presione o active este botón sin realmente tener la intención y definitivamente es molesto para los usuarios cuando se convierte en un problema repetitivo cada vez que ingresan a la interfaz.
Parallax Scrolling
El parallax scrolling es una tendencia que ha surgido ya hace un par de años y se puede seguir viendo implementada en sitios web pues permite añadir una capa de interactividad y destacar cierto contenido o sección específica de tu página web. En ciertos casos, no sólo se emplea en pequeñas secciones del sitio, sino en los pantallazos iniciales donde tiene la capacidad de captar la atención de los usuarios y añadir ciertos efectos animados al fondo.
Sin embargo, como con muchas otras tendencias, el parallax scrolling también presenta situaciones en la que es más efectivo y realmente deberían tomarse en cuenta al diseñar un sitio web. Adicionalmente, ya que se emplea JavaScript para realizar este efecto en un sitio web, puede afectar de forma negativa el tiempo de carga.
En conclusión…
Cada tendencia tiene una ocasión en la que puede ser utilizada de forma más efectiva. Asegúrate de estudiar cada tendencia que deseas aplicar a tu interfaz para verificar si se ajusta a las especificaciones de tu sitio y si sería realmente conveniente implementarla. Al igual que las tendencias, los recursos y técnicas de diseño también debe ser utilizadas correctamente de modo que mejore la interfaz de usuario. Considera la funcionalidad y la experiencia de usuario en todo momento para evitar errores en tu diseño.
