ejemplo de código fuente
, , ,

El Desarrollo Front debe estar en el equipo de UX

ejemplo de código fuenteEmpezaré aclarando que, aunque en este post se hable exclusivamente de UX para el diseño de interfaces digitales basadas en tecnologías web, realmente esto es sólo una de las áreas en las que creo que debe  y puede trabajar el equipo de UX, pues, creo que la gente no es consciente de lo que puede aportar este equipo en otras aspectos como por ejemplo, procesos, impacto en Social Media, calidad, publicidad, innovación,… por mencionar algunos. 

Me gustaría poneros en una de las situaciones más habituales que se nos dan, todavía, sobre todo en las grandes compañías en las que los equipos de Front y Back están totalmente separados. Imaginaos un gran diseño creado a partir de unos wireframes que cumplen completamente con los requisitos planteados, una interacción perfectamente definida, y un diseño impecable, creado por el equipo de UX.  A partir de ahí se pasan los entregables al equipo de Desarrollo Front, que en la mayoría de los casos está en Sistemas, junto al equipo de Desarrollo Back. Eso, en el mejor de los casos, teniendo en cuenta que exista el equipo de front y no sea el mismo equipo de back quien desarrolle el HTML.

Cuando finalizan el producto, y lo vemos funcionando, vemos que el diseño tiene fallos, los tamaños de tipografía no se corresponden, se desmaquetan elementos, la interacción no es la que se había definido, y lo que se había definido como un producto impecable, se ha convertido en otro, con defectos, que probablemente provocará una mala experiencia de usuario.

Desde el punto de vista de negocio, esto puede parecer un mal menor, y en la mayoría de las ocasiones “nuestros mayores” así nos lo hacen saber, pero están totalmente equivocados. Una mala experiencia repercute de manera negativa en el negocio siempre.

Leer más

fundacion_numa_responsive
, , ,

Responsive Web Design dentro de una estrategia digital

¿Cuándo y como utilizar Responsive Web Design?La mayoría de los que nos dedicamos a este medio hemos oído hablar en mayor o menor medida del Responsive Web Design. Bien, este artículo no va de explicar en detalle qué es el RWD ni qué soluciones técnicas existen para implementarlo. Voy a tratar de aportar mi visión de cómo y cuando se debe implementar este concepto en el diseño de interfaces digitales.

Introducción

Por hacer una breve introducción de este concepto para los que no lo conozcan,  comentar quee viene aproximadamente de 2009, pero que no fue hasta 2010 cuando Ethan Marcotte se explayó en un artículo publicado en A List Apart poniendo en conocimiento de todo el mundo lo que él entendía como Responsive Web Design y unas nociones de cómo aplicarlo.

A partir de este punto RWD empezó a coger forma, que el propio Marcotte plasmó en un maravilloso libro, recomendado para cualquiera que se dedique a esto, tanto a nivel técnico como a nivel de gestión, Responsive Web Design by Ethan Marcotte, y que cuenta de una manera muy detallada en qué consiste esta filosofía y como aplicarla.

Responsive Web Design, como el propio nombre indica (traducido al castellano), sería Diseño Web Adaptativo, o sensible, como lo traducen algunos. Y, ¿esto qué quiere decir? Pues de una manera sencilla podríamos describir este concepto como “El arte de diseñar de una sola vez para cualquier contexto”, es decir, que diseñando una sola web, se adapte en forma y contenido si accedes desde un pc, o desde un Tablet, o desde un Smartphone, o incluso desde un SmarTV.

Leer más