Por medio de este artículo estoy compartiendo con todos los interesados las diapositivas de la conferencia que realicé el 25 de febrero de 2012 en la Ciudad de México, para el evento Mejorando.la/conferencia. En ese segundo día del evento hablé sobre el diseño web para dispositivos móviles, un tema que tiene mucha transcendencia en estos momentos.

La web estuvo tradicionalmente dominada por los ordenadores de escritorio, tanto laptop como desktop. Sin embargo la tendencia actual hace suponer que en 2014, osea, dentro de muy poco, habrá más dispositivos móviles conectados a Internet que ordenadores con sistemas operativos tradicionales. Por ello, y por muchos otros motivos que explico en la conferencia, para nosotros desarrolladores nos resulta especialmente importante actualizar nuestras técnicas de diseño y maquetación, de modo que los resultados que obtengamos sean compatibles también con la web móvil.

Ante el planteamiento explicado en el párrafo anterior, nace esta conferencia en la que pretendo mostrar cuáles son las corrientes de diseño más actuales que nos permiten encarar un desarrollo que sea compatible con la web en movilidad. Para explicar todo ello con el detalle que nos permite la duración limitada de la exposición, se desarrollaron los siguientes puntos:

1) Importancia de la web móvil
Donde mostramos por medio de una serie de gráficas hasta que punto la web móvil es importante y le va ganando terreno a la web focalizada para ordenadores de escritorio.

2) Características y usabilidad del diseño móvil
Cuáles son las características que se suponen deseables para las webs bien construidas para dispositivos móviles.

3) Documentos HTML optimizados para móviles
Un rápido vistazo a los elementos que deben tener las páginas web optimizadas para dispositivos móviles y que nos permiten cambiar la forma como éstos interpretan una página web.

4) Responsive Web Design
Este es el item más relevante de la exposición, en el que se explica el concepto Responsive Web Design, que propone hacer sitios web que se ven correctamente en todos los dispositivos y ordenadores de escritorio. Se repasan diversos elementos adicionales como las CSS3 Media Queries, one web, imágenes fluidas, etc.

5) Recursos útiles: Frameworks y librerías para el diseño y animación en la web móvil
Un recorrido a algunos de los recursos más destacables para hacer diseño web y animación para dispositivos móviles y para implementar las bases del Responsive Web Design. En este punto se comentan desde frameworks CSS preparados para diseño web móvil (algunos que se basan en Responsive Web Design y otros que se quedan a medio camino), librerías Javascript para creación de sitios enfocados para móviles, pollyfils para implementar Media Queries en navegadores que aun no las soportan, librerías para hacer imágenes fluidas, softwares para animación en móviles, etc.

En definitiva, mucho material para poco tiempo de charla. Con ello se explicó muchas veces con demasiada velocidad, pero sin dudas lo iremos viendo en DesarrolloWeb.com con más detenimiento en diversos artículos.

El vídeo de la conferencia se puede ver en un artículo publicado aquí en DesarrolloWeb.com.

El PDF con las transparencias lo he puesto a disposición en el siguiente enlace: Slides de la conferencia de diseño web móvil.