Anuncio

Hay varios pasos que debe seguir para diseñar un software o incluso un sitio web. Después de ese momento de comprensión, el diseñador de turno necesita crear un diseño real y "bosquejar" el aspecto de la aplicación, definiendo esencialmente la interfaz gráfica de usuario. Para este propósito, generalmente usan dibujos conceptuales simulados y wireframes.

El software propietario, aunque es muy capaz, a menudo es increíblemente costoso e innecesariamente complicado. Para algo tan simple como crear wireframes, esto limita con lo ridículo.

Con la web 2.0 (y más recientemente, con HTML5), la batalla del software se lleva a la nube. Y lo mejor de todo, ¡la mayor parte viene completamente gratis! En este artículo, le mostraremos algunas alternativas en línea para crear software conceptual y diseños de sitios web.

Este es un editor de estructura de alambre increíblemente extenso. Los fundamentos son simples. En la barra de herramientas del lado derecho, busca objetos que se parecen al objeto que está buscando y los arrastra a la pantalla. Allí, puede editar y ajustar esos objetos hasta que se ajusten a sus necesidades.

instagram viewer

MockFlow tiene una enorme cantidad de objetos, y algunos de ellos increíblemente específicos. Cuando crea un nuevo diseño, puede comenzar desde una de las plantillas de diseño, con opciones que incluyen las interfaces de iPhone, Android y iPad.

3 herramientas para crear diseños de maquetas y wireframes simulacros en línea

Estos marcos de alambre se pueden compartir y editar junto con otros usuarios, limitados a dos en la versión gratuita. Otros límites impuestos a los usuarios gratuitos son un máximo de 10 MB de almacenamiento y una maqueta con cuatro páginas y hasta cinco revisiones recordadas.

Sin embargo, los usuarios gratuitos registrados pueden descargar sus proyectos en varios formatos de archivo, incluidos PNG y PDF, o usar la aplicación de escritorio de MockFlow con sincronización en línea para una edición más confiable.

MockingBird es similar a MockFlow en varios niveles. La interfaz se compone del mismo principio de arrastrar y soltar, aunque está mejor ejecutada y es más fácil de manejar. En la mayoría de los casos, MockingBird puede ayudarlo a crear sus estructuras de alambre en una fracción del tiempo que generalmente le costaría.

Muchos de dichos "límites libres" también están ausentes. No existe un límite aparente en la cantidad de almacenamiento o la cantidad de páginas que puede crear.

3 herramientas para crear diseños de maquetas y wireframes ruiseñor en línea

Por otra parte, MockingBird carece de algunas de esas características más extensas. Aunque de manera similar puede exportar y compartir sus maquetas con otras personas, no parece haber una opción para la colaboración en equipo en tiempo real, el seguimiento de cambios o un chat integrado. Hecho con HTML5, MockingBird tampoco funciona en Internet Explorer.

Concluyendo, MockingBird no tiene restricciones en su versión gratuita, y ofrece una experiencia de usuario un poco más simple. A cambio, estás renunciando a una amplia colaboración y otras funciones avanzadas.

Con el aspecto del marco de alambre cubierto, es hora de pasar al siguiente paso en el proceso de diseño: maqueta, enjuague y repetición. Estamos hablando de poner la carne proverbial en sus estructuras alámbricas, probablemente usando Photoshop u otro editor de imágenes. La siguiente herramienta se enfoca en la última parte del negocio.

3 herramientas para crear diseños de maquetas y wireframes en línea thecommentor

El Comentarista, aunque no es particularmente útil durante el diseño, lo ayuda con comentarios y revisiones. En lugar de crear una gran cantidad de tráfico de correo electrónico desorganizado, lleva sus diseños a la nube. Puede invitar hasta tres usuarios gratuitos para que comenten sus maquetas, con hilos adhesivos y soporte para revisiones, hasta 100 imágenes. Maqueta, enjuague y repita. Creo que tienes el taladro.

¿Conoces otras herramientas que puedan ser útiles para crear un software o diseño de sitio web? ¡Háganos saber en la sección de comentarios!