Wireframe, Herramientas online para realizar prototipos

Design wireframe

 

Un Wireframe es el protipo visual de un armazón o esqueleto de una web o aplicación en su inicio de elaboración. En ingles son sinónimos de Wireframe: skeleton, blueprint, outline.

sirve para dar ideas de secciones que conpondran un sitio web como jearquias y esquemas de navegación esto se realiza en blanco y nego no contiene colores ya que son solo estructuras de modelo.

Beneficios de los Wireframes

  • Lo primero y más importante es que se pueden hacer fácil y rápidamente.
  • Permiten explorar múltiples posibilidades.
  • Sirven para levantar requerimientos de forma rápida.
  • Sirven para probar y validar esquemas de navegación.
  • Se utilizan para hacer pruebas de usabilidad en etapas tempranas del proyecto.

Wireframes gratis online

1.Mockingbird

Sencillo en su uso y cuenta con elementos básicos en la librería, existe una versión gratuita que permite guardar un proyecto con hasta 10 páginas y pueden exportarse en PDF.

Web Site: http://bit.ly/1l3YQ1N

Mockingbird-Wireframes

2.Lovely Charts

Utilizado para hacer diagramas, mapas del sitio y flujos de usuario, también sirve para hacer Wireframes.

Web Site: http://bit.ly/1HxxGNn

Lovely-Charts-Wireframes

3.Cacoo

Un interfaz con muchas buenas herramientas

Web Site: http://bit.ly/1IRSHRM

wireframe-Cacoo

4.Gliffy

Web Site: http://bit.ly/1F0jR3e

gliffy wireframe

5.Lumzy

Web Site: http://bit.ly/1Ai6PCI

Lumzy-Wireframes

6.Mockflow

Web Site: http://bit.ly/1dLjWKv

Mockflow-Wireframes

7. Pencil Project

Web Site: http://bit.ly/1F0k06G

Pencil-Project-Wireframes

8.SimpleDiagrams

Web Site: http://bit.ly/1LhesJJ

SimpleDiagrams-Wireframes

Si conocen mas herramientas  compartan lo en el campo de comentarios , muchas gracias.

1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (Sin Calificar)
Loading...

Siguenos en: