user interface - programa - ¿Cuál es la mejor manera de crear prototipos de aplicaciones interactivas?

programa para hacer prototipos de interfaz gratis

Question

La pregunta debe interpretarse desde un punto de vista general y no enfocarse únicamente en aplicaciones web o aplicaciones de escritorio.

He estado buscando una manera simple y fácil de crear prototipos interactivos para aplicaciones web. Me gustaría utilizar una técnica que permita la creación de IU simple y especialmente la recreación y modificación de la IU en posteriores iteraciones. Llenar la UI con datos de maquetas debe ser muy simple. La técnica puede requerir una forma simple de programación, por ejemplo, para especificar un comportamiento de arrastrar y soltar desde el elemento A de la interfaz de usuario al elemento B de la interfaz de usuario.

Una herramienta que uso actualmente es Adobe Flex Builder. El diseñador de GUI incluido es muy bueno y he logrado algunas habilidades con AS3 hasta ahora. El problema es agregar datos a la IU. Siempre resulta en código de programación para verificar y analizar estructuras de árboles XML, y principalmente depurar esta sección del prototipo. Demasiado engorroso!

Otra herramienta que muchas personas usan es PowerPoint, que implica una forma realmente engorrosa de crear una GUI dibujando cada parte de una interacción en una diapositiva independiente. ¡De ninguna manera! Sería mucho más rápido con prototipos de papel. Otras (¡mejores!) Herramientas de dibujo de formas libres también forman parte de esta categoría (soy un usuario de inkscape de peso pesado feliz) pero Prototyping y Mockup obviamente no son su objetivo principal. La paleta UI-stencil para Viso lo hace un poco mejor que la competencia de dibujo.

Los principales competidores en prototipos rápidos hasta donde sé son:

• me levanto
• Axure
• Serena y otros?
• Viso
• Powerpoint, Illustrator, Inkscape o cualquier otra herramienta de dibujo de forma libre
• prototipos de papel
• IDE con buenos constructores de GUI (como Flex Builder Designer y Netbeans Matisse)

Mi opinión es que los constructores reales de GUI son un buen punto de partida. ¿Cuáles son sus enfoques actuales? Por favor describa su proceso y los pros y los contras como una respuesta aquí.

Answer 1

Expression Blend ( http://www.microsoft.com/expression/products/overview.aspx?key=blend ) se puede usar para crear maquetas rápidas en XAML. Puede almacenar datos para la maqueta como XML en línea en el XAML, o puede convertirla rápidamente a la aplicación WPF / Silverlight y crear lógica comercial básica detrás de su maqueta usando Visual C # Express ( http://www.microsoft.com/express/) vcsharp / ) o Visual Studio 2008.

Answer 2

Los constructores reales de GUI son:

• Mucho mas lento
• Solo los programadores pueden usarlos (intentar explicar al analista cómo llenar una tabla en VB)
• No te dejan anotar tus maquetas sobre la marcha
• No tiene máscaras (por ejemplo, blanco y negro) para crear pantallas que no se puedan confundir con aplicaciones "casi hechas"

Mientras que las herramientas de maqueta especializadas son generalmente:

• Orientado a la comunicación
• Puede imprimir o exportar sus maquetas (junto con sus notas) a PDF / HTML / Word, etc.
• Los mejores tienen alguna variante de "pantallas maestras" para que pueda obtener cientos de maquetas de solo un puñado de pantallas de aplicaciones principales (rápidamente llega a bastantes maquetas cuando intenta discutir escenarios reales con su cliente)
• Lo suficientemente rápido para que pueda prototipar en tiempo real en una reunión

Hace casi una década me sentí frustrado por todo lo anterior y creé mi propia herramienta: MockupScreens . Se hizo muy popular rápidamente :-)

Y aquí está la lista más completa de herramientas especializadas que conozco. Muchos de ellos son gratuitos: http://c2.com/cgi/wiki?GuiPrototypingTools

Answer 3

Si está hablando de maquetas / wireframes (es decir, imágenes estáticas), Visio es una herramienta de elección.

La mayoría del software que usted mencionó está por encima del nivel del usuario normal de la empresa (es decir, necesitará un especialista para hacer las maquetas en comparación con los usuarios comerciales que lo están ayudando) o no se creó con el propósito de maquetas.

Si necesita un prototipo dinámico, hay muchas opciones y todo depende del tipo de habilidades que tenga disponibles en el equipo. Por ejemplo, tengo un tipo que es muy fuerte en HTML. Sería mucho más fácil para él crear una página HTML desde cero en el bloc de notas que intenta hacer lo mismo con Flash en una herramienta WYSIWYG. Algunas otras personas tienen buenas habilidades de Flash y podrían emplearlas, etc.

Answer 4

También está Balsamiq . Me gusta, pero generalmente me canso de estas cosas bastante rápido. Terminé usando el lápiz y el papel o el creador de interfaz OS X, que no es más difícil de usar que todas estas herramientas de creación de prototipos.

Answer 5

Prototipado de papel rápido y sucio: PowerPoint (ver: Powepoint Prototyping Toolkit )

-Grandes para armar prototipos que se pueden presentar fácilmente. La naturaleza de deslizamiento también puede servir como un sustituto de la interacción simulada. Lo malo es la falta de estandarización. No para proyectos disciplinados

Prototipos de papel disciplinado: Visio

- Caracterizado y con todas las funciones, pero más engorroso

Prototipos interactivos: Visual Studio

- Creación de interacción muy rápida utilizando drag-n-drop y eventos. Puede ser manejado por datos. Incluso puedes construir un prototipo de ''base'' como kit de inicio. El único inconveniente es la tentación de convertirlo realmente en la aplicación de producción. ;)