Estoy buscando una herramienta de diseño de interfaz de usuario para visualizar una posible GUI en una documentación. I no debe generar código. Sé que Microsoft Visio proporciona una funcionalidad. ¿Pero hay alguna alternativa?Herramienta de diseño de interfaz de usuario
¿Qué software utilizas para visualizar una GUI?
PS. Otra herramienta conocida es The Pencil Project.
Dale una mirada a Firefox Pencil Extension, es una herramienta básica para la creación de prototipos y la interfaz gráfica de usuario sencilla dibujo ....
Un impresionante y una fácil es Balsamiq: http://www.balsamiq.com/
También me gusta Axure.
El "no debe" parece extraño ... si utiliza un diseñador IDE para tirar algunos controles, pero no use el código, ¿es eso suficiente?
O utilice "blend" - que genera xaml, que es solo diseño - sin código.
Si está en Linux puede probar Glade.
Tome un vistazo a las herramientas mencionadas en las respuestas a esta pregunta:
Prototyping Tools for non-programmers - Expression?
Todavía recomendaría Balsamiq Mockups. Las maquetas de GUI resultantes parecen bocetos, por lo que es una gran herramienta para comunicar la idea de que esta no es la GUI final, sino simplemente una visualización de los conceptos de la GUI.
Es posible que desee echar un vistazo al artículo de Joel The Iceberg Secret, Revealed, así como el articles discussion.
No sé si esto es relevante para su tarea, pero desde que lo leo, prefiero usar bocetos de garabatos de una IU si quiero presentarlo a un cliente. (A 'Lápiz Proyecto' en el verdadero sentido del significado ;-)
justinmind prototyper puede funcionar para usted. Le da un código HTML para verificar cómo funcionará una interfaz.
Estoy publicando aquí un resumen de recomendaciones basado en mis 10 años de experiencia como diseñador de UX/arquitecto de la información. El artículo original se puede encontrar aquí:
[¿Mejores herramientas de prototipos disponibles? Una revisión de Axure, Justinmind y otras herramientas de UX] (http://www.humaneinterface.net/best-prototyping-tools/)
Con las interfaces cada vez más dinámicas, los prototipos interactivos son la mejor manera de proporcionar una documentación profunda, contextual y receptiva. Si es un diseñador profesional, le recomiendo usar Axure RP Pro o Justinmind Prototyper para prototipos estáticos de baja fidelidad y otros más sofisticados e interactivos. Ambos ofrecen licencias bastante asequibles.
Si no eres un diseñador profesional y estás buscando una herramienta que sea barata y permita crear wireframes estáticos de vez en cuando, recomendaría Moqups como una herramienta rápida de creación de prototipos. Lo prefiero a más de Balsamiq. WireframeSketcher es también una alternativa interesante.
Si usted está buscando algo que no tan complejo como Axure/Justinmind pero más potente que Moqups/Balsamiq, también se puede considerar Infragistics' Indigo Studio (que puede importar maquetas estáticas de Balsamiq y hacerlos interactivos) y ProtoShare . Ambos, y en particular Indigo Studio, ofrecen planes de precios que no son tan convenientes, y considerando el limitado conjunto de funcionalidades, no los recomendaría como primera opción. Una tercera opción es UXpin, que cuenta con la interfaz más elegante, limpia y fácil de usar que he visto hasta ahora, en todo el panorama de las herramientas UX disponibles en la actualidad.
Para la creación de prototipos móviles, puede utilizar Axure y Justinmind si desea control total, la segunda parece ser una mejor opción en el momento de la escritura (aunque yo no la probé directamente). Si está buscando una manera fácil de construir prototipos que no sean demasiado complejos, puede considerar Indigo Studio mencionado anteriormente, o el más económico Proto.io.
Si su cliente es una organización que puede pagar una licencia muy cara, también puede considerar iRise, una plataforma de diseño muy completa para las empresas.
Si necesita diseñar diagramas estáticos para representar a los viajes de los usuarios, que se pueden considerar herramientas tales como Draw.io o LucidChart, pero Axure todavía proporciona herramientas de creación de diagramas decente que puede hacer referencia a porciones de su prototipo. Justinmind parece un poco limitado. Microsoft Visio (ahora parte de Office 365 como una aplicación web, y por lo tanto también disponible en una Mac) sigue siendo excelente si necesita la máxima flexibilidad y desea dibujar diagramas de flujo muy elegantes.
Observe JQuery UI componentes, incluso si no va a incorporar bibliotecas javascript en su prototipo. Si desea codificar directamente, pero no necesariamente necesita reutilizar su código, también puede considerar el uso de marcos CSS en combinación con editores WYSIWYG como Jetstrap.
Usa papel para jugar con origami en lugar de crear prototipos.