Diagramas, un doctorado, refactoring y rebajas! Semanas #33 y #34

De nuevo voy a contar dos semanas en una, mi disculpa: estaba de shopping 🙂

Mi debilidad, las rebajas, compras por internet a horas intempestivas, pero también una actividad familiar que ya es tradición ir con mi hermana y mi madre. Tan buena para nosotras como ir al cine o de cañas, o incluso mejor, me atrevo a decir. Lo malo es que sufrimos bulimia de compras, término acuñado por Suso Lahuerta para describir la forma de comprar típica de mi madre.

Pero no toda la actividad familiar fue tan superficial, ya que este jueves acompañamos a mi hermana en la lectura de su tesis doctoral en Filosofía: El problema de la interpretación en el arte: intención y significado.

Una presentación impecable, un saber estar en la tarima y la forma de responder a las preguntas, con naturalidad pero contundencia, un dominio del inglés hablado que para mi quisiera la mitad, y, sobre todo, valentía al elegir un tema actual, desarrollado por filósofos contemporáneos y generando contenido original. Enhorabuena Ali!

En el trabajo, han sido dos semanas muy diferentes. La primera, dedicada a cerrar frentes, como el proyecto largamente retrasado, revisión, ayudar a la implementación de los snippets de código en el panel de edición, hacer algunos prototipos para implementar la votación de comentarios en nuestras versiones móviles, y dar soporte a algunos compañeros de servicios a empresas, que han tenido mucho trabajo estos días y necesitaban un poco de ayuda.

También empecé una tarea que llevaba tiempo pendiente: refactorizar el CSS de nuestra capa de visualización. Decir que el código no estaba optimizado es ser muy amable: tras tres versiones de diseño y dos del backend completamente diferentes que tuvieron que convivir durante un tiempo, con las versiones para tablet y móvil que desarrollamos en base a un framework genérico (Twitter Bootstrap), y haber introducido LESS en medio de todo este proceso, la cosa está de mírame y no me toques.

Así que, como la arquitectura está muy definida en este momento, he empezado a hacer limpieza y a crear módulos reutilizables pero extensibles, para, por ejemplo, tener una definición base de botones, y luego sólo tener que ajustar las mínimas propiedades necesarias para adaptarlo a móviles o tablets (ej. tamaño del área pulsable, o del texto), todo a través de LESS. Así tendremos un código más sencillo, modular, con menos sitio para errores, y más fácil de mantener.

Botones, iconos, formularios, colores… es lo básico que he abordado esta emana, pero aun queda la mayor parte, que seguiré haciendo poco a poco. Después además quiero construir una guía del estilo de la de Mapbox o Heroku que permita a front-ends y desarrolladores usar los componentes fácilmente, y respetando el estilo.

También he empezado a preparar una escala tipográfica nueva, que no será tan sencilla de incorporar en esta refactorización como el resto de componentes. Necesita mucho más trabajo de diseño previo, pero es necesario también.

Y la siguiente semana ha venido marcada por una nueva tarea que me han pedido para el panel de edición, relacionada con la visualización de datos.

En este tema estoy bastante verde, así que lo primero que hice fue dejar mi lectura de verano y coger un libro que tenía pendiente desde hace tiempo, Digital Diagrams (uno de los recomendados por el profesor Cañada), que por ahora me parece bastante básico, y con muchísimos ejemplos, lo que me viene de perlas, y buscando un poco más, di con Now You See It: Simple Visualization Techniques for Quantitative Analysis, que Yusef Hassan ha recomendado alguna vez en su blog, que me he pasado esta semana. Tengo que buscar alguna referencia más de este libro, a ver si voy a por él o no.

Con todo esto, y repasando los principios de la Gestalt y la teoría de diseño de información que aprendí el año pasado, espero poder hacer un buen trabajo. Estoy un poco nerviosilla con esto.

Por último, acabamos la semana con una reunión de departamento. Normalmente las hacíamos entre dos compañeros, sin periodicidad, y dábamos reporte de actividad al resto del equipo, pero ahora hemos cambiado el método y vamos a mantener un documento con el estado de los proyectos, de forma que quien quiera pueda consultarlo en cualquier momento y tener una visión global de los avances. Y cada dos semanas, reunión de departamento para contarnos entre nosotros.

A ver si esta manera, sencilla pero más metódica que lo anterior, nos permite mejorar nuestra comunicación y visibilidad, ya que tenemos un problema grave con esto: los otros departamentos no tienen conocimiento de la mitad de o que hacemos.

Y ahora, a darme un remojón!

4 comentarios

  1. Hay poco libros más didácticos y útiles que Now You See It. Few también acaba de publicar “Information Dashboard Design: Displaying Data for At-a-Glance Monitoring”, aunque de este aún no puedo darte opinión.

    1. Muchas gracias por el comentario Yusef.

      Pues creo que lo pillaré, porque la verdad es que el Digital Diagrams me está pareciendo un poco descafeinado. Tiene muchos ejemplos pero creo que le falta algo de chicha.

      Si tienes alguna otra recomendación para alguien que no tiene ni idea, es bienvenida.

      Qué pena no haber podido ir al taller que hiciste en La Nave Nodriza!

  2. Aunque no específicamente sobre visualización, otro libro que recomiendo mucho es Visual Thinking for Design de Colin Ware, uno de los mejores resúmenes sobre cómo percibimos visualmente, y por tanto sobre cómo deberíamos diseñar.

    saludos!

Responder a Yusef Cancelar respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *