#ux

hanzo

Hacía mucho tiempo que no actualizaba este portfolio, y el motivo no ha sido otro que los 9 meses largos que llevo - junto a otros tres personajes de similar ralea - montando Hanzo.

Hanzo es un estudio de diseño, entendido de forma amplia: diseño de producto, diseño de servicio, diseño de interfaz, diseño visual, diseño de experiencia, etc… Lo mejor es casi que leáis el pequeño resumen que hemos hecho en su sitio web (que esperamos ampliar dentro de poco, ejem!).

http://hanzo.es

Master Class Estándares y Accesibilidad en Trazos

Master Class en Trazos sobre buenas prácticas en estándares web y accesibilidad.

Aunque las presiones por tocar HTML5 y CSS3 fueron varias y variadas (y algo vimos), yo que soy un tipo eminentemente práctico me centré en exponer una buena metodología de desarrollo en lo que a estándares se refiere.

Más información: http://www.escuelatrazos.es/noticias_prueba/noticias.php?noti=1271151571&pag=1

Premios LAUS 2010

He sido elegido para participar como jurado en los Premios Laus 2010, categoría de interactivos, junto a algunas personas a las que respeto mucho.

Ya tengo ganas de ver las piezas de este año.

PD: Dádivas en el mail de contacto.

Domestika

Los dos últimos años he estado trabajando para Domestika. No es sencillo explicar todo lo que he estado haciendo, pero de manera resumida podríamos decir que he ido tenido responsabilidades como:

  • Jefe de proyecto de Domestika.org: Análisis de futuro, definición de objetivos, dirección y coordinación de equipos, participación en cualquier aspecto relacionado con el desarrollo (usabilidad, diseño gráfico y programación) y a la que me descuidaba bajaba a por el café.
  • Director de diseño, experiencia de usuario y programación cliente: Definición, creación y dirección del departamento, selección de perfiles, establecimiento de líneas maestras de actuación, política del departamento, relaciones con otros departamentos, etc…
  • Director de operaciones: Dirigir y coordinar a unas 40 personas repartidas en 9 equipos dentro de la empresa, más una red de 75 diseñadores freelance y otra de 15 redactores de contenidos. Todos ellos formando una estructura de producción web y relación con el cliente orientada a desarrollar sitios web en volumen.

Universidad Politécnica de Madrid

Trabajé como consultor externo para la Universidad Politécnica de Madrid en el desarrollo de su sitio web institucional, que iba a servir además como modelo al que podían acogerse las distintas facultades que componen la Universidad.

El desarrollo iba a realizarse en uno de esos encantadores CMS’s tan caros y pesados (no diré cuál), así que tenían bastante claro que antes de empezar necesitaban el asesoramiento de alguien experto en accesibilidad y estándares. Ya que habían tenido anteriormente problemas de accesibilidad que les obligaban a rehacer partes importantes de su código.

Por ley debían validar Doble A y además querían tener un sitio web rico, funcional y estéticamente hablando. Así que mi trabajo comenzó con el análisis de prototipos y gráfica, detectando posibles problemas y planteando soluciones al equipo de desarrollo.

Hacer las cosas de esta manera facilitó enormemente el proyecto, ya que todo el modelo de datos, los gestores de contenidos, las funcionalidades y el desarrollo (amén de la maquetación) se llevaron a cabo sobre una base sólida, real y posible. Sin sustos de última hora.

También me encargué de la programación de una serie de maquetas maestras que, después de algunas sesiones de formación, el equipo de desarrollo interno de la Universidad se encargó de replicar e integrar.

Además de participar en el desarrollo de su site institucional también participé en algunos microsites (Selectividad 2007 y Aula 2007) y en la creación de un blog para la Cátedra Unesco.

Bancaja

En este proyecto colaboré con el Estudio Mariscal en el análisis y desarrollo de Tubancaja.es, la banca online de Bancaja.

Me incorporé muy pronto al proyecto, formando parte del equipo de consultores que el Estudio necesitaba. Tuvimos bastantes reuniones con el cliente en las que se analizaron los requerimientos de accesibilidad junto con otros objetivos del site (SEO principalmente).

Dado el alto grado de sensibilidad que tienen tanto sistemas como desarrollo para un banco, era muy importante tener un análisis funcional muy claro y unas especificaciones totalmente cerradas. Gracias a la labor previa de consultoría y análisis conseguimos que no se diera ningún paso en falso a nivel de maquetación y accesibilidad.

Además de la parte pública, el sitio web tenía una parte privada cuyo HTML no podía tocarse. El reto en este caso era conseguir una coherencia visual entre la parte pública y la privada, pero modificando únicamente a las hojas de estilo y las imágenes.

Universidad de Alcalá de Henares

La Universidad de Alcalá de Henares me pidió que desarrollara una serie de maquetas maestras que validaran Doble A sobre una base de diseño ya existente, y que formara a su equipo interno de desarrollo para poder realizar sobre dicha base todo el trabajo de programación cliente.

También diseñé una especie de framework HTML/CSS adaptando la estructura principal, para poder desarrollar con él los sitios web de las distintas facultades.

Toda la parte de diseño corrió a cargo de Belén Cosmea.

Fundación ONCE

Technosite, empresa perteneciente a la Fundación ONCE, contactó conmigo para preparar un programa de formación para auditores de accesibilidad.

Una de las principales labores de Technosite es la certificación de accesibilidad, para lo cual cuentan con un equipo muy experto de auditores. Pero querían elevar su nivel de programación cliente para casos en los que - además de auditar - debían proponer soluciones efectivas a sus clientes.

Con esta idea inicial se plantearon una serie de cursos en los que se analizaron todas las pautas de accesibilidad Triple A y se propusieron técnicas avanzadas HTML, CSS y JavaScript con las que conseguir su cumplimiento, sin tener que renunciar por ello a una experiencia rica en los sitios web auditados.

Grupo ACS

Participé como programador cliente integrado dentro del equipo de Órbital BBDO en el desarrollo del sitio web corporativo del Grupo ACS.

La gráfica del sitio web ya estaba planteada, y mi objetivo principal era conseguir un nivel lo más alto posible de accesibilidad, sin tener que renunciar al diseño que ya había visto el cliente (je!).

El proyecto se desarrolló de manera muy satisfactoria y la web del Grupo ACS obtuvo la más alta puntuación de accesibilidad de todas las empresas que cotizan en el IBEX 35 (año 2007, análisis realizado por Adesis Netlife).

Univadis Europa

Trabajé para la división europea de Merck, Sharp & Dohme auditando a nivel de programación cliente su portal Univadis.

El objetivo del proyecto era optimizar al máximo el código, ganando en manejabilidad y reducción de peso, pero gestionando adecuadamente las múltiples herencias a nivel de JavaScript y código empotrado que se mostraba en el site.

Fue un proyecto con una ejecución bastante compleja, en el que había que manejar a su vez requerimientos a nivel europeo y de los distintos países.

Intranet Telefónica España

En este proyecto realicé para CrazyLabs una auditoría de maquetación para la Intranet de Telefónica.

El proyecto ya estaba en marcha y con mucho código escrito, pero dado el volumen que estaba adquiriendo necesitaban optimizar la parte de HTML/CSS para hacer más ágil y robusto el desarrollo.

Mi principal labor fue analizar la base de código existente, proponer soluciones que tuvieran el menor impacto sobre la base ya desarrollada y que aportaran mejoras a nivel de programación cliente; desarrollando un framework HTML/CSS sobre el que fuera sencillo crear distintas tipologías de páginas sin la participación de un maquetador experto.

Resumen de Maquetación

He trabajado durante más de 10 años como maquetador especialista en estándares y accesibilidad para agencias, grandes empresas e instituciones públicas.

Proyectos por lo general en proyectos gráficamente complejos, con altas exigencias en maquetación y soporte de navegadores, integración accesible de sitios ricos en javascript, flash, etc…

Por poner algunos ejemplos: Domestika, Universidad Politécnica de Madrid, Universidad de Alcalá de Henares, Grupo ACS, Paramount Comedy, Danone Danacol y Viacom Media a través de Orbital BBDO, Univadis Europa para Merck, Sharp & Dhome, Juega tu partido para el Real Madrid a través de Cómo, Apuntolapospo, Intolerantes anónimos a través de Shackleton, The Kooks para Emi Music, y paro ya que no me acuerdo de más….

Resumen de Cursos

Tengo bastante experiencia en temas de formación, fundamentalmente de programación con estándares y accesibilidad a equipos de desarrollo (tanto cliente como servidor, a todos los niveles). También he dado cursos de gestión de proyectos basados en estándares en grandes empresas, agencias e instituciones públicas.

Mi experiencia como programador freelance me ha permitido conocer muchas organizaciones distintas y me ha enseñado que los principales problemas en el desarrollo de proyectos no tienen tanto que ver con una falta de capacidad técnica del equipo de desarrollo, sino que es más bien un problema de gestión y toma de decisiones en los momentos adecuados.

El tener claro qué, cuándo y cómo han de tenerse en cuenta los requerimientos de accesibilidad y estándares, así como una buena organización entre departamentos, es clave para que los proyectos de desarrollen satisfactoriamente (tanto para el cliente final como para el proveedor).

Algunos programas sitios donde he dado clases: Universidad Politécnica de Madrid, Universidad de Alcalá de Henares, Fundación ONCE, Grupo Recoletos, Orbital BBDO, Vector Software Factory, Applications Lifecycle Solutions, Nurun Crazylabs, Acceso Group y Domestika.

[ También he dado clase en Educación Secundaria pública durante 5 años, pero ésa ya es otra historia ]

Resumen de Conferencias

A lo largo de estos años he dado algunas conferencias, sobre todo de temas relacionados con la programación con estándares y accesibilidad, experiencia de usuario y diseño gráfico.

Por citar algunas: Adobe Live ‘07, Adobe Live ‘08, MadInSpain ‘08, MadInSpain ‘09, SIMO ‘09, Jornadas AEPD ‘09, Made in FLEX ‘08, Webelopers, Centro Cultural Conde Duque, Instituto Europeo de Design, Desconferencia ‘08, etc…

powered by tumblr based on langer theme