Al crear prototipos de la funcionalidad inicial de la GUI con un cliente, ¿es mejor utilizar un dibujo de lápiz/papel o simular algo con una herramienta y mostrarlos?Creación de prototipos de una GUI con un cliente
El argumento en contra de un diseño generado por herramienta es que el cliente a veces puede enfocarse en los detalles de bajo nivel de la maqueta en lugar de tomar una vista funcional de nivel superior de la GUI en general.
Comience siempre con papel o maquetas de papel primero. No querrá caer en la trampa de dar la impresión de estar completo cuando el back-end esté completamente vacío.
Un prototipo pulido o un ejemplo de píxel perfecto pone demasiado énfasis en el diseño. Con un boceto obvio, tiene una oportunidad mejor de discutir la funcionalidad y el contenido deseado en lugar de colores, fotos y otros asuntos de estilo. Habrá tiempo para esa discusión más adelante en el proyecto.
Jeff discute la creación de prototipos de papel en su artículo horror Codificación UI-First Software Development
Haga clic en "Ver un vídeo!" enlace al twitter.com para ver una idea interesante de Common Craft.
Hay un libro llamado Paper Prototyping que detalla el dibujo con bolígrafo y papel y lo que puede obtener de él. Creo que tiene muchos beneficios, sobre todo que puede, muy pronto (y fácilmente), modificar el resultado final sin mucho esfuerzo, y luego comenzar con el pie derecho.
Una versión de papel básico es el camino a seguir para una maqueta inicial. Según mi experiencia, si haces una maqueta "real", incluso si le explicas al cliente que se trata de una maqueta no funcional, están confundidos cuando las cosas no funcionan.
En pocas palabras: mantenlo lo más simple posible. Si está en papel, no hay manera de que el cliente lo confunda con un producto que funcione.
Para el primer borrador, prefiero usar papel cuadriculado (el material con una cuadrícula impresa en él) y un lápiz. El papel cuadriculado es ideal para ayudar a mantener proporciones. Una vez que el cliente y yo hemos llegado a una conclusión, generalmente rellenaré el dibujo con un bolígrafo ya que el lápiz tiende a desaparecer.
Cuando realmente me dedico a la construcción del prototipo digital, escanearé en el dibujado a mano y lo usaré como plantilla de fondo. Parece funcionar bastante bien para mí.
El "Napkin Look & Feel" para Java es realmente genial para la creación de prototipos. Una aplicación real, activa y en la que se puede hacer clic que parece dibujada en una servilleta. Confirmar captura de pantalla:
En serio, ¿no es genial?
Recientemente he usado una aplicación de Windows para crear prototipos de una aplicación para un cliente (la interfaz final debe integrarse en un sitio web).
Al principio la gente pensó que sería la última versión y empezaron a criticar mucho la forma en que se mostraban los controles a las palabras que usé (terminología y demás) y el tiempo de la reunión terminó antes de que pudiéramos discutirlo la funcionalidad en sí misma
Esa discusión se prolongó durante días y días hasta que les dije que, al ser una aplicación simulada (y no definitiva), todos los comentarios eran bienvenidos, pero primero teníamos que centrarnos en las funcionalidades y luego seguir adelante para mirar y sentir tan bien como los problemas de terminología.
Desde la reunión en la que siempre estoy aterrorizado de prototipos y maquetas ... Tal vez debería haberles dado algo hecho en visio en su lugar.
Creo que es mejor comenzar con papel/pizarras/paredes blancas.
Una vez que tenga la estructura básica, puede moverlo a Visio con las plantillas de mallas
O puede utilizar Denim (An Informal Tool For Early Stage Web Site and UI Design) con una tableta o tabletas Wacom para diseñar la GUI y ejecutarla como sitio web HTML.
Le sugiero que se siente con su cliente y utilice una herramienta como Mockupscreens y desarrolle la interfaz de usuario de forma interactiva. Una ventaja que tiene sobre Napkin LAF es que no requiere codificación, o incluso herramientas de desarrollo de cualquier tipo
WireframeSketcher es una herramienta que ayuda a crear rápidamente wireframes, maquetas y prototipos para aplicaciones de escritorio, web y móviles. Viene como una versión independiente y como un plug-in para Eclipse IDEs. Tiene algunas características distintivas, como storyboards, componentes, enlaces y exportación de PDF a vectores. Entre los IDEs soportados se encuentran Aptana, Flash Builder, Zend Studio y Rational Application Developer.
Sample WireframeSketcher mockup http://wireframesketcher.com/samples/Website.png
Usted puede probar ForeUI, que permite la creación de prototipos con diferentes estilos, lo que es más, puede hacer que el prototipo interactivo y ejecutarlo en el navegador.
Salida Balsamiq
Se hace el "esto no es una APP FUNCIONAL" vista servilleta muy bien y es fácil de usar.
Tiene una función completa demo que puede probar en línea y como un bono adicional puede enviar su XML a su cliente y pueden modificarlo y jugar con él y enviársela por correo electrónico sin tener que tener una licencia.
Por una herramienta basada en navegador no instalación puede intentar draft-it
Es gratis - y si usted tiene una cuenta de Gmail - no es necesario registrarse.
Hace interactivos/Step by Step o Slide Show: prototipos. Puede compartir su prototipo con cualquier persona que elija con solo enviar un enlace.
Trabaja para nosotros ...
