¿Fracaso de diseño? Diseño web responsivo y planificación para fracasar
El diseño web responsivo recibe grandes elogios un día, como el semental blanco sobre el que el futuro del diseño web carga al rescate, y severas críticas al siguiente... tendrá leer sobre terribles velocidades de descarga, estoy seguro. El motivo de que haya tanto debate es que el ciclo de vida del diseño web adaptativo es aún muy incipiente, por lo que los ejemplos, buenos o malos, son escasos. No obstante, si quieres probarlo con tu propio sitio web, debes evitar algunos errores.
1. Dejar el orden de los contenidos a otra persona
Utilizando un sistema de cuadrícula, el diseño web responsivo permite que el contenido que se muestra en una pantalla grande de portátil o PC se muestre en un dispositivo estrecho de smartphone, y todo lo que hay entre medias. El orden en el que se muestran los "bloques" de contenido no es un resultado aleatorio determinado por el CMS, alguien, en algún lugar, tiene que decidir el orden. Se trata de una decisión estratégica importante y la forma más fácil de estropear tu diseño web responsivo es dejar la decisión en manos de otra persona.
2. Cargar imágenes de gran tamaño
El diseño web responsivo permite que las imágenes cambien de tamaño para adaptarse a la pantalla en la que se muestra el sitio web. Si dejas tus imágenes como grandes archivos de 1mb, cuando se muestren en el smartphone se van a descargar muy lentamente. También debe buscar imágenes adaptativas como solución al problema de la velocidad de descarga.
3. Requiere mucho desplazamiento
Si tiene una página de inicio que requiere desplazamiento cuando se presenta en una pantalla grande como la de un portátil o un PC, cuando llegue a la pantalla de un smartphone podría ser completamente inmanejable para el usuario. Desplazamiento infinito para tratar de encontrar el contenido adecuado significa que los usuarios no encontrarán lo que buscan y pronto decidirán que no vale la pena perseverar en la experiencia móvil.
4. Sólo ir a la piel
Con un buen número de diseños web responsive ahora en exposición, el tratamiento parece haber sido sólo superficial. La página de inicio está muy bien diseñada, con un menú desplegable, una bonita cabecera, sin demasiado desplazamiento, y luego haces clic en la página siguiente en tu smartphone y "boom". La página se expande hasta llenar la pantalla con texto microscópico y un grupo de contenidos en la esquina superior derecha y amplios espacios abiertos a la derecha y abajo.
5. Ignorar las capacidades de los smartphones
Existe un gran debate en los círculos del diseño web responsivo y del diseño de sitios web para móviles sobre si el diseño debe centrarse en el móvil o en el PC. Ninguno de los dos enfoques es correcto si no se aprovechan las capacidades del smartphone. Por ejemplo, un buscador de tiendas es una función multicanal muy útil en un smartphone o un portátil, pero utilizar la geolocalización en el smartphone añade un valor añadido que es exclusivo de la experiencia con un smartphone.
Hay muchas otras cosas que puedes hacer y que harán que tu diseño web responsivo fracase, y si quieres saber más sobre cómo evitar estas trampas de la experiencia del usuario, entonces ponte en contacto.
Gran artículo. Recomendado para todos los especialistas en este campo.