Design is everywhere

Concept inbox official blog

5 tips para generar engagement a través del Responsive Design

¿Eres de los que navega desde Smartphones o Tablets?

Como consecuencia de la penetración en el mercado de  los Smartphones y Tablets las tecnologías web han tenido que evolucionar para adaptarse a este nuevo escenario.

Cada dispositivo tiene características y resoluciones de pantallas propias que hacen que la correcta visualización de un sitio web en todos ellos sea un verdadero reto. Los diseñadores debemos crear sitios web que sean adaptables a cualquier dispositivo sin renunciar a la experiencia del usuario ni a la creatividad y presencia de la web. 

Gracias al Responsive Web Design o  Diseño Web Adaptativo podemos hacer que la experiencia del usuario no se vea mermada independientemente del dispositivo utilizado, sin embargo hay algunas cosas que debemos tener  en cuenta en fase de planificación.

responsive medidas

TE DEJAMOS ALGUNOS TIPS QUE TE AYUDARÁN A GENERAR ENGAGEMENT MEDIANTE RESPONSIVE DESIGN

1. Evitar tipografías “Standard”

La tipografía es uno de los elementos básicos para cualquier diseño web pero en el Responsive Web Design toma un protagonismo mayor. Como las pantallas de estos nuevos dispositivos son más pequeñas, el sitio web debe tener la capacidad de transformar o reducir su tipografía a cualquier tamaño manteniendo la correcta visualización. Así mismo, la tipografía ha de transmitir la identidad o esencia del sitio, dado que en resoluciones pequeñas la tipografía puede ser el único elemento destacado en la pantalla.

Tipografía

2.Buenas imágenes

Las imágenes también son muy importantes en el diseño de sitios web. Al igual que en el caso de la tipografía, cuando la pantalla de un dispositivo es más pequeña, las imágenes deben también adaptarse. Las columnas y las imágenes se ajustan, redimensionan y desplazan según la resolución de pantalla. Pon especial atención a que las fotografías funcionen a todos los tamaños a la hora de elegirlas.

imagenes

3. Una única URL

Gracias al diseño adaptativo no necesitamos tener URL’s distintas para cada dispositivo. Se acabaron los subdominios y carpetas específicas para la versión de dispositivo móvil. El enlace único del sitio web original permite que se visualice automáticamente según la pantalla sin preguntar al usuario de qué manera quiere navegar, sin embargo esto supone una mayor dificultad a la hora de analizar el tráfico móvil y su comportamiento. Segmenta a los usuarios por dispositivo y analiza cómo se comportan para asegurarte que la experiencia de los mismos es la adecuada.

floqq

4. Haz que sea divertido

La navegación mediante Smartphones y Tablets se produce en su mayoría en tiempos de ocio y/o lapsos de tiempo en los que no tenemos algo mejor que hacer. No pierdas la oportunidad de sorprender y entretener al usuario para hacer que la experiencia sea divertida.

movil lucky 2

5. Think out of the box

El Responsive web Design no se trata solamente de redimensionar o recolocar elementos. Como diseñadores debemos tratar siempre que la experiencia de uso sea la mejor posible desde el dispositivo que se conecte el usuario, con todas las variables encima de la mesa.

Además de adaptar el diseño a la resolución de pantalla mantén el resto de características del dispositivo presentes, y también al usuario y su interación con el mismo. Por ejemplo, en una galería de fotos o un slider podemos prescindir de las flechas en los dispositivos táctiles invitando al usuario a que deslice su dedo para pasar entre las diferentes fotos, al igual que el scroll horizontal y vertical no necesita de barras o elementos similares.

Como puedes observar, el Responsive Design no nace para limitar nuestra creatividad sino que nos permite mejorar la experiencia de uso de forma individualizada por cada dispositivo.

Vintage Hope

¿Y tú? ¿Tienes algún otro tip para generar engagement mediante Responsive Web Design? ¡Déjanos tu comentario!