m-marketing

Diseños Web Responsive con plantillas WordPress

Diseño-Responsive-Wordpress

Últimamente parece que cala mi insistencia en que, como mínimo, una marca/empresa debería tener una web responsive para ser visible correctamente en mobile.

¿Por qué una web responsive como mínimo?

Fragmentación dispositivos móviles julio 2013No quiere decir que sea la respuesta idónea para todo porque, como en todas las decisiones de mobile, depende del modelo de negocio de la
marca/empresa. Sin embargo es la mínima opción en la que se debería pensar por dos motivos fundamentales: recursos económicos y fragmentación.

Si pensabas que adaptar tu web al canal móvil era sencillo o costaría dos duros, estás muy equivocado. Implica recursos humanos y económicos. Primero porque hay tres opciones de adaptación web al canal móvil y cada una implica un nivel de recursos. Para un desglose más detallado con cada opción y ejemplo, te recomiendo el post en 40defiebreCómo optimizar tus recursos para Mobile‘.

En lo referente a la fragmentación tecnológica siempre ha existido. En el caso de la tecnología móvil aplica tanto a sistemas operativos como dispositivos y arquitecturas. Una diversidad que, sinceramente, crea un verdadero reto para los desarrolladores.

¿Qué solución tengo?

Una vez se tiene el convencimiento toca echar la cuenta la vieja y ver si hay recursos para afrontar el reto. Como en todo embarcarte en un proyecto de adaptación de tu presencia digital a un entorno mobile supone un desembolso de dinero que, por A o B, no identificas como prioritario. ¡Tengo una ‘factible’ solución!

WordPress como gestor de contenidos versátil, está sumamente enfocado en diseños para una perfecta experiencia de usuario. No sólo es escalable por lo fácil de usar que resulta para cualquiera sino que incluye lo último en diseño: flat design, responsive.. Un sitio donde puedes encontrar buenos ejemplos a precios más que razonables es ThemeForest.

Características de un tema WordPress en diseño Web Responsive

  • Mobile First. Se trata de una metodología por la que se trabaja un diseño web responsive desde el minuto 0, casi desde el prototipo. Es decir se trabaja desde el diseño en resolución más pequeña hasta la mayor, pasando por las intermedias. Esto indicaría un foco inicia el las dimensiones del Smartphone, entendido como el ‘mínimo primero’, pasando por la tableta y llegando al Pc. Con ello conseguimos pensar en lo más útil dentro de nuestro contenido, lo fundamental.
  • Imágenes fluidas. Una de las patas fundamentales en una web son las imágenes porque retienen al visitante y, sinceramente, al igual que los videos es un material altamente viralizable en redes sociales. Muchas veces invertimos tiempo en encontrar imágenes potentes y no caemos en que si la plantilla no hace un uso correcto de las mismas en responsive no sirve de nada. En una web responsive las imágenes son fluidas de tal forma que se ajustan al contenido, se evita realizar zoom y scroll horizontal sobre las mismas.
  • Tipografías accesibles. Cada usuario es un mundo. No todos leemos o usamos la web de la misma forma. Así en la revolución web de las fuentes no sólo cambian los estilos que te puedes encontrar sino también el tamaño con que se muestran.
  • Video en responsive. Un video bien integrado o incrustado dentro de una página ayuda a mostrar con imágenes y audio lo que quieres contar. Igualmente se comparte en redes sociales y, sobre todo, aumenta el tiempo de estancia en tu página. Ahora bien, tal como comento con las imágenes, no sirve de nada tener vídeos en Youtube si la plantilla de WordPress que tienes no es capaz de mostrarlo.

Este blog está creado sobre una plantilla WordPress en responsive, a un módico precio, en la que desde el primer momento quise ser coherente con la temática del blog, dar ejemplo de lo que ‘predico’ y, por supuesto, tener el foco en el usuario final y cómo y desde dónde podría consumir el contenido.

Yo paso mucho tiempo en transporte público. Horas muertas o, como yo prefiero verlo, micromomentos de consumo. No todos tenemos porque leer en ese momento mis post pero si decides hacerlo, lo primero gracias , te aseguro que sea desde donde sea está preparado para que lo leas correctamente.

Comentarios 1

  1. Oye, las tipografías en tu blog dan algún que otro fallo con las tildes 😛

    Responder

Deja tu comentario