Hover se ha utilizado en sitios web durante años como una forma de proporcionar un fragmento de información a los visitantes sin desencadenar una acción. Con los teléfonos inteligentes y las tabletas tomando gradualmente Internet, debemos prestarles mayor atención al diseñar un sitio web. Como las pantallas táctiles no pueden manejar el desplazamiento, debemos buscar alternativas a los efectos de desplazamiento. Si está configurando su propio sitio web o no tiene los recursos para contratar a un diseñador web profesional, este tutorial es para usted.

Puede gestionar los efectos de desplazamiento con pantallas táctiles, pero puede ser un poco incómodo. Puede que sea mejor diseñarlos por completo y usar algo completamente diferente. Si está configurado para usarlos en su sitio de escritorio, generalmente tiene tres alternativas para desplazar los efectos en los sitios web móviles:

  1. Elimínelos por completo y reemplácelos con la acción principal. Agregue un menú secundario donde puede tocar una vez para el efecto de desplazamiento y una vez más para la acción principal. Coloque la información de desplazamiento en su propia página.

Todo funcionará bien en pantallas táctiles y computadoras de escritorio, pero requerirá algunos ajustes de diseño para implementar dentro de un diseño existente. También puede solucionarlo con JavaScript o con un código inteligente de jQuery si tiene las habilidades, pero si está tratando de resolverlo todo usted mismo, es mejor que utilice alternativas de diseño que el código. Si desea explorar alternativas de código para efectos de desplazamiento, visite esta página.

Elimine los efectos de desplazamiento de su diseño

A menos que pueda emplear un diseñador web independiente para que lo ayude, es mejor que elimine los efectos de desplazamiento por completo. Claro que se ven bien y pueden ofrecer información complementaria útil, pero siempre hay otras formas de lograr el mismo efecto.

Puede conservar la acción del menú como acción principal e incluir la información complementaria en otra parte de la página. Podrías usar cuadros de diálogo, ventanas emergentes, aumentar el contenido del descriptor para el punto que estás intentando hacer o algo más. Si no tiene las habilidades para implementar jQuery, esta es probablemente la opción más simple.

Agregar un menú secundario

Un menú secundario incluye el primer toque que simularía un efecto de desplazamiento. Puede incluir la información dentro del menú y mostrar un segundo menú dentro del mismo elemento. Ese segundo menú actúa como la selección real como sucedería en un escritorio. La primera pulsación simula el desplazamiento del mouse y la segunda pulsación simula al usuario realizando la acción principal.

Esta es una buena alternativa a los efectos de desplazamiento, pero está limitada por el tamaño de la pantalla y limita la cantidad de información que puede agregar a su efecto. Los efectos de desplazamiento están limitados por su naturaleza, pero están más limitados en los dispositivos móviles por el espacio en pantalla con el que está tratando. Si realmente desea incluir datos suplementarios de una manera no estándar, podría ser este.

Coloque la información de desplazamiento en su propia página

Quizás una opción más fácil sería incluir la información de desplazamiento dentro de su propia página con un enlace de texto. Esto simplifica su menú y mantiene la navegación directa. El hipervínculo funciona en todos los dispositivos y obtienes una página adicional para el tamaño del sitio y el SEO. La desventaja es que tendrá que aumentar el contenido suplementario en al menos 300 palabras más o menos para que funcione.

Siempre que pueda rellenar la información con suficiente cuidado para que se lea bien y agregue valor al lector, personalmente creo que esta es la mejor alternativa. Decidir dónde colocar esos enlaces a los datos suplementarios depende de usted y dependerá de su diseño, pero las páginas adicionales le brindan la oportunidad adicional de agregar llamadas a la acción, agregar su número de teléfono, dirección de correo electrónico y cualquier información adicional que pueda usarse para hacer una venta

Quedarse con el vuelo estacionario

Si desea utilizar algún tipo de efecto de desplazamiento en su sitio web principal, necesitará incorporarlo a su sitio móvil, o al menos a la versión móvil. Existen alternativas de menú de alternar o soluciones de JavaScript, pero requerirán la implementación de un experto. Esta página discute sus alternativas si desea explorarlas más a fondo.

Una de las trampas más fáciles para caer cuando comienzas por tu cuenta o construyes tu primer sitio web es diseñar para ti y no para tu audiencia. Ciertamente, debe diseñar algo que le guste, pero al considerar la usabilidad debe priorizar a la audiencia. También debe tener en cuenta los dispositivos que usarán y la forma en que es más probable que interactúen mejor con su sitio web.

Si su audiencia es joven, usarán dispositivos móviles. Si usan dispositivos móviles, los efectos de desplazamiento y otras opciones de diseño como esta no son su mejor opción.