El documento describe varias herramientas de wireframing para el diseño web, incluyendo sus características principales y funcionalidades. Se mencionan herramientas basadas en la web y de escritorio, tanto gratuitas como de pago, que permiten crear wireframes multi-página, compartir proyectos, trabajar en equipo en tiempo real, y exportar diseños a diferentes formatos como PDF, HTML y PNG. El objetivo de las herramientas de wireframing es facilitar la planificación visual de sitios web antes de su desarrollo.

1. Herramientas de wireframing
para el diseño web
Patricia Russo Gallo
prusso06@gmail.com

2. Wireframe o funcionales
●
●
●
Fundamentales en el diseño web y prototipos.
Representación visual de las páginas, contenidos y
jerarquías.
Ayuda en los test de funcionalidad y usabilidad.
Patricia Russo Gallo. Febrero 2014.

3. Wireframe o funcionales
Patricia Russo Gallo. Febrero 2014.

4. Tendencias
Patricia Russo Gallo. Febrero 2014.

5. Herramientas
Patricia Russo Gallo. Febrero 2014.

6. ●
●
De desktop.
De pago, demo
disponible.
●
Plataforma Windows.
●
●
●
Multipáginas.
●
Plantillas diversas.
Exporta a PDF, JPG,
HTML, ...
Permite generar lista
de formas favoritas.
●
●
Patricia Russo Gallo. Febrero 2014.
Buscador de formas.
Links entre páginas.

7. ●
●
●
●
Web-based y de
desktop.
De pago y versión
gratuita.
●
●
Multipáginas.
Gestión de proyectos.
●
●
Patricia Russo Gallo. Febrero 2014.
Permite compartir
maqueta enviando la
URL.
Trabajo colaborativo
a tiempo real.
Comunicación con el
equipo de trabajo.
Exporta a HTML5,
PNG, DOC.

8. ●
●
●
Web-based.
De pago, demo
disponible.
Multipáginas.
●
●
●
●
Patricia Russo Gallo. Febrero 2014.
Exporta a PDF y
PNG.
Links entre páginas.
Permite compartir la
maqueta enviando
URL.
Buscador de formas.

9. ●
●
De desktop.
De pago, demo
disponible.
●
Plataforma Windows.
●
Multipáginas.
Patricia Russo Gallo. Febrero 2014.
●
●
Exporta a PDF,
HTML, JPG.
Links entre páginas.

10. ●
●
Web-based.
De pago, demo
disponible.
Patricia Russo Gallo. Febrero 2014.
●
●
Trabajo colaborativo
en tiempo real.
Permite incluir notas
y comentarios en la
maqueta.

11. ●
●
●
●
Web-based y de
desktop.
De pago, demo
disponible.
●
●
Multipáginas.
Gestión de proyectos
y tareas.
Patricia Russo Gallo. Febrero 2014.
●
Permite compartir
maqueta enviando la
URL.
Trabajo colaborativo
a tiempo real.
Comunicación con el
equipo de trabajo.

12. ●
●
Web-based.
De pago y versión
gratuita.
●
Exporta a PDF, SVG.
●
Comparte páginas.
●
●
●
Patricia Russo Gallo. Febrero 2014.
Trabajo colaborativo
en tiempo real.
Comunicación con el
equipo de trabajo.
Guarda historial de
cambios.

13. ●
●
Web-based.
De pago y versión
gratuita.
Patricia Russo Gallo. Febrero 2014.
●
●
Exporta a JPG, PNG
y SVG.
Comparte maqueta
enviando URL.

14. ●
Web-based.
●
Gratuita/Libre.
●
●
Es una extensión de
FireFox.
Plataformas Windows
i GNU/Linux.
●
●
●
●
Patricia Russo Gallo. Febrero 2014.
Permite añadir formas
del openclipart.org.
Exporta a PNG,
HTML, PDF, DOC,
OpenOffice.
Permite generar lista
de formas favoritas.
Links entre páginas.

15. Gracias por vuestra atención.
¡¡Ahora a prototipar!!