Creación de un prototipo de interfaz gráfica de usuario con un cliente [cerrado]

Question

Cuando los prototipos iniciales de la GUI de la funcionalidad con un cliente es mejor usar un lápiz/papel de dibujo o para burlarse de algo utilizando una herramienta y mostrarles que ?

El argumento en contra de una herramienta de diseño generado que el cliente puede, a veces, se centran en el bajo nivel de detalles de la maqueta, en lugar de asumir un mayor nivel de vista funcional de la interfaz de usuario en general.

Answer 1

Comience siempre con papel o de papel-como mock-ups en primer lugar.No queremos caer en una trampa de dar la impresión de integridad cuando el back-end es completamente hueco.

Un pulido de prototipo o de píxel perfecto ejemplo pone demasiado énfasis en el diseño.Con una evidente croquis, usted tiene una mejor oportunidad de discutir la funcionalidad deseada y el contenido, en lugar de los colores, las fotografías, y otras cuestiones estilísticas.Habrá tiempo para que la discusión más adelante en el proyecto.

Jeff discute la creación de prototipos en papel en su Codificación Horror artículo Interfaz de usuario-Primer Desarrollo de Software

Haga clic en "Ver un video!", ubicado en twitter.com para ver un interesante sobre la idea de Common Craft.

Answer 2

El "Servilleta Look & Feel" para Java, es realmente genial para la creación de prototipos.Un real, funcionamiento, puede hacer clic app que parece que fue dibujado sobre una servilleta.Echa un vistazo a esta captura de pantalla:

En serio, ¿no es genial?

Answer 3

Yo sugeriría que usted se sienta con su cliente y el uso de una herramienta como Mockupscreens y desarrollar la interfaz de usuario de forma interactiva.Una ventaja que tiene sobre una Servilleta de LAF es que no requiere codificación, o, de hecho, el desarrollo de herramientas de cualquier tipo

Answer 4

Echa un vistazo Balsamiq

Se hace el "ESTO NO ES UN FUNCIONAL de la APLICACIÓN de la" servilleta ver muy bien y es fácil de usar.

Tiene un uso ofrecido completo demo usted puede probar en línea y como un bono adicional, usted puede enviar por correo electrónico su XML para su cliente y pueden modificar y jugar con él y enviarlo por correo electrónico a usted sin tener que tener una licencia.

Answer 5

Hay un libro llamado Creación De Prototipos En Papel que los detalles de lápiz y papel de dibujo y lo que puede obtener de ella.Creo que tiene un montón de beneficios, en particular, que puede, desde muy pronto (y sencilla), modificar lo que el resultado final será sin mucho esfuerzo y, a continuación, empezar con el pie derecho.

Answer 6

Un básico de la versión en papel es el camino a seguir para una primera maqueta.Mi experiencia me dice que si lo hace "real" mock-up, incluso si se le explica al cliente que es un no-funcional de la maqueta, que se confunden cuando las cosas no funcionan.

Línea de base:que sea lo más simple posible.Si es en papel, no hay manera de que el cliente lo confunda con un producto de trabajo.

Answer 7

Para el primer proyecto, yo prefiero usar papel cuadriculado (el material con una cuadrícula impresa) y un lápiz.El papel de gráfico es excelente para ayudar a mantener las proporciones.Una vez que el cliente y he llegado a una conclusión que, por lo general, rellenar el dibujo con lápiz desde el lápiz es propenso a la decoloración.

Cuando en realidad obtener en torno a la construcción del prototipo digital, voy a escanear en el dibujados a mano y usarlo como plantilla de fondo.Parece que funciona bastante bien para mí.

Answer 8

Creo que lo mejor es empezar con Papel/Pizarras/Blanco de las paredes.

Una vez que tenemos la estructura básica, se puede mover de Visio con la estructura metálica de las plantillas

• (Descargar una Plantilla Kit)
• (Visio Stencils para los Arquitectos de la Información).

O usted podría utilizar de Mezclilla (Una Informal Herramienta Para la Etapa inicial del Sitio Web y Diseño de interfaz de usuario) con un tablet PC o tabletas Wacom para el diseño de la interfaz gráfica de usuario y ejecutarlo como HTML del sitio web.

Answer 9

WireframeSketcher es una herramienta que ayuda a crear rápidamente wireframes, mockups y prototipos para aplicaciones de escritorio, aplicaciones web y móviles.Se trata, tanto como un independiente versión y como plug-in para Eclipse Ide.Tiene algunas características distintivas como storyboards, los componentes, la vinculación y el vector de exportación de PDF.Entre los IDEs soportados son Aptana, Flash Builder, Zend Studio y Rational Application Developer.

_{(fuente: wireframesketcher.com)}

Answer 10

He recenly utiliza una Aplicación de windows para el prototipo de una aplicación a un cliente (la interfaz final ha de estar integrado en un sitio web).

Al principio la gente pensaba que iba a ser la última versión y que empezó a hacer muy pesada la crítica de la forma en que los controles se muestran las palabras que había utilizado (terminología y esas cosas) y la hora de la reunión terminó antes de que incluso se puede hablar de la funcionalidad de la misma.

La discusión se prolongó durante días y días, hasta que yo les dije que, siendo una maqueta (y no una aplicación final) todo aporte es bienvenido, pero hemos tenido que centrarse en las funcionalidades primero y luego nos podría pasar a mirar y sentir, así como cuestiones de terminología.

De thay reunión en la que siempre estoy aterrorizado de prototipos y maquetas...Tal vez yo debería haber dado algo hecho en visio en su lugar.

Answer 11

Usted puede probar ForeUI, permite la creación de prototipos con diferentes estilos, lo que es más, se puede hacer interactivo prototipo y ejecutar en el navegador.

Answer 12

Para un no-instalación de navegador basado en la herramienta que usted puede intentar el proyecto-que

Es gratis y si tienes una cuenta de gmail - no necesita de registro.

Hace interactive/Paso a Paso O un pase de Diapositivas - prototipos.Usted puede compartir su protoype con cualquier persona que usted elija simplemente el envío de un enlace.

Funciona para nosotros ...