neshumah

El uso de wireframes durante un proyecto web es algo común, en lo personal lo llevo a cabo sobretodo cuando se trata de proyectos grandes o cuando voy a trabajar con un diseñador, para que este vea cual es la funcionalidad y las opciones que brindará cada página de la aplicación o sitio web.

Generalmente suelo usar Fireworks para hacer estos bocetos ya que es sencillo de usar, pero mi gran problema es siempre agregar algo de interacción, de forma que se pueda identificar el flujo de un proceso.

Como no encontré algo que hiciera esto de una forma amigable y sencilla, me di a la tarea de crear una aplicación que sea capas de esto, así nace Wiffra una (por ahora) pequeña aplicación escrita en PHP, MySQL y Javascript con ayuda te mootools.

Estoy creando una instalación ejemplo (aparte de la que yo uso) para que quien guste pueda ver como funciona.

También si a alguien le interesa pueden ver el proyecto esta en: http://code.google.com/p/wiffra/

Es donde estaré actualizando la app, si a alguien le sirve desde ahí pueden conseguirla, por ahora solo vía SVN pero subo un zip pronto.

Quedan muchas cosas por hacer, por ejemplo este fin de semana pienso agregar control de usuario por que me hace falta para dar permisos por proyecto.

Si alguien esta interesado contácteme en los comentarios con gusto ayudo con lo que necesiten, tal ves instrucciones de instalación? también cualquier duda.

Yahoo ha publicado una seria de recursos para desarrolladores, todas ellas orientadas al desarrollo de UI (User Interface).

De entrada un blog que acompaña el lanzamiento de una nueva librería de patrones de diseño que se utilizará en el desarrollo de sus interfaces, así como ideas de los ingenieros y arquitectos de Yahoo.

La segunda obviamente, la librería de patrones, una extensa librería con los patrones diseñados por los ingenieros de yahoo, algunos interesantes:

• Auto-Complete
• Module-tabs
• Paginación de resultados.

Por ultimo una librería de código, con los frameworks completos de componentes Javascript para desarrollo de interfaces dinámicas orientadas al usuario.

Imperdible todo esto.

Las ligas:
Yahoo! User Interfase Blog
Yahoo! Design Patter Library
Yahoo! User Interface Library