This post is also available in: English Italiano

Diseño receptivo y tasa de rebote

¿Qué es el diseño receptivo?

Responsive Design o más precisamente Responsive Web Design (RWD) es una técnica de diseño de interfaz digital que asegura que la visualización de cualquier página en un sitio se adapte automáticamente al tamaño del sitio web. ‘pantalla de terminal que lo lee.
Es diferente del Diseño Adaptativo aunque los dos conceptos apuntan a mejorar la ergonomía móvil del sitio web.

Responsive Design adapta el diseño de un sitio de acuerdo con la resolución de la pantalla

El diseño web autoadaptable es la expresión que mejor explica esta tecnología para mostrar sitios web en un dispositivo móvil.
El objetivo es, por supuesto, facilitar la lectura y navegación del internauta independientemente del tipo de terminal que utilice.
Con un teléfono inteligente, una tableta, un netbook, un televisor conectado o simplemente una computadora, la página le parecerá completa y ergonómica sin ninguna manipulación a nivel del zoom in / out y la barra de desplazamiento horizontal. El código del sitio adapta su diseño de acuerdo con la pantalla que presenta sus páginas. Hay un cambio de tamaño automático de los bloques de contenido textual y gráfico, así como una reorganización de su disposición.
Esta solución que se puede resumir en la expresión «Mobile first» es una respuesta a la tendencia actual de los usuarios de Internet de utilizar cada vez más dispositivos móviles y fue posible gracias a CSS3 Media Queries.
Detrás de esta autoadaptación hay un código HTML idéntico para los diferentes tipos de terminales, gráficos con resoluciones adaptables, un sistema de cuadrícula fluida y por supuesto las CSS3 Media Queries que gestionan las hojas de estilo.
Una regla permite a los diseñadores web gestionar fácilmente la creación de este diseño.
Se trata de partir de una pantalla en 320 px para luego ir subiendo hacia resoluciones cada vez mayores.

El diseño web receptivo tiene ciertas ventajas, pero también un gran inconveniente de todos modos

Las ventajas del RWB son importantes, al menos siempre que el diseñador web lo haga bien en su diseño, es decir si cuida el contenido de sus páginas, se anticipa al comportamiento de los usuarios, tiene en cuenta las funcionalidades de los diferentes terminales con pantalla táctil y sabe explotar la tendencia al crecimiento de las resoluciones. El sencillo Drupal V8 así como la potente versión 3.8 del CMS de WordPress están a su servicio para hacer esto.
Para crear un sitio que se adapte a todas las pantallas, solo tendrá que desarrollar un único código HTML.
Por el lado del usuario, ya no es necesario presentar la positividad de la experiencia en términos de ergonomía.
Sin embargo, la perfección no existe, ya que esta capacidad de adaptación en las pantallas de los móviles va acompañada de una degradación de la velocidad de visualización de la página.
La razón es que RWB tiene que cargar todo el archivo CSS.
Aunque esta degradación es mínima, puede ser lo suficientemente penalizante para ciertas aplicaciones móviles como para justificar la elección de una solución distinta al Responsive Design.
Todavía existe la posibilidad de que el creador del sitio solo permita que ciertos elementos de contenido aparezcan en resoluciones superiores a las de los teléfonos inteligentes para sortear este tipo de problema.
Cabe destacar también que este tiempo de carga de la página solo tiene un impacto muy bajo en el posicionamiento en términos de SEO pero es de gran importancia para el usuario móvil.

Porcentaje de rebote

Esta es la tasa de visitantes que abandonan su sitio sin haber navegado por otras páginas. Si bien algunas tasas de rebote altas pueden ser un indicador de calidad (por ejemplo, un directorio cuyas páginas de miembros están bien indexadas y se encuentran directamente a través de Google), en general nos aseguraremos de que la tasa de rebote sea lo más baja posible.
Normalmente, tener una alta tasa de rebote no es bueno para un sitio. La tasa de rebote es simplemente el porcentaje de visitantes que llegan a un sitio y se van sin abrir una página o hacer clic en un enlace. Y para calcular esto último, basta con hacer la relación entre este tipo de visitantes y el número total de visitantes. Entonces, bien podríamos ser claros: si es cierto que dependiendo del tipo de sitio la tasa de rebote puede variar, aún estamos de acuerdo en que cuando supera el 50% es mala señal… Al contrario, si es menor a o igual al 30%, esta es una excelente noticia para el sitio. Pero en el caso de una tasa de rebote bastante alta, también recomendamos analizar el tiempo de visita en Google Analytics, porque es posible que algunos visitantes vean solo una página, pero permanezcan allí por un tiempo.

¡Cuidado con los enlaces salientes!

Como se indicó anteriormente, la tasa de rebote debe analizarse de manera diferente según el sitio. Así, en lo que respecta a los sitios de comercio electrónico o de información / noticias cuya estrategia es obviamente animar a cada visitante a consultar varias páginas, en ningún caso pueden permitirse tener una tasa de rebote superior al 50% sin preocuparse por ello. Por otro lado, otros sitios que dicen ser diccionarios o directorios, que los visitantes generalmente solo consultan por una razón específica, pueden tener una tasa de rebote más alta o más baja. Finalmente, también es cuestión de agregar que cuando nos tomamos el tiempo para analizar nuestra propia tasa de rebote, algunos visitantes se consideran salientes incluso cuando hacen clic en un enlace en el sitio. Este es particularmente el caso en el contexto de los enlaces salientes.