Diseño responsive y accesibilidad con WordPress: usuario vs pixel – Ricardo Prieto en WordPress Euskadi

Resumen en directo de la ponencia de Ricardo Prieto (Silo Creativo).

Una de las claves para medir la eficacia de un diseño web reside en la adaptabilidad del mismo. Adaptabilidad a dispositivos y adaptabilidad a usuarios. Ricardo Prieto nos muestra cómo trabajar desde WordPress una correcta experiencia de usuario basándose en la metodología de trabajo mobile first y mediaqueries.

Ventajas del mobile first:

• El diseño se adapta a los dispositivos
• Mejora del uso de CPU, menos uso de batería

La mediaquery óptima es la que se adapta al contenido «Content first» , nuestro contenido debe adaptarse a los dispositivos. Se tiene que  hacer un uso correcto y eficiente de la gestión de imágenes para que la experiencia de usuario sea lo mejor posible. El estudio de tribilis.com mide cuál es el porcentaje de peso que tienen las imágenes en nuestra web.

Se debe definir según el contenido cuál va a ser la anchura que va a tener la imagen.  Éste es el tratamiento de  imágenes que nos propone Ricardo Prieto: pasar la imagen a png8, trabajarla con smush.it para reducir la imagen y  utilizar el plugin photon para acelerar y editar las fotos que se alojan en  WordPress.com. Recomienda la librería fitvids.js  para insertar vídeos fluidos en la web.

El tamaño de la tipografía debe variar dependiendo del dispositivo. Un buen principio de UX es 50-60 caracteres por línea, nos recomienda la librería fitText para implementarlo.

Este resumen se ha redactado en directo, la semana que viene se completará y se añadirá la presentación utilizada por el ponente.