indexante

WireframeSketcher es un plugin de Eclipse para desarrollar wireframes con solo arrastrar elementos, viene con los tradicionales predefinidos, la herramienta de agregar texto Lorem Ipsum es genial, la manipulación de propiedades también es otra ventaja.

La integración con un IDE de desarrollo es algo que pueden aprovechar los programadores para estar mas cerca del desarrollo de interfaces y comprender mejor al usuario.

La herramienta es de pago, pero es gratis para desarrolladores de software libre.

“Hay una serie de objetivos de negocio que necesitamos cumplir y para los cuales nosotros diseñamos también. No podemos hacer siempre lo que es mejor para el usuario. Tenemos que intentar asegurarnos que estamos presentando una experiencia global que puede conciliar en lo posible tanto objetivos de las empresas como necesidades de los usuarios.”

Russ Unger en el punto 8 del articulo 10 errores de percepción sobre el diseño de experiencia de usuario .

Una imagen vale más que mil palabras. Una interfaz vale más que mil imágenes

Ben Shneiderman, 2003, visto en Shades of Gray: Wireframes as Thinking Device

Trabajar construyendo sitios web profesionales es un trabajo en equipo, así de simple.

¿Como se compone un equipo web? la respuesta siempre depende de que tan grande es el proyecto, de cuanto presupuesto manejes, la cultura de la organización o emprendimiento en el que trabajes, etc.

Para comenzar lo recomendado es manejar equipos pequeños con un equilibrio entre experiencia y talento, también en ocasiones una persona podría llevar uno o mas roles.

Una estructura básica sugerida para un equipo web :

Jefe de proyecto
Se encarga de tener claros los objetivos del proyecto y llevar al equipo adelante, es el que hace de intermediario lucha con cliente / gerencia, vigila el cronograma. Entiende de todas las áreas de la web, algunos podrían decir que es la evolución del webmaster de los tiempos idos.

Arquitecto de información
Organiza la información del sitio, estructuras de navegación, entiende clasificación y folksonomías. Mejora la “encontrabilidad” (findability) del sitio. quienessomos-nuestrosproductos-nuestrosservicios-contacto es una chapuza para el.

Consultor de usabilidad
Se tarea es vigilar la facilidad de uso del sitio, realiza pruebas heurísticas y de usuario, diseña interacción,”click aquí“ le provoca ternura.

Diseñador gráfico
Entiende de equilibrio de color, contraste, equilibrio, diseña usando un arsenal de programas, maqueta en XHTML y CSS, cumple estándares, esta al día con las tendencias del diseño en la web. “¿el sitio web tiene que verse igual en todos los navegadores?“

Programador frontend
Microformatos, Javascript al revés y al derecho, compatibilidad de navegadores siempre es prioridad, AJAX, JSON, XML y nodos todos los días, todo el día. Odia internet explorer.

Programador backend
Entiende de 2 o más lenguajes de programación del lado del servidor, feeds, XML-RPC, APIs, frameworks, optimización de código, testing. Le gusta programming.reddit

Administrador de base de datos (DBA)
Esta al tanto del servidor de base de datos, entiende de SQL, mantiene las tablas y el rendimiento de las consultas : resume 5 llamadas en 1 usando un JOIN y un chicle.

Administrador de sistemas (sysadmin)
Vigila el rendimiento y seguridad de los servidores : 100% uptime es la meta, escribe scripts de mantenimiento, realiza copias de seguridad, dimensiona crecimiento de la red. Optimizar recursos y memoria es una obsesión.

Consultor de posicionamiento (SEO)
Siempre al tanto del posicionamiento de las páginas, linkbuilding, Google Webmasters Tools es su principal arma. Crees que se va de fiesta cuando los escuchas hablar del Google Dance.

El rotulo de cada componente del equipo podría ser un problema, ¿donde esta el diseñador de interacción? ¿la interfaz es responsabilidad del diseñador o el consultor de usabilidad? estas preguntas que llevan al debate se solucionan en la práctica.

Peter Morville esta trabajando en un nuevo libro sobre el futuro de la búsqueda en la web y publica una interesante colección en flickr con patrones, anti patrones y ejemplos varios.

Y si sabes algo de ingles puedes colaborar agregando notas al respecto.

Trevor van Gorp de Affective Design aplica la analogía usando los conceptos de J.J. Garret. en esta presentación :

Dale una mirada a pantalla completa para apreciar la secuencia o puedes ver la imagen final.

Vía Usolab, con más detalles

Darcy realizo una traducción-resumen del articulo Arquitectos de información como agentes de cambio, de como no solo se trata de organizar la información en los proyectos web, sino también de tratar con la gente afectada con los positivos cambios.

En El Pais publicaron Arquitectos de la Web, un reportaje a diversos personajes que se dieron cita para Fundamentos Web, como siempre interesante, me quedo con una frase de Miguel Ripoll :

... lo primero es la funcionalidad de la página. Una web se tiene que adaptar a las necesidades del cliente y no el cliente a la web, como ocurrió durante años. Eso pasó a la historia.

Peter Morville publica las imágenes de una hipotética caratula para el libro del oso polar según la visión regional de la disciplina, Jorge Arango creo la versión latinoamericana que me parece genial :