La semana pasada, no fue ninguna sorpresa cuando Pierre de Google anunció al diseño web sensible como recomendación formal para la entrega de sitios en versión móvil. El diseño de páginas web sensibles es el enfoque de un diseño que debe ser lo suficientemente flexible como para adaptarse al tamaño de la pantalla y la plataforma del usuario visitante.
Esta uniformidad (relativa) en la experiencia de usuario parece ser maravillosa para los motores de búsqueda y desarrolladores por igual.
Google se va a enfrentar a un dilema fundamental: si cada sitio tenía una experiencia totalmente diferente para los usuarios móviles y de escritorio, ¿qué sitio sería en realidad el digno del enlace entrante? ¿Es mejor un sitio diseñado para móviles? y, de ser así, ¿cuánto y por qué?
Esto es especialmente importante cuando se considera que hay predicciones de que el uso del móvil superará al uso de escritorio en el año 2014. Así deben animar a los desarrolladores a crear una experiencia web convincente que se adapte a la plataforma, Google es probablemente capaz de conservar muchos de sus algoritmos de enlace y hasta cierto punto puede evitar la carga abrumadora de tratar de evaluar versiones móviles y de escritorio como entidades separadas.
Para los desarrolladores, los beneficios son claros: la carga de tener que mantener varias versiones de una página web va a desaparecer con el tiempo. Además, el paso a RWD probablemente creará una mentalidad “Mobile Primero”, lo que inevitablemente dará lugar a una arquitectura más clara y a la experiencia de usuario que se ponderarán adecuadamente.
Para un diseño sensible, por lo general necesita de los tres atributos siguientes:
Imágenes sensibles deben de ser de naturaleza similar a la red de líquidos, las imágenes sensibles no tienen anchos fijos, sino que tienen un max-width (nombrados con la letra al 100 % cuando se muestra en un escritorio). Esto permite que las imágenes sean reducidas para adaptarse a la anchura de la pantalla en la que se representa la página web.
La salida de estos atributos es fácil de reconocer. Basta con echar un vistazo al diseño web sensible como Starbucks y manualmente cambiar el tamaño del navegador. Usted debe notar la pantalla cambia de tamaño y se ajusta de acuerdo al ancho del navegador.
A continuación se dan algunas herramientas excelentes para experimentar con el diseño de sitios sensible:
Twitter Bootstrap: Es un conjunto de herramientas fantásticas para construir rápidamente sitios sensibles y páginas de destino. La mayoría de los desarrolladores deben considerar a esto como un plugin para consolidad sus CSS y elementos Java Script.
ThemeForest: Los adictos a WordPress y al “hágalo usted mismo” pueden echar un vistazo a estas plantillas de WordPress. Hay cientos de diseños sensibles y una comunidad bastante activa que se dedica a revisarlos.
Revista Net: En ésta revista usted encontrará las 50 mejores herramientas para al diseño web sensible.
El Diseño Sensible debe ayudar a fomentar la proliferación de las experiencias más móviles, especialmente en el mundo de los negocios pequeños / medianos. Esta norma no oficial será un paso importante, ya que se asegurará de que muchas empresas pequeñas / medianas tendrán una presencia móvil sin costo adicional significativa. Esto los hará capaces de obtener beneficios económicos y lo hará partícipe de una historia diferente.
[...] encanto de los diseños web de lujo con mucha animación Flash y diseños creativos se pierden en las pequeñas pantallas de [...]