Mens sana in corpore… Semana #29

Para los que trabajamos de oficinistas hacer las labores y mantenimiento del hogar debería ser obligatorio.

Tareas sencillas, aunque puedan ser pesadas, pero que no requieren mucho trabajo mental. Cada vez más gente coincide conmigo en que tras jornadas de trabajo intelectual, agradecen más hacer la comida, limpiar la casa o cuidar el jardín que ponerse a ver otra serie o incluso a leer.

Tras un fin de semana de eventos, con boda y bautizo y una semana de trabajo muy muy intenso, no en cantidad sino en densidad, actividades analógicas como ir de compras, limpiar un trastero y volver a luz una piscina te dejan hecha un despojo pero con la mente descansada, y lista para otra semana de oficina con el perenne iMac y, oh, novedad, una planta de interior.

En WSL empecé la semana arreglando algunos bugs en el panel de edición.

La tarea que ocupó casi todo mi tiempo fue el diseño para la entrada de datos de la tarea R. Ya tenía el proceso diseñado, pero necesitaba un poco de amor, para conseguir un nivel más. Y como extra, extender este cambio a todo el panel de edición.

Empecé buscando inspiración, por ejemplo Colour Lovers, que siempre me ayuda mucho, y algunos sitios nuevos que descubrí. Los formularios pueden ser algo tan anodino como bello y la diferencia se tiene que conseguir con detalles, cada recurso importa mucho. Hay que evitar a toda costa caer en la decoración y el ornamento para no añadir complejidad a lo que es un sitio para trabajar.

Y una vez supe por dónde quería ir, tomé una decisión que ha sido clave: diseñar directamente con CSS. No usar un editor gráfico, sino que el navegador sea el lienzo. Lo había hecho otras veces, pero cuando ya tenía una base del diseño visual muy definida. Esta vez ha sido al contrario, tenía el código y sobre él he construido un visual nuevo.

Así que esta tarea ha sido bastante completa, investigación, diseño, HTML, CSS y javascript. Subí a dribbble un pequeño detalle del diseño del panel de edición mientras iba probando. No es la versión actual, pero se parece bastante.

Ya el viernes terminé mis aventuras con el panel investigando la mejor forma de proveer de snippets de HTML que se usan recurrentemente. Tengo que considerar el uso para expertos y novatos. Esto me recordó al tema de modelos mentales del Programa Vostok, donde clasificábamos a los usuarios segun sus habilidades y su conocimiento del ámbito. Toca repasar.

En la tarea largamente retrasada ya estamos muy muy cerca del final. Con el empujón de contenidos de la semana anterior, y haber acabado la implementación de la página principal, nos queda dar un repaso a todo en cuanto a contenido y preparar el lanzamiento.

En la red social de moda empezamos y cerramos la tarea nueva, relacionada con el login. Con el diseño actual, los usuarios perciben que el login debe hacerse a través de Facebook. Pese a que ambas opciones están disponibles, la jerarquía de esta opción es mucho mayor, cuando en realidad es la opción menos utilizada para el registro.

Así que hice dos propuestas. En una de ellas, ambas opciones para el login aparecían como opciones de jerarquía similar. Esto ayuda a la percepción como alternativas. La otra propuesta daba mayor relevancia al login con email. Hay un porcentaje muy pequeño de usuarios que utilizan el login con Facebook y además, por su diseño el botón tiene mucho peso visual ya de por sí. Acordamos usar esta segunda opción al final.

Espero que la semana que viene pueda mantener el ritmo y buenas sensaciones, aunque acabe K.O. A empezar a planearla.

No me dejo la cabeza porque la llevo pegada. Semanas #27 y #28

No sólo escribiendo tarde, sino que… se me había olvidado el resumen semanal! Me acordé ayer mismo, inocente de mi, con esa sensación de que te has dejado algo en algún sitio… y era esto. Bueno, ahora ración doble.

Como la ración de caldero con corvina del Mar Menor que me he zampado hoy, que me ha salido y sentado tan bien que no puedo dejar de contarlo. Receta típica de Murcia, con pocos ingredientes y toda la esencia del mar… Imperdible, probadlo si podéis.

Móvil partido, y dos semanas sin Instagram… útil para darme cuenta de que es la única red que echo de menos. Ya creo que es la única que me gusta.

Y, por otro lado, mi alta fidelidad a Nokia en la cuerda floja. Después del castigo que me dio conseguir mi último móvil, me ha durado dos meses. Y sigo arrepintiéndome de no haber comprado aquel iPhone absurdamente barato y caro.

¿Pasaré página? El lunes hay evento de Apple…

Esta semana en WSL principalmente he estado trabajando en la tarea R. Respecto al diseño de la visualización, el feedback fue muy bueno, y me dediqué añadir algunas formas de navegación (todo es navegable!), y también surgió una oportunidad de hacer un cambio de más alcance.

Ahora tenemos contenidos patrocinados en casi todas las páginas, una estructura que limita mucho lo que podemos hacer, muy rígida y que desaprovecha espacio. Así que vamos a proponer una alternativa para aprovechar mejor, y que sea más escalable que la actual.

En cuanto al diseño de la entrada de datos he reestructurado el proceso, lo he dividido en pasos, así cada uno se percibe como más sencillo, menos abrumador. Para ver cómo dividirlo, he buscado agrupar acciones unitarias, o tan relacionadas que puedan percibirse así, y también mapeando un poco los procesos que se siguen en la producción de lo que se refleja en este contenido.

Ahora tiene más sentido, pero aun así, sigue faltándole algo. No es una interfaz visualmente encantadora. Y en eso tengo que trabajar ahora, pero lo veo crudo, es mi punto más flojo.

En el panel de edición de nuevo estuve trabajando en la capa de ayuda. Preparé la capa de comportamiento en Javascript, aunque no estoy 100% contenta con el resultado. Estoy 95% más o menos pero me falta un detalle y sé que tendré que volver sobre él.

También tuve que rehacer el menú de progreso del panel de escritura para que pudiera soportar la ayuda. El panel de edición es medianamente responsive, se adapta a pantallas hasta 768px, y el menú con la ayuda me daba problemas en las pantallas pequeñas. Lo bueno es que la solución a la que he llegado ahora es mucho más sencilla en código, más elegante y totalmente escalable. Lo he hecho con una combinación de media queries de CSS y javascript. Creo que ha quedado muy bien :-)

Otra de las funcionalidades del panel en las que he estado trabajando es el proceso de inserción de imágenes. Ahora hemos añadido un buscador de imágenes Creative Commons, y he incorporado la inserción en un solo click. Espero que mejore el flujo de trabajo, y si los resultados son buenos, lo haremos también para la inserción de imágenes que se suben.

También he hecho cambios en la pantalla de opciones para insertar la imagen: he restringido lo que se puede elegir según el tamaño y tipo de la imagen que se va a insertar. No es que se produjeran muchos errores por no haberlo controlado antes, pero arreglarlo era sencillo.

En la tarea largamente retrasada, que sigue retrasada, he estado echando una mano insertando contenidos, ya que mi compañero Javi está a tope con otras cosas, y así podemos avanzar algo aquí.

Es una pena que este proyecto nos esté llevando tanto tiempo, no ya por lo que se retrasa su salida, sino porque al hacer el trabajo con tanta interrupción, acabas perdiendo la conexión inicial y empiezan a aparecer las dudas.

En la red social de moda acabamos de diseñar el proceso que teníamos entre manos. Ha quedado una lista por probar más larga de lo que me gustaría. Cosas que tenemos que probar porque creo que no he dado con la solución ideal.

Aparte de esto, hay una nueva tarea, más sencilla, en el horizonte, y además el cliente me permite mostrar el trabajo que estoy realizando, así que por ahora he subido a Dribbble la plantilla que hice para el correo de bienvenida a la red social. Cualquier comentario sobre él es bienvenido.

Semana #26

¿Por qué no haré caso a la intuición? ¿Por qué lo haré mañana?

Otro fin de semana con arte, en sentido literal. Por el Día Internacional de los Museos se organizó en Blanca Arte libre, una serie de actividades y exposiciones que se adueñó de todo el pueblo. Prácticamente no se podía ir por una calle sin encontrar alguna obra. Entre epatante y grotesco.

Han empezado a asomar los tomates y mientras, en WSL empecé a trabajar en las mejoras para el panel de edición que habíamos cerrado el viernes anterior.

Cambios en la navegación para que quede más claro el nuevo proceso secuencial para la edición. Antes lo teníamos todo en un mismo panel, de forma similar a Wordrpress, y ahora hemos separado la redacción de las otras tareas necesarias para publicar: clasificación, programación, difusión posterior… y aunque cuando lo has hecho una vez, es muy sencillo, queremos conseguir que sea totalmente evidente: recognition over recall.

Por otro lado, tenemos una nueva forma visual de mostrar la agenda de publicación, que sirve también para seleccionar la fecha de publicación de un artículo. Nos pidieron más información de la agenda en este punto, más detalles de cada artículo, así que busqué la forma de incluirlo sin añadir ruido para no interferir a la hora de seleccionar.

Volví a trabajar en la capa de ayuda para este panel. Ya tenía el diseño, y ahora he hecho recuento de los puntos que hay que poner en la guía. Tenemos algunos relacionados con la propia interfaz, para los que yo pondré el contenido, y otros de la guía de estilo para los que he pedido ayuda al equipo editorial. También empecé a programar en javascript el comportamiento e interacciones con los elementos de ayuda.

Terminé y presenté la propuesta para el proyecto V, y tuvo muy buena acogida, desarrollé todos los casos que faltaban para completar los posibles escenarios, lo validamos y ahora tenemos que hacer la capa front end, pero de eso se encargará uno de mis compañeros.

En la tarea R empecé la investigación de los competidores, y también de estándares que hay disponibles para estructurar y enriquecer este tipo de servicio. Hice una primera versión de la interfaz de entrada de datos, y otra de la posible visualización. Me dieron buenas sensaciones ambas, pero al validarlas con mi compañero Dani, salieron bastantes carencias, así que a trabajar de nuevo.

En el proyecto bancario hemos acabado, se ha lanzado ya por parte del cliente y ahora esperamos resultados.

En la red social de moda envié los casos que faltaban y estoy a la espera de resultados. A ver si pido autorización a mi cliente para poder enseñar algo de este proyecto en dribbble y mi portfolio, que hay algunas cosas chulas que me gustaría explicar un poco más a fondo.

Semana #25

Calles viejas y nuevas ideas. Combinación interesante pero arriesgada.

Un fin de semana convencional, un poco de descanso y lectura que también apetecía, con un improvisado paseo por el casco antiguo de mi pueblo. Inspirador, aunque acabé fatal después de cientos de escalones a pleno sol hasta la parte más alta: el castillo.

En WSL empezamos la semana con una reunión con varios compañeros del departamento de servicios a empresas. Hay nuevas necesidades y hemos preparado documentación para dar apoyo a los project managers en las presentaciones.

También vamos a añadir un nuevo protocolo de comunicación con los clientes y con el resto del equipo para que tengan más visibilidad del trabajo que vamos haciendo. Ahora el proceso de implementación es como una caja negra, una entrega llave en mano, ya que en ese proceso podemos avanzar sin participación de nadie más. Esto hacía el proceso opaco para el resto de participantes, que quedaban esperando el resultado. A partir de ahora, pasaremos a dar informes del estado del desarrollo mientras se implementa el diseño realizado.

Se ha reactivado por fin la tarea R, que llevaba un mes aproximadamente en revisión por parte del equipo de desarrollo. No solo nos han dado luz verde, sino que va a ser algo más ambicioso de lo que en principio se planteó, genial! Se ha visto el potencial y ha cambiado todo el planteamiento.

De todas formas, vamos a seguir el enfoque de empezar por algo muy concreto, así que me he dedicado a hacer análisis de los datos y competidores, y los primeros bocetos en papel para el uso piloto.

Hemos extendido el nuevo panel de edición a todas las publicaciones ya, y con algunas funcionalidades más que estaban en la recámara y han salido en esta release. Está saliendo muy bien, y en general la gente está contenta, a pesar de que con el aumento de volumen de uso y las novedades han salido algunos bugs más.

Así que el viernes tuve una reunión con el director de tecnología y personal de desarrollo en el que decidimos los siguientes pasos que daremos en este proyecto: mejoras de usabilidad, desarrollo de la capa de ayuda en la que ya he estado trabajando, algunas peticiones expresas de los editores, y abordar procesos que tienen cierta envergadura y habíamos conservado intactos, como la subida de imágenes.

En el proyecto bancario mi compañero Diego ha realizado la entrega del material y el cliente ha empezado la instalación.

Para la red social de moda, se aprobó la tarea breve que acabé la semana pasada, y ahora hay que hacer las pruebas.

Y también revisamos la última iteración del proceso principal que estamos rediseñando, y las nuevas pantallas que preparé la semana anterior. Los cambios han sido menores y ahora nos queda completar los últimos casos: cuando no hay resultados de búsqueda y prácticamente nada más.

¿Será la semana que viene cuando por fin retome el proyecto personal M? Lo veremos en el próximo episodio!