Creación de prototipos de sitios web interactivos

Question

Me gustaría crear un prototipo rápido de nuevas funciones para un sitio web. Estoy buscando una manera de:

• construir alrededor de un sitio web existente, complejo
• permitir la interactividad
• ridículamente rápido y fácil de probar cosas nuevas

me imagino algo que me permite decir "renderizar este sitio web, pero en páginas con URL como esta, etiquetar esto que ahora estoy dibujando con figuras en la página, y si alguien hace clic en él, moverlo aquí".

O posiblemente, "aquí hay una captura de pantalla de un sitio web. Si alguien hace clic en esta casilla, muéstrele esta otra captura de pantalla".

¿Qué usan los usuarios para crear prototipos de funciones de interfaz de usuario del sitio web?

Answer 1

Balsamiq Mockups. Asi que. Freaking Bueno.

EDITAR: Así que aquí hay un hilo con más información sobre la creación de prototipos: https://stackoverflow.com/questions/720191/web-ui-prototyping-tools

Answer 2

No soy un fan de Balsamiq, pero mucha gente le gusta. Si se lanza Napkee, junto con Balsamiq será lo que está buscando.

Una alternativa sería Fireworks: puede exportar fácilmente a HTML, pero la curva de aprendizaje es más pronunciada que Balsamiq.

Answer 3

Si usted quiere que sea interractive y construido en la parte superior de un sitio web existente, se podría tratar de usar Greasemonkey con Firefox: https://addons.mozilla.org/fr/firefox/addon/748

No estoy seguro de qué tan rápido puede hacer prototipos con esto, pero seguramente puede hacerlos interactivos. Greasemonkey le permite modificar cualquier página web mediante javascript.

Answer 4

Puedes probar protoshare.

Desventajas: un poco lenta, requiere detalles de la tarjeta de crédito para una prueba gratuita. Upsides: características colaborativas, más baratas que axure.

Answer 5

intente clickframes - una forma de escribir prototipos de texto en xml, que se procesa en sitios web en los que puede hacer clic.

sorprendentemente eficaz: en una demostración, redactaron una especificación de aplicación (appspec) y luego generaron un sitio web basado en costura.

probaron balsamiq y no funcionó para ellos.

desde su página web:

"para los diseñadores

experiencia profesionales de los usuarios utilizan Clickframes a spec rápidamente y el prototipo de la interactividad de sus diseños, y para comunicar el diseño de colaboradores, así como interesados ​​en el proyecto Cuando el. el diseño se ha perfeccionado, Clickframes facilita la comunicación con los desarrolladores que implementarán la aplicación."

Answer 6

Usted puede intentar ForeUI, aquí es un ser creado sample prototype

Answer 7

me gusta http:. /www.iplotz.com - que tiene buen UX y diseño http://www.justproto.com herramienta también se inetersting su muy rápido, su estar limpio mirar y su super fácil de crear prototipos con él

chceck cabo wireframes.linowski.ca es un blog ruido en wireframes

Answer 8

lápiz es bastante bueno y gratis! se puede descargar como una aplicación independiente o como Firefox complemento

http://www.evolus.vn/Pencil/

Answer 9

Usando Mockuptiger, puede importar imágenes de Photoshop o capturas de pantalla de sitios web y luego unirlos con los enlaces o botones puede hacer clic.

MockupTiger es una aplicación basada en web que puede alojar en su propio servidor. Tiene widgets para crear aplicaciones web y Dashboard Wireframes.

NOTA: funciona solo con los últimos navegadores. También puede descargar y usar en su escritorio.

PS: Yo soy el programador de este software

Answer 10

Salida ProtoShare nuevo: mucho más rápido ya que alrededor de 2010, la biblioteca de plantillas y widgets y mucho más flexible que Balsamiq. Si desea control sobre el aspecto de su prototipo y desea interactividad y colaboración y revisión sencillas, use ProtoShare en lugar de Balsamiq.

Answer 11

Hago mis prototipos cuando se trata de temas/sitios de WordPress con el complemento de colorfully.me Es la manera más rápida de ver cómo se vería un sitio web en realidad, probar y ver cómo se verá . También alguna vez lo uso para producción.

UI for prototype CSS