indexante

Morten Just comenta como se pueden armar wireframes usando Google Docs, 2 ejemplos : para una página de producto y otro para aplicación móvil (existen más plantillas). Para usarlas basta con abrirlas e ir a “File/Make a Copy”, útil para armar una rápida idea.

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.

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

Yahoo! Design Pattern Library tiene en libre descarga plantillas para la elaboración de wireframes en proyectos que incluyen el uso de la librería YUI. Trae ejemplos para formularios, menús, dispositivo móviles (blackberry, iphone o un nokia n95) entre otros.

Aunque estas plantillas vienen a color, lo ideal sera pasarlas a escala de grises para evitar confundir la elaboración del wireframe con más detalle del necesario.

Via : UX Magazine.