Los básicos del diseño responsivo en WordPress

El diseño web en Bilbao responsivo ha tomado las tiendas de las páginas web. No tener una versión adaptable o responsiva en los móviles de tu web puede dañar la legibilidad de tu página en función a la cantidad de tráfico móvil que tu sitio web recibe (algo que varía en función a la industria).

Unos porcentajes estimados en Estados Unidos, aplicables a España, del año 2014 son:

El 90% de los adultos tiene un teléfono móvil
El 58% de los adultos tiene un smartphone
El 32% de los adultos tiene un libro electrónico
El 42% de los adultos tiene una tablet

Un diseño web responsivo es un diseño web destinado a la elaboración de sitios web para proporcionar la mejor experiencia de usuario posible sea cual sea el dispositivo que esté utilizando. Esto permite la personalización de lectura y navegación, reduciendo la necesidad de cambiar el tamaño manualmente, reencuadrar o hacer scroll en pequeñas pantallas.

Un típico sitio web con características responsivas es diseñado utilizando CSS3, algo que permite a los estilos CSS ser aplicado en diferentes anchos de navegador. Esto va a permitir crear distintos diseños para pantallas de diferente tamaño.

¿Dónde puedo aprender sobre diseños responsivos?

Visita webs que ya conozcas

Una de las mejores maneras de explorar más en profundidad el diseño responsivo es empezar a testear las páginas web que sueles visitar. Algunos de estos sitios optarán por distintas maneras de mostrar sus páginas en diferentes dispositivos.

Google, por ejemplo, usa hojas de estilo completamente diferentes en función al dispositivo que uses para acceder. Este método requiere algunas técnicas de codificación adicionales fuera del CSS y la suelen emplear las grandes webs, como Yahoo o Amazon.

Lee blogs y tutoriales sobre el tema
Realizar un cursillo sobre diseño responsivo
Asistir a talleres
Investigar sobre el CSS3
Construir algo por ti mismo/a, como por ejemplo una web simple con HTML básico y empezar a usar CSS3 para entender cómo funciona

Cómo manejar las imágenes

Imágenes y diseño web responsivo han sido un tópico de discusión en la comunidad de diseño web. Hay muchos puntos de vista diferentes en cuanto a mejores prácticas de cara al uso de imágenes de forma responsiva en una web.

Algunas soluciones implican el uso de CSS simple, mientras que otras son más técnicas y ofrecen imágenes específicamente dimensionadas basadas en las medidas de ancho del dispositivo o el sistema utilizado para acceder a la página web.

Una situación común es decir a las imágenes que tengan un 100% de máximo.

Legibilidad

No importa el nivel de adaptabilidad o responsividad estés usando, lo principal es que se mantenga un nivel de legibilidad en mente. Los usuarios han de ser capaces de leer y entender el contenido. En los móviles, ¿ha de ser el texto más grande?, ¿qué elementos han de ser visibles?. Mantén estas preguntas en tu cabeza mientras planeas cómo de responsivo ha de ser tu website.

Usabilidad

La manera en que los usuarios están ante nuestra página web en Bilbao y cómo la utilizan debe estar en tu cabeza mientras piensas la responsividad de tu web. Si no se puede usar bien, los usuarios no se van a molestar en buscar la información que necesitan. Si ofreces una experiencia optimizada, obtendrás resultados positivos de usuarios ya existentes e incluso atraerás a nuevos usuarios a tu web.

Poison Estudio, empresa de diseño web, creamos la web que necesitas.