Kit de Herramientas para Prototipado con PowerPoint

Si podemos hacer prototipos de nuestras Webs con Fireworks y con Visio, cómo no vamos a poder hacerlos con PowerPoint 2007.

De acuerto a Long Zheng, PowerPoint se está volviendo una herramienta de prototipado muy popular dentro de Microsoft. Partes de Windows, Windows Live, Internet Explorer, Home Server y Expression Blend fueron prototipados con este programa.

Te invito entonces a que mires una charla de Manuel Clement, del equipo de Diseño de Microsoft, acerca del prototipado con PowerPoint 2007. Además descarga el Kit de Herramientas para Prototipado con PowerPoint y pruébalo tu mismo.

Gracias a guuui.com.

Prototipos Interactivos con Visio

La utilización de prototipos está cobrando más importancia en el desarrollo de nuestras Web y eso lo demuestran los recursos que nos encontramos día a día en la Web.

Hace tan sólo algunos días te presentaba como hacer Prototipos Interactivos con Adobe Fireworks y hoy, gracias a elclerigo!, los invito a leer Cómo crear prototipos interactivos en PDFs desde Visio.

Si no conoces este software te cuento que el Microsoft Office Visio es un programa de dibujo vectorial especialmente creado para hacer diagramas (de bases de datos, de flujo, de UML...).

Ah! ¿Y para qué me sirve un Prototipo Interactivo? De acuerdo al Espectro de Prototipos nos sirven para comunicar, discutir, evaluar y probar nuestros diseños y están en la fase de Proponer (después de "Jugar" y antes de "Especificar").

Si... Los prototipos me sirven inicialmente para (1) jugar con propuestas de diseño. Posteriormente para (2) comunicar y discutir los diseños que se han mejorado. Para finalmente (3) especificar el diseño final que hemos depurado. Y durante estos tres pasos, la calidad de los prototipos van mejorando y mejorando, comenzado con un simple boceto para terminar con uno de gran calidad y que me servirá como Guía de Desarrollo y de Especificación.

Todo sobre El Prototipado

Todos deberíamos conocer y trabajar los Prototipos antes de comenzar a desarrollar cualquier producto.

Hace algunos días mencioné un muy completo artículo sobre Wireframes, Blueprints, Prototipos…, sin embargo hoy me encontré con este excelente esquema del Diseño de Prototipos: The Prototyping Spectrum: An overview of the issues, goals, tools, and phases of design prototyping [PDF].

Este es un pequeño afiche, en formato PDF, sobre el "arte del prototipado" con sus temas, objetivos, herramientas y fases



Gracias a la lista IxDA (The Interaction Design Association).

Haciendo Prototipos con Adobe Fireworks

Artículo Original: Prototyping with Adobe Fireworks
Author: Henrik Olsen (guuui.com)
Fecha: 25 de marzo de 2008
Traducido por: Gabriel Porras

Tal parece que Adobe Fireworks se está convirtiendo en una de las herramientas favoritas de prototipado para muchos Diseñadores de Interacción. Con la versión CS3, Adobe ha adicionado nuevas características que resultan muy interesantes para hacer prototipos:

• Ya puedes crear páginas en lugar de tener que trabajar con un montón de capas (layers)
• Puedes tener una página maestra con todos los elementos comunes de las páginas
• Viene con una librería de elementos (widgets) de interfaces que puedes utilizar con un simple arrastrar y soltar
• Puedes crear tus propios elementos (widgets)
• Puedes programar Clics a cualquier elemento y así enlazar otras páginas
• Puedes exportarlo todo como páginas Web y así crear un prototipo "navegable"
• Puedes trabajar desde bosquejos hasta diseños completos

A continuación puedes ver un video y 3 tutoriales en inglés de cómo usar Fireworks como una herramienta de prototipado.

• Video of a web page made with Fireworks
• Tutorial: Rapid prototyping in Fireworks CS3
• Tutorial: Wireframing with Fireworks CS3
• Tutorial: Using Fireworks CS3 to design effective, interactive website presentations