¡Seguimos sumando éxitos! El viernes 22 de mayo, el Seminari A volvió a llenarse de portátiles para nuestro evento sobre desarrollo web en WordPress. Esta vez, dejamos el teclear código a un lado por un día para disfrutar de una masterclass magistral sobre los cimientos reales de un buen producto digital. Además, como todos vinisteis con los deberes hechos, ¡ahora os habéis llevado a casa LocalWP instalado y configurado, listos para explorar y practicar a vuestro ritmo todo lo aprendido!
Para esta sesión tuvimos el lujo de contar con dos auténticos veteranos de la comunidad WordPress. Por un lado, JuanKa Díaz (Programador Front-End), responsable del estudio de desarrollo Jdevelopia.com y uno de los grandes motores gestionando las comunidades oficiales de WP Barcelona y WP Tarragona. Por otro lado, Nora Ferreirós, Diseñadora UI/UX (podéis echarle un ojo a su trabajo en noraferreiros.com).
Antes de meternos de lleno en los entresijos del diseño, la sesión arrancó sentando unas bases fundamentales: ¿Qué es exactamente WordPress? Nos recordaron que su misión fundacional no es otra que democratizar la publicación en internet. Pero el verdadero secreto de este CMS no es solo su código, sino su inmensa Comunidad, como la de WordPress Barcelona.
👥 Los dos usuarios: El visitante y el “olvidado”
Solemos pensar que la Experiencia de Usuario (UX) es solo para el Usuario Final, el que visita la web para comprar o suscribirse. Pero Nora y JuanKa nos abrieron los ojos hacia el otro gran protagonista: el Usuario Editor (marketing, CEOs, diseñadores, copywriters…).
Mientras que el usuario final tiene interacciones simples, el editor se enfrenta a un sistema complejo. ¿El objetivo? Crear “restricciones de interacción” inteligentes. Es decir, diseñar la web de tal forma que guiemos al editor y evitemos que rompa el diseño al subir una imagen gigante o cambiar una paleta de colores.
🏭 Rompiendo la maldita “Cadena de Montaje”
¿Por qué a veces los proyectos web acaban en drama? Porque trabajamos en cadena: el cliente pide -> marketing hace estrategia -> copy escribe -> diseño pone “colorines” -> y desarrollo se come los problemas que nadie vio venir.
La solución que nos plantearon es clara:
- Planificación: Decir lo que se va a hacer antes de hacerlo y, sobre todo, preguntar para averiguar qué necesita realmente el cliente.
- Comunicación: Hablar las cosas, ser flexibles y proponer alternativas (“en vez de hacer esto que da problemas, propongo hacer esto otro”).
- Metodología: Usar diseño atómico, diseño modular y sistemas de diseño en herramientas como Figma. ¡Esa es la clave para diseñar de forma que el programador no te odie!
💻 Desarrollo: Nuestro objetivo es que no nos necesiten
En la parte más técnica de WordPress (ese gran CMS que nació para democratizar la publicación en internet), JuanKa nos explicó la magia de estructurar bien los datos.
No se trata de darle al editor una página en blanco, sino de usar el contenido dinámico a nuestro favor. Por ejemplo, para una página de equipo o una lista de eventos, la unidad mínima de interacción no debe ser el editor de texto libre. Como desarrolladores, debemos crear ficheros y layouts independientes donde el editor solo tenga que rellenar un formulario (foto, nombre, resumen). Así, la información queda tan bien estructurada que luego es facilísimo hasta extraerla en un Excel.
🎁 NOTICIÓN: ¡Habemus nuevo SWAG!
Aprovechando que teníamos la sala llena y estábamos hablando de diseño, soltamos la bomba del día: ¡Hemos revelado el nuevo diseño del SWAG oficial de la rama! 👕✨ Estad muy atentos, porque durante las próximas semanas empezaremos a repartir el nuevo merchandising oficial de IEEE x GDGoC UAB. ¡Vais a querer llevarlo a todas partes!
¿Qué es lo siguiente?
Nos ha encantado ver cómo perfiles de distintas ingenierías se interesaban por la intersección entre el código puro y la experiencia de usuario. Vuestro feedback sigue siendo espectacular y nos confirma que mezclar disciplinas es el camino correcto.
Ya estamos preparando el calendario para la recta final del curso. Si te quedaste con ganas de más, quieres proponer algún tema o te apetece unirte al equipo organizador… ¡las puertas están abiertas!
Inscríbete gratuitamente como miembro y síguenos en Instagram y no pierdas de vista el correo para enterarte de cuándo podrás conseguir el nuevo SWAG y cuáles serán nuestros próximos eventos. ¡La revolución tecnológica sigue en la UAB!
El equipo de IEEE Student Branch UAB x GDGoC UAB