11 de las mejores herramientas de estructura alámbrica y prototipo para sus sitios web y aplicaciones de planificación

Una estructura de alambre es esencialmente un plan para un diseñador web para una página web. Este marco se puede dibujar manualmente con lápiz y papel simple, pero las herramientas de alambre son mucho más efectivas, ya que le permiten usar herramientas de deslizamiento y colocación, colaborar con otros diseñadores y mostrar clientes. Build. El diseñador utiliza elementos negros simples en un fondo blanco para mapear donde quiere ir ciertos elementos, como logotipo, menú de navegación, contenido y más. La creación de prototipos es el siguiente paso después del alambre. La prototipia lleva la etapa de diseño unos pasos más allá, completando la visión del diseñador. En esta etapa, el diseñador selecciona qué colores y estilos quiere en su sitio. Se hunde directamente en la interfaz de usuario y completa la planificación teniendo en cuenta la experiencia general del usuario del sitio o la aplicación.
OLI ha publicado un plan de 7 pasos sobre cómo hacer que su flujo de trabajo sea más eficiente cuando se trata del desarrollo de sitios de WordPress para los clientes, pero retomemos las cosas y centrémonos en la etapa de diseño. Esta lista contiene 11 de las mejores herramientas de alambre y creación de prototipos para crear nuevos sitios, temas y aplicaciones. Vamos a empezar. 1. Invisión

Invision es una de las herramientas de creación de prototipos más utilizadas en el mercado. Es utilizado por marcas como Twitter, Nike y Sony. El software está compuesto por herramientas simples de tipo de arrastre y arrastre que hacen que la planificación de los diseños UX sea lo más fácil posible. Puede probar su diseño en navegador, móvil e incluso en tiempo real. También se crea para la colaboración con soporte para tales soluciones de almacenamiento en la nube como Dropbox, Google Drive y Slack. El precio comienza en 0 USD para 1 prototipo de plataforma aceptada: basado en el navegador; Todos los navegadores 2. Uxpin
UXPIN es una herramienta múltiple que le permite construir marcos y modelos de alambre antes de prototear diferentes modelos UX. Es otra gran herramienta para los equipos, porque tiene una función de intercambio en vivo que le permite presentar el diseño de otro equipo y clientes, donde los cambios y personalizaciones que realice se presentarán en tiempo real. Es utilizado por compañías como Microsoft, NBC y USA Today. El precio comienza en $ 19/mes de plataformas aceptadas: basadas en el navegador; Todos los navegadores

El artículo continúa a continuación

3. Aplicación Marvel
La aplicación Marvel es un instrumento que le permite diseñar estructuras para sitios web antes de estratificar los diseños de UX sobre ellos para diseñar completamente sitios y aplicaciones optimizadas para navegadores y dispositivos móviles. Puede crear sus propias pantallas o usar las imágenes que hizo solo en Photoshop o boceto. Esta herramienta también tiene funciones de colaboración de tiempo real que permiten a los miembros del equipo y clientes dejar comentarios de pantalla o crear anotaciones. El precio comienza desde $ 0 para las funciones básicas de las plataformas aceptadas: Safari y Chrome; Asistencia de Firefox en el trabajo4. Cavidad

Gliffy es una herramienta multifuncional que le permite construir marcos comunes y sitios web para nuevos sitios. También tiene otras herramientas de diagrama de flujo disponibles que las empresas pueden encontrar útiles, pero los diseñadores web apreciarán la posibilidad de crear modelos simples para las páginas web en mente. El precio comienza en 0 USD para 5 gráficos de plataforma aceptados: basado en el navegador; Todos los navegadores 5. Omnigrafle
Omnigrafle es una herramienta multifuncional de Omnigroup que puede usarse para construir una estructura alámbrica para sitios web, entre otros. Le permite construir un marco básico para su sitio de diferentes maneras, incluido el iPad con un Apple Pencil. La herramienta tiene funciones divertidas de reconocimiento si prefiere dibujar sus dibujos que usar herramientas de deslizamiento y colocación.

El precio comienza desde $ 49.99 plataformas aceptadas: Mac e iOS

6. MOQUP
El artículo continúa a continuación

MOQUPS es una herramienta de estructura alámbrica y prototípica que le permite diseñar modelos simples para sitios antes de pasar directamente a la etapa UX. Puede conectar páginas con enlaces, puede agregar sus propias imágenes, puede exportar a archivos PDF/PNG y más. Es una gran herramienta para usar si necesita una forma simple de presentar a su equipo y miembros del equipo. El instrumento es utilizado por compañías como Mozilla, Intel y BBC. El precio comienza desde $ 0 por 1 plataformas aceptadas del proyecto: basado en el navegador; Todos los navegadores, el Chrome App7 disponible. Ejes


Axure es otra herramienta múltiple que le permite construir marcos de alambre y prototipos para sitios web para navegadores de escritorio y dispositivos móviles. La herramienta le permite comenzar en una fase de “boceto” en blanco y negro antes de agregar logotipos, imágenes, colores y fuentes. Luego, podrá pasar a la fase avanzada de creación de prototipos, donde puede probar varios modelos UX. El precio comienza desde $ 289 para una licencia de plataforma aceptada: Windows y Mac 8. Justinmind

JustInmind es una popular herramienta de prototipos de alambre utilizada por Google, Adobe y Oracle. Le permite planificar completamente cómo se verá, sentirá y trabajará su sitio e incluso le permitirá diseñar aplicaciones web y móviles. Los diseñadores pueden aprovechar las múltiples posibilidades de integración del instrumento para maximizar sus experiencias con esta herramienta. Esto incluye Adobe Illustrator para migrar los archivos SVG de Illustrator a JustInmind.
El precio comienza en $ 19/mes de plataformas aceptadas: Windows y Mac 9. Mockingbird

Mockingbird es una aplicación de estructura alámbrica con funciones prototípicas simples de UX. Tiene herramientas de tipo de arrastrar y soltar que puede usar para construir marcos de alambre rápidamente, y sus elementos le permiten conectarse entre páginas, lo que le brinda la oportunidad de crear su sitio, estilo y mapa de su sitio. En un solo instrumento. El artículo continúa abajo

El precio comienza en $ 12/mes por 3 proyectos aceptados: Bande basado; Todos los 10. navegadores de hotgloo
Hotgloo es una herramienta de estructura alámbrica y prototipo utilizada por compañías como Nbuniversal, Disney y Sky. El instrumento ofrece alambre receptivo, una lista completa de elementos de la interfaz de usuario y plantillas de interfaz de usuario previas a la construcción. También se crea para colaboraciones de equipo, y sus clientes pueden crear anotaciones para escribir comentarios si tiene que presentarlos antes de ir con proyectos.

El precio comienza en $ 14/mes por 2 proyectos aceptados: Bande basado; Todos los navegadores 11. Mockplus

Mockplus es una herramienta simple para la estructura alámbrica, que le permite moverse de una estructura alámbrica en blanco y negro, estilo de boceto, a los diseños diseñados por el sitio, con colores e iconos completos. Viene con más de 200 componentes previos al diseño que hacen que el alambre sea lo más fácil posible. Los dibujos se pueden compartir a través de la nube, por lo que nunca tendrá que preocuparse de tener una unidad flash adicional para compartir a sus colegas y clientes.

El precio comienza en $ 10/mes de plataformas aceptadas: Windows y Mac