INVESTIGACION WIREFRAMES

Vista previa del material en texto

HERRAMIENTAS PARA CREAR UN WIREFRAMES
Los wireframes son bocetos que se utilizan para planificar la dirección del diseño y los elementos funcionales de un nuevo sitio web o aplicación. Esta representación visual esquemática y sencilla es imprescindible para asegurarse de que tanto tú como tu cliente estáis trabajando hacia un objetivo común.
Hay muchas herramientas online que te ayudarán a llevar a cabo el wireframe de una web. En este artículo te mostraremos 10 de ellas, las cuales te ayudarán a realizar el boceto de los sitios web que desarrolles. 
Visio
Microsoft Visio es una de las herramientas para realizar wireframes más completas del mercado. Puede utilizarse para crear diagramas de flujo, gráficas y demás visualizaciones... Y no solo eso, como he mencionado antes, también puedes usar esta herramienta para planificar el desarrollo de tu sitio web. Visio cuenta con un editor online y se puede comprar directamente o acceder a través de un servicio de suscripción mensual muy asequible. 
Bones
Esta herramienta de wireframing para diseñadores web cuenta con más de 120 elementos prediseñados para ayudarte a crear bocetos de tus sitios web. Puedes ver cómo se mostrará tu sitio web en más de 100 resoluciones y tamaños de pantalla. Bones soporta retina e incluye mogollón de formas realizadas con vectores. 
Website Wireframe Tool
Si estás buscando una herramienta para realizar un simple wireframe de un sitio web, y que no te lleve mucho tiempo, me alegra decirte que lo que buscas se llama Website Wireframe Tool. Esta aplicación se ejecuta desde el navegador, por lo que no tendrás que descargar nada. Es completamente gratuita y cuenta con funciones como las de arrastrar, añadir texto y clonar para crear, etiquetar y replicar rápidamente áreas de contenido. 
Bootflat UI Kit
Esta herramienta de wireframing es única, ya que se especializa en la creación de diseños web flat. Es una opción a tener en cuenta en diseños modernos que cuentan con interfaces de usuario elegantes. Bootflat UI Kit te permite crear bocetos de tu sitio web para usar durante presentaciones y reuniones. 
Frame Box
Esta herramienta de wireframing online es una de las más fáciles de utilizar. Cuenta con cajas, cuadros de texto e incluso botones y elementos de menú que se pueden colocar en un canvas con diseño grid para realizar bocetos rápidos. Una de las mejores cosas de Frame Box es que se pueden añadir comentarios y notas.