¿Cómo prototipa la interfaz de usuario de tu software?

Question

¿Cómo crea un prototipo de la interfaz de usuario de su software?
¿Cuál es tu experiencia?
¿Podrías compartir conmigo?
Gracias de antemano!

Answer 1

Lápiz y papel o una pizarra. Prefiere las maquetas para estar razonablemente divorciadas de la apariencia de los productos finales. Mientras se discuten las interacciones y cuántos clics se necesitan para realizar un trabajo, es muy rápido cambiar las maquetas de papel y es obvio para todos los interesados ??que esto no representa que el producto final esté casi terminado.
Hace años estuve involucrado en un proyecto en el que produjimos una maqueta de GUI realmente detallada que incluso tenía un código detrás para simular el flujo de eventos. Fue fantástico conseguir que los usuarios del software dieran retroalimentación e información. Fue una pesadilla absoluta para el proyecto porque estábamos constantemente detrás de donde los usuarios esperaban que estuviéramos, después de todo, ya lo habían visto funcionar, ¿verdad?
Lo peor de todo es que parte de ese código desechable terminó siendo incluido en el producto lanzado y fue una pesadilla mantenerlo más tarde (no se pensó mucho en estructurarlo originalmente porque era desechable, entonces el usuario había visto el comportamiento y se convirtió en la implementación de facto de la lógica para una parte importante del sistema). Yuk.

Answer 2

Yo uso Balsamiq http://www.balsamiq.com/

Es increíble.

Answer 3

Creo páginas html con Visual Studio. Esto podría ser fácilmente Dreamweaver, FrontPage, NotePad ++. Para mí, esto tiene la ventaja de que el CSS y el html están casi terminados cuando termine con la maqueta. Por lo general, es más fácil y productivo hacer su prototipo en la herramienta o tecnología en la que planea crear la entrega.

Answer 4

Puede usar un editor de GUI como el de NetBeans IDE, QtCreator IDE o Xcode IDE, para crear una maqueta de GUI, sin implementar controladores para todos los eventos de GUI. Esta GUI puede ser evaluada y posiblemente rediseñada. Una vez que la GUI se ve como debería, los eventos pueden manejarse adecuadamente.

Answer 5

He usado una combinación de herramientas para hacer IU. Si la apariencia estática es lo que estoy probando, entonces uso una combinación de bocetos de papel y pizarra. Estos son rápidos de hacer y se tiran fácilmente una vez que comience a trabajar en los diseños más detallados. Como "Hamish Smith" Dicho esto, desea un cierto grado de separación entre sus maquetas y el producto final.

Cuando quiero probar la interactividad de mis diseños, he usado maquetas en papel antes, pero prefiero usar PowerPoint, que proporciona una mejor manera para que los usuarios interactúen con la aplicación que tener que mostrarles constantemente los bocetos en papel de página un botón los llevará y cómo funcionan ciertas funciones. Simplemente lo configuré para que al hacer clic en los botones o enlaces en una diapositiva de PowerPoint lo lleve a la diapositiva que corresponde a donde ese botón lo llevaría en la aplicación real.

Actualmente he estado jugando con SketchFlow de Microsoft que es parte de Expression Blend, y es bastante impresionante. Sin embargo, no he jugado mucho con él, así que aún no estoy al tanto de las limitaciones que pueda presentar. Además, probé Balsamiq y parece una buena aplicación también, pero nuevamente no la he usado lo suficiente como para encontrar sus limitaciones. Sin embargo, quiero dejar en claro que solo los estoy usando para las pruebas de interactividad para reemplazar PowerPoint, sigo pensando que las maquetas estáticas se hacen mejor con papel y pizarras blancas.

Answer 6

Recientemente utilicé un complemento de visio en http://www.guuui.com/ issues / 02_07.php en un proyecto. El proyecto tiene más o menos 60 páginas, esto hizo que dibujar las pantallas fuera bastante fácil.