L’Usuari Oblidat: Tot el que no sabies sobre WordPress i UX 🌐

Continuem sumant èxits! El divendres 22 de maig, el Seminari A es va tornar a omplir de portàtils per al nostre esdeveniment sobre desenvolupament web a WordPress. Aquesta vegada, vam deixar de banda teclejar codi per un dia per gaudir d’una masterclass magistral sobre els fonaments reals d’un bon producte digital. A més, com que tots vau venir amb els deures fets, ara us heu endut a casa LocalWP instal·lat i configurat, llestos per explorar i practicar al vostre ritme tot allò après!

Per a aquesta sessió vam tenir el luxe de comptar amb dos autèntics veterans de la comunitat WordPress. D’una banda, JuanKa Díaz (Programador Front-End), responsable de l’estudi de desenvolupament Jdevelopia.com i un dels grans motors gestionant les comunitats oficials de WP Barcelona i WP Tarragona. De l’altra, Nora Ferreirós, Dissenyadora UI/UX (podeu donar un cop d’ull al seu treball a noraferreiros.com).

Abans de posar-nos de ple en els secrets del disseny, la sessió va arrencar establint unes bases fonamentals: Què és exactament WordPress? Ens van recordar que la seva missió fundacional no és cap altra que democratitzar la publicació a internet. Però el veritable secret d’aquest CMS no és només el seu codi, sinó la seva immensa Comunitat, com la de WordPress Barcelona.

👥 Els dos usuaris: El visitant i l'”oblidat”

Solem pensar que l’Experiència d’Usuari (UX) és només per a l’Usuari Final, el que visita la web per comprar o subscriure’s. Però la Nora i en JuanKa ens van obrir els ulls cap a l’altre gran protagonista: l’Usuari Editor (màrqueting, CEOs, dissenyadors, copywriters…).

Mentre que l’usuari final té interaccions simples, l’editor s’enfronta a un sistema complex. L’objectiu? Crear “restriccions d’interacció” intel·ligents. És a dir, dissenyar la web de tal manera que guiem l’editor i evitem que trenqui el disseny en pujar una imatge gegant o canviar una paleta de colors.

🏭 Trencant la maleïda “Cadena de Muntatge”

Per què de vegades els projectes web acaben en drama? Perquè treballem en cadena: el client demana -> màrqueting fa l’estratègia -> el copy escriu -> disseny posa “colorets” -> i desenvolupament es menja els problemes que ningú va veure venir.

La solució que ens van plantejar és clara:

  • Planificació: Dir el que es farà abans de fer-ho i, sobretot, preguntar per esbrinar què necessita realment el client.
  • Comunicació: Parlar les coses, ser flexibles i proposar alternatives (“en comptes de fer això que dona problemes, proposo fer això altre”).
  • Metodologia: Fer servir disseny atòmic, disseny modular i sistemes de disseny en eines com Figma. Aquesta és la clau per dissenyar de manera que el programador no t’odiï!

💻 Desenvolupament: El nostre objectiu és que no ens necessitin

A la part més tècnica de WordPress (aquest gran CMS que va néixer per democratitzar la publicació a internet), en JuanKa ens va explicar la màgia d’estructurar bé les dades.

No es tracta de donar-li a l’editor una pàgina en blanc, sinó d’utilitzar el contingut dinàmic a favor nostre. Per exemple, per a una pàgina d’equip o una llista d’esdeveniments, la unitat mínima d’interacció no ha de ser l’editor de text lliure. Com a desenvolupadors, hem de crear fitxers i layouts independents on l’editor només hagi d’omplir un formulari (foto, nom, resum). Així, la informació queda tan ben estructurada que després és facilíssim fins i tot extreure-la en un Excel.

🎁 NOTICIÓ: Habemus nou SWAG!

Aprofitant que teníem la sala plena i estàvem parlant de disseny, vam deixar anar la bomba del dia: Hem revelat el nou disseny del SWAG oficial de la branca! 👕✨ Estigueu molt atents, perquè durant les properes setmanes començarem a repartir el nou marxandatge oficial de l’IEEE x GDGoC UAB. El voldreu portar a tot arreu!

Què és el següent?

Ens ha encantat veure com perfils de diferents enginyeries s’interessaven per la intersecció entre el codi pur i l’experiència d’usuari. El vostre feedback continua sent espectacular i ens confirma que barrejar disciplines és el camí correcte.

Ja estem preparant el calendari per a la recta final del curs. Si et vas quedar amb ganes de més, vols proposar algun tema o et ve de gust unir-te a l’equip organitzador… les portes estan obertes!

Inscriu-te gratuïtament com a membre i Segueix-nos a Instagram i no perdis de vista el correu per assabentar-te de quan podràs aconseguir el nou SWAG i quins seran els nostres propers esdeveniments. La revolució tecnològica continua a la UAB!

L’equip d’IEEE Student Branch UAB x GDGoC UAB