7 herramientas de prototipos para diseñadores web

¿Sabes la diferencia entre estructura metálica, Bosquejo y prototipo? Estos tres términos se usan indistintamente para significar lo mismo. El problema es que no deberías.

UNA estructura metálica es un Representación estática, de baja fidelidad de un diseño.. Proporciona un esquema del aspecto o la forma de un diseño propuesto, pero no su funcionalidad o sensación. UNA Bosquejo Proporciona una mayor cantidad de información.. Maquetas son Representaciones de alta fidelidad de un diseño propuesto. Las maquetas también son estáticas, y no prueban la interactividad.

Prototipos, por otro lado, son dinámica. Ellos pueden Representa tu diseño final con casi cualquier grado de detalle que elijas.. Incluso se puede probar un prototipo. como si fuera el producto final real, ya que puede proporcionar la misma apariencia. De los tres, el que más impresionaría sería el prototipo..

Cómo construir un prototipo

Ahora, el objetivo de un prototipo es probar con precisión las características de diseño seleccionadas. Los prototipos para aplicaciones web o aplicaciones se desarrollan típicamente en Tres etapas:

1. Los flujos de página (cómo podría navegar un usuario) se bosquejan.
2. Se construyen varias versiones de baja fidelidad de cada página y se prueba su utilidad..
3. De las lecciones aprendidas, se agregan detalles para crear un modelo de alta fidelidad del diseño propuesto.

En esta publicación, veremos algunas herramientas de creación de prototipos que pueden ayudar a facilitar el proceso, hacer las cosas más fáciles y para que usted pueda producir prototipos mucho más rápido. Aquí hay 7 herramientas de prototipos para probar.

InVision

InVision está de acuerdo con Forbes cerca del tope de la lista de compañías de nube privada en el mundo, junto con luminarias como Slack, Dropbox y MailChimp. Este honor se debe en parte a la plataforma "siempre activa" de InVision, que hace que colaboración, retroalimentación y la construcción de prototipos de alta fidelidad tan fácil.

Con InVision, es posible administrar las pantallas y estados de proyectos desde una única ubicación, colaborar en tiempo real y mantener el control de versiones, mientras construyendo prototipos de píxeles perfectos que tienen la apariencia de aplicaciones web y móviles reales. Con InVision, puedes incluso realizar pruebas gratuitas e ilimitadas en tus prototipos.

Para descubrir lo que el mundo del diseño y los más de 2 millones de usuarios de InVision adoran acerca de esta plataforma, regístrese para una prueba gratuita. Simplemente haga clic en el enlace de InVision para comenzar.

Pidoco

Si necesitas un click-through wireframe, o un prototipo UX totalmente interactivo, Pidoco te llevará allí rápidamente y sin problemas. A partir de la función de dibujo fácil, puede construir un conjunto de plantillas personalizadas, crear el elementos interactivos necesitas, presenta tu prototipo a otros, y esperan sus comentarios, que no deberían tardar en llegar..

Pidoco le brinda todo lo necesario para construir prototipos de baja fidelidad para solicitar retroalimentación rápida y por adelantado, o modelos de alta fidelidad que tengan la misma apariencia que el diseño web o de aplicación propuesto. Esta herramienta incluso generará documentos de especificaciones que pueden servir como planos para los miembros del equipo, o pueden presentarse a los clientes para su aprobación.

Proto.io

Proto.io será una opción ideal si necesita una herramienta de creación de prototipos de calidad para ayudarlo con las actividades de diseño de su aplicación móvil. Proto.io es una plataforma de prototipos móviles dedicada que se ejecuta en la mayoría de los navegadores, no requiere codificación, y te permite desplegar prototipos de aplicaciones móviles totalmente interactivos y simulaciones Que tengan la apariencia de lo real..

Tres partes se combinan para crear esta herramienta: un tablero, un editor y un jugador. El panel de control sirve como control maestro y administrador de proyectos. El editor consiste en un conjunto de herramientas para emular su diseño y construir las interacciones. Con el reproductor, puede ver su prototipo en su navegador web, interactuar con él, solicitar comentarios y probarlo en dispositivos móviles reales. Si lo tuyo es el diseño de aplicaciones móviles, esta es la herramienta para ti..

Flujo web

Para quien busca un Diseño todo en uno, creación de prototipos y herramienta de desarrollo., La búsqueda termina aquí. En primer lugar, con Webflow, puedes Construye y prueba los prototipos de alta fidelidad. Usted necesita asistir sus esfuerzos de diseño. Pero aquí es donde entra en juego la diferencia: todo lo que se genera se basa en HTML / CSS y JavaScript listos para la producción. El resultado?

Usted puede pasar sin problemas de un prototipo totalmente interactivo a un producto desarrollado. Prototipo, diseño y desarrollo vienen en el mismo paquete, que también incluye las características y capacidades de colaboración necesarias. Y por cierto, todo es sensible también.

PowerMockup

Este kit de herramientas de creación de prototipos especializados se desarrolló pensando en el usuario de PowerPoint. PowerMockup es, de hecho, un complemento de PowerPoint que puede utilizar para cree wireframes y maquetas para sitios web, aplicaciones de escritorio o aplicaciones móviles. Es simplemente una cuestión de seleccionar formas y elementos de diseño de la biblioteca de PowerMockup, y colocarlos en una diapositiva de PowerPoint.

Entonces tú puedes use las funciones de presentación de diapositivas y animación de PowerPoint para previsualizar su diseño con otros. También puede agregar sus propias formas y elementos a la biblioteca y compartirlos con otros usuarios de PowerPoint si lo desea..

Lucidchart

Lucidchart es una aplicación en línea que presenta una Biblioteca de elementos de diseño y tipos de dispositivos. a partir de la cual puede crear rápidamente esquemas de alambre o maquetas de su sitio web o diseños de aplicaciones móviles. Tiene un interfaz limpia y fácil de usar, y cuenta con tecnología de arrastrar y soltar, capacidades de demostración interactiva, y una tecnología de capa que le permite construir simulaciones altamente complejas.

Lucidchart es también una herramienta útil para Creación de diagramas de flujo de trabajo de proyectos y diagramas de flujo de aspecto profesional., y sus funciones de colaboración funcionan sin problemas y son fáciles de usar.

HotGloo

Emular el UX propuesto de un diseño a veces puede presentar desafíos. Es por eso que necesitas HotGloo. Con un enorme biblioteca de elementos y Galería de widgets de UI, exportar y compartir características, así como la colaboración con los miembros del equipo que te hace comenzar en casi ningún momento.

Si tiene alguna pregunta o necesita ayuda, tienen una documentación completa, así como video tutoriales útiles y seminarios web en vivo disponible. Cree sus prototipos directamente en su navegador, compártalos o obtenga una vista previa de ellos en cualquier dispositivo móvil. Usted puede incluso Exporta tu trabajo a HTML. Wireframing & prototyping nunca ha sido tan fácil y divertido!

Envolviendolo

Hay muchas opciones para elegir de esta lista, desde herramientas dedicadas a propósitos especiales, hasta una herramienta todo en uno que definitivamente vale la pena ver. Todas estas herramientas son de la mejor calidad, por lo que no implica ningún riesgo, y siempre puede ver una demostración o solicitar una prueba gratuita..

Estos productos tienen una gran base de usuarios. Son utilizados o recomendados por las principales empresas. Así que no importa cuál elija, se encontrará en buena compañía. Ya sea que esté buscando una herramienta de maquetas, estructuras de alambre o prototipos, encontrará una herramienta para sus necesidades arriba.