¿Cuál es la mejor manera de crear prototipos de aplicaciones interactivas?

Question

La pregunta debe ser interpretada desde un punto de vista general y no dirigida únicamente a 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 usar una técnica que permita la creación simple de UI y especialmente la recreación y modificación de UI en iteraciones posteriores. Llenar la IU con datos de maquetas debería ser muy simple. La técnica puede requerir una forma simple de programación, p. para especificar un comportamiento de arrastrar y soltar del elemento UI A al elemento UI B.

Una herramienta que uso actualmente es Adobe Flex Builder. El diseñador GUI incluido es muy bueno y hasta ahora he logrado algunas habilidades con AS3. El problema es agregar datos a la interfaz de usuario. Siempre da como resultado un 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 utilizan muchas personas es PowerPoint, que implica una forma realmente engorrosa de crear una GUI al dibujar cada parte de una interacción en una diapositiva separada. ¡De ninguna manera! Sería mucho más rápido con los prototipos en papel. Otras (¡mejor!) Herramientas de dibujo de forma libre también forman parte de esta categoría (soy un usuario feliz de inkscape de peso pesado), pero Prototyping y Mockup obviamente no son su principal objetivo. La paleta de plantillas de interfaz de usuario para Viso lo hace un poco mejor que la competencia de dibujo.

Los principales competidores en la creación rápida de prototipos hasta donde yo sé son:

• iRise
• 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 de GUI reales 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

Los constructores de GUI reales son:

• Mucho más lento
• Solo los programadores pueden usarlos (intente explicar al analista cómo completar 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 "casi hecho". aplicación

Si bien las herramientas de maqueta especializadas suelen ser:

• Orientado a la comunicación
• Puede imprimir o exportar sus maquetas (junto con sus notas) a PDF / HTML / Word, etc.
• Las mejores tienen alguna variante de "pantallas maestras" para que pueda derivar cientos de maquetas de solo un puñado de pantallas de aplicaciones principales (rápidamente obtiene muchas maquetas cuando intenta discutir escenarios reales con su cliente)
• Suficientemente rápido para que pueda crear prototipos 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 bastante 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 2

Creación rápida de prototipos en papel sucio: PowerPoint (consulte: Powepoint Kit de herramientas de creación de prototipos )

-Ideal para armar fácilmente prototipos que se pueden presentar. La naturaleza de la diapositiva 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 disciplinados: Visio

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

Creación de prototipos interactiva: Visual Studio

- Construcción de interacción muy rápida usando arrastrar y soltar y eventos. Puede ser impulsado por datos. Incluso puede construir una 'base' prototipo como kit de inicio. El único inconveniente es la tentación de convertirla en LA aplicación de producción. ;)

Answer 3

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

Answer 4

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

La mayoría del software que mencionó está por encima del nivel del usuario comercial normal (es decir, necesitará un especialista para hacer las maquetas en lugar de los usuarios comerciales que lo ayudan) o no se crean con el propósito de simular ups.

Si necesita un prototipo dinámico, entonces 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 intente hacer lo mismo con Flash en una herramienta WYSIWYG. Algunas otras personas tienen buenas habilidades con Flash y podrían emplearlas, etc.

Answer 5

Mezcla de expresiones ( http://www.microsoft.com/ expression / products / overview.aspx? key = blend ) se puede utilizar para crear maquetas rápidas en XAML. Puede almacenar los datos de la maqueta como XML en línea en XAML, o puede convertirlos rápidamente en la aplicación WPF / Silverlight y crear una lógica de negocios básica detrás de su maqueta con Visual C # Express ( http://www.microsoft.com/express/vcsharp/ ) o Visual Studio 2008.