Herramientas Wireframe para diseño Web

Es un error empezar una Web directamente con la creación del código (HTML y CSS) o diseñando directamente en Photoshop. Un paso previo debería ser crear un “borrador” con papel y lápiz (tomando en cuenta, objetivos de la pagina, contenidos, etc.), ya que es más fácil (y libre de distracciones) inspirarse sobre el papel que sobre el teclado y monitor.

Antes de empezar a diseñar sobre Photoshop, vale la pena utilizar una herramienta de Wireframing.

WIREFRAME

Una herramienta de Wireframe permite crear un mapa del sitio de la futura Web y hacer un “prototipo”, una idea visual de como sera la estructura de cada página, esto nos permitirá abstraernos de los colores y diseño final, concentrándonos en el contenido y en las arquitectura de la información.

Ahora veremos algunas herramientas de wireframing:

MockFlow
url: http://www.mockflow.com/

uiwireframetools10

Mockingbird
url: https://gomockingbird.com/

Wireframe1

Pencil
url: http://pencil.evolus.vn/Default.html

uiwireframetools8

iPhone Mockup
url: http://iphonemockup.lkmc.ch/

uiwireframetools6

Cacoo
url: https://cacoo.com/lang/es/

uiwireframetools11

Wireframe.cc
url: http://wireframe.cc/

6

Simple Diagrams
url: http://www.simplediagrams.com/

uiwireframetools5

BALSAMIQ MOCKUPS
url: http://www.balsamiq.com/products/mockups

4645

Frame box
url: http://framebox.org/fkBH

uiwireframetools3

Creately
url: http://creately.com/Online-UI-Mockups-and-Wireframes

uiwireframetools12

El uso de una herramienta de wireframe nos permitirá explorar múltiples posibilidades y se lo puede hacer fácil y rápidamente. Ademas sirve para para resaltar y aclarar requerimientos, probar la navegabilidad, realizar pruebas de usabilidad en etapas muy tempranas del proyecto.

Anuncios

Los mejores regalos, los tiene enbolivia.com

Enbolivia.com en esta navidad presenta una Oferta Navideña única, a sola mención de nuestro boletín recibirá el descuento de 15% en nuestro plan básico, además de otros regalos adicionales como la creación, integración y configuración de cuentas en las redes sociales, plan de hosting y dominio gratuito por un año. Una oferta que no se debe dejar pasar.

boletín navidad enbolivia.com

Boletín de Oferta Navideña enbolivia.com