Wireframes
Los diseñadores utilizan buena parte de su tiempo en la creación y revisión de wireframes durante las primeras fases de sus proyectos. Y es que para muchos, los prototipos son una parte esencial del proceso de diseño, ya que nos ayudará a decidir cuales serán las características que tendrá el sitio web y que tipo de experiencia le proporcionará al usuario.
El proceso de normal de diseño empieza con la concepción del sitio web y la arquitectura de la información y en última instancia vamos al HTML, CSS e interacciones. Una vez que el sitio esta terminado, no se realiza el prototipo... hasta ahora...
Lovely Chart es una aplicación web que se utiliza para diseñar diagramas de flujo, gráficos, sitemaps, wireframes y más, proporcionándonos un buen conjunto de herramientas de dibujo y bibliotecas de símbolos, completamente gratis.
Lovely Charts es una herramienta muy sencilla de manejar, sólo debemos arrastrar y soltar los dibujos, para centrarnos en lo que realmente nos importa, sin tener que preocuparnos en la configuración del software.
Con Lovely Charts podemos crear una variedad de diagramas, incluyendo organigramas, diagramas de red, wireframes, mapas de sitios web y diagramas de flujo, entre muchos otros. Podríamos utilizarlo para diagramar un proyecto, determinar la cadena de mando o podemos organizar la estructura de un sitio web, como se deben enlazar las páginas web, etc. Incluso, podemos crear un organigrama tradicional con preguntas y respuestas, o tal ves un árbol genealógico.
La versión completa de Lovely Charts esta disponible de forma gratuita, pero también tiene una versión profesional (por US$ 29 dólares al año) para aquellos que deseen importar sus propias imágenes e ilustraciones, compartir y colaborar con colegas o clientes, adjuntar comentarios a un diagrama, y otras características más.
La mayoría de los programas para crear diagramas requieren que nos preocupemos por los colores, tipos de íconos, escoger las flechas y los símbolos correctos, etc. Pero, Lovely Charts se encarga prácticamente de todo esto, dejando que nos enfoquemos en nuestras ideas y su representación.
La versión gratuita es muy completa, pero limita la edición de los diagramas a uno sólo para guardar y un mensaje en la parte inferior de “Made with lovelycharts.com”, se guardará en la imagen. Por lo demás, es una herramienta muy recomendable.
Enlace | Lovely Charts
Anteriormente comenté de una herramienta online para crear prototipos de sitios web; sin embargo, si deseas hacer lo mismo con Photoshop, aquí tenemos un kit para wireframing gratuito.
emazekraker esta compartiendo un kit para esbozar el diseño de un sitio web en formato PSD, rápidamente.
El PSD mantiene todos los elementos ordenados y agrupados en capas. Son muchos los elementos que incluye, como por ejemplo elementos de formulario, de audio y video, navegación, calendario y más.
Además, podemos descargar el kit en dos temas de colores: blanco y negro.
Descargar | webWireframeKit
Vía | webresourcesdepot
A la hora de diseñar un sitio web, muchos solemos agarrar un lápiz y una hoja de papel, para hacer el prototipo del sitio. Sin embargo, desde hace buen tiempo se vienen desarrollando aplicaciones web y de escritorio, que nos permiten hacer este trabajo de manera rápida y sencilla.
Uno de estos servicios de Wireframing es Mockingbird, una aplicación web gratuita, interactiva y sin publicidad, que nos permite esbozar el prototipo de nuestro sitio web rápidamente.
La aplicación es fabulosa, nos permite vislumbrar la interfaz gráfica mediante la utilización de una gran biblioteca de objetos (botones, campos de texto, menús, etc.) y guardarlo en nuestra PC, ya sea como archivo PNG o un documento PDF.
Mockingbird esta desarrollada con Cappuccino, un framework open source que facilita el desarrollo de aplicaciones web complejas, usando el nuevo lenguaje de programación llamado Objective-J.
La aplicación es completamente gratuita durante el periodo beta. ¡Aprovéchenla!
Enlace | Mockingbird
