el blog de gabrielizalo.com » prototipos http://blog.gabrielizalo.com estándares web, accesibilidad, usabilidad, arquitectura de la información y más cositas... Mon, 22 Feb 2010 08:55:01 +0000 http://wordpress.org/?v=abc en hourly 1 Kit de Herramientas para Prototipado con PowerPoint http://blog.gabrielizalo.com/index.php/2008/04/kit-de-herramientas-para-prototipado.html http://blog.gabrielizalo.com/index.php/2008/04/kit-de-herramientas-para-prototipado.html#comments Mon, 28 Apr 2008 15:52:00 +0000 Gabriel Porras http://ghporras.wordpress.com/2008/04/28/kit-de-herramientas-para-prototipado-con-powerpoint/ PowerPoint Prototyping Toolkit

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.

]]> http://blog.gabrielizalo.com/index.php/2008/04/kit-de-herramientas-para-prototipado.html/feed 0 Prototipos Interactivos con Visio http://blog.gabrielizalo.com/index.php/2008/04/prototipos-interactivos-con-visio.html http://blog.gabrielizalo.com/index.php/2008/04/prototipos-interactivos-con-visio.html#comments Fri, 18 Apr 2008 20:37:00 +0000 Gabriel Porras http://ghporras.wordpress.com/2008/04/18/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.

]]> http://blog.gabrielizalo.com/index.php/2008/04/prototipos-interactivos-con-visio.html/feed 0 Todo sobre El Prototipado http://blog.gabrielizalo.com/index.php/2008/04/todo-sobre-el-prototipado.html http://blog.gabrielizalo.com/index.php/2008/04/todo-sobre-el-prototipado.html#comments Thu, 10 Apr 2008 11:54:00 +0000 Gabriel Porras http://ghporras.wordpress.com/2008/04/10/todo-sobre-el-prototipado/ The Prototyping Spectrum

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

The Prototyping Spectrum PDF

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

]]> http://blog.gabrielizalo.com/index.php/2008/04/todo-sobre-el-prototipado.html/feed 0 Haciendo Prototipos con Adobe Fireworks http://blog.gabrielizalo.com/index.php/2008/03/haciendo-prototipos-con-adobe-fireworks_25.html http://blog.gabrielizalo.com/index.php/2008/03/haciendo-prototipos-con-adobe-fireworks_25.html#comments Tue, 25 Mar 2008 16:50:00 +0000 Gabriel Porras http://ghporras.wordpress.com/2008/03/25/haciendo-prototipos-con-adobe-fireworks/ Fireworks CS3

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.

[youtube=http://www.youtube.com/watch?v=pulaSZ-ftI8&hl=en]

]]> http://blog.gabrielizalo.com/index.php/2008/03/haciendo-prototipos-con-adobe-fireworks_25.html/feed 0