Please enable JavaScript.
Coggle requires JavaScript to display documents.
Herramientas para la generación de prototipos e interfaces., Referencias,…
Herramientas para la generación de
prototipos e interfaces.
Marvel
¿Qué es?
Herramienta de creación de prototipos móvil y con base en la web.
Permite
Generar especificaciones de diseño para los equipos de FrontEnd y prototipos interactivos.
Funciones
Marvel ofrece una herramienta llamada Canvas para diseñar los prototipos.
También
Se pueden importar los diseños creados en Photoshop y Sketch mediante plugins, sincronizar con Dropbox y Google Drive..
Funciones interactivas
Permite
Adaptar para todo tipo de dispositivos y sistemas operativos, solo con seleccionar la función.
Agregar áreas de interacción, transiciones y gestos.
Colaboración en línea
en donde
Agrupa a los usuarios en equipos para facilitar este proceso.
Beneficios
Compatibilidad con otras plataformas como Photoshop, Sketch e Illustrator, entre varias otras.
Permite obtener feedback temprano para iteraciones rápidas.
Permite realizar test con usuarios grabando como los participantes de la prueba interactúan con el prototipo.
Nos permite poder crear un .apk
Adobe XD
¿Qué es?
Herramienta de diseño y prototipado que se utiliza para crear interfaces de usuario (UI) y experiencias de usuario (UX).
Para
Aplicaciones web, móviles y otros dispositivos.
Beneficios
Como
Permite crear prototipos (hasta prototipos de voz)
Ayuda a ahorrar tiempo, ya que da la oportunidad de hacer cambios rápidos
Facilita la creación de componentes avanzados y responsivos
Permite transformaciones 3d
Características
Prototipo interactivo que se ve y funciona como un sitio web real.
Creación de diseños de interfaces gráficas de usuario para aplicaciones y sitios web.
con
Herramientas de diseño vectorial para crear elementos gráficos.
Es compatible con la colaboración en equipo a través de Jira, Slack y Microsoft Teams.
Integración con otras herramientas de Adobe Creative Cloud.
como
Photoshop e Illustrator para un flujo de trabajo más fluido.
Funcionalidades
como
Prototipado
para
Enlaces entre artboards
que
Permite crea flujos de navegación.
Define transiciones y animaciones.
Prueba de interacciones
ayuda a
Visualiza cómo funcionará la aplicación.
Diseño
permite
La creación de wireframes para establecer la estructura y disposición de los elementos de la interfaz.
InVisio
n
¿Qué es?
Plataforma de diseño y prototipado
Para
Diseñar aplicaciones móviles, sitios web y otros productos digitales.
Permite
La creación de wireframes, prototipos interactivos, y diseños de alta fidelidad.
Características
Prototipado interactivo
Pueden transformar estáticos diseños en prototipos interactivos que se asemejan y funcionan casi como el producto final
Ofrece
Animaciones, transiciones y gestos.
Integraciones
Se integra con herramientas
Como
Slack, JIRA y Trello
Colaboración
Proporciona herramientas para la retroalimentación visual, gestión de proyectos y diseño colectivo.
Comentarios y feedback contextual
Revisión y aprobación de diseños
Beneficios
Eficiencia en el proceso de diseño
Revisión a tiempo real
Reducción de errores y retrabajo
Presentación como si fuera una web real.
Mejor calidad de feedback del cliente.
Ejemplos de uso
Colaboración en el diseño
Testeo de usabilidad
Presentaciones de diseño
HotGloo
¿Qué es?
Herramienta de esquematización y prototipo UX diseñada para construir diseños de página para internet, móviles y aparatos electrónicos.
Para
Aplicaciones y sitios web.
Ayuda a
Visualizar procesos de planificación, construir e interactuar con modelos de prueba, fácilmente..
Características
HotGloo está diseñado para la colaboración.
Permite crear estructuras alámbricas interactivas que mejoran la experiencia del usuario.
Ofrece una interfaz fácil de usar.
Extensa biblioteca con más de 2000 elementos, íconos y widgets de interfaz de usuario
Proto.io
¿Qué es?
Plataforma de prototipado web basada en la nube.
Permite
Crear pantallas de aplicaciones móviles, aplicar transiciones de pantalla y definir eventos táctiles para cada elemento de diseño en la pantalla.
Beneficios
Más de 80 eventos y 40 acciones para crear transiciones y micro-animaciones.
Su interfaz de usuario intuitiva, que se construye con un sistema de arrastrar y soltar.
Los usuarios también pueden importar desde Sketch o Photoshop, crear interacciones con JavaScript.
Agiliza todo el proceso de creación de prototipos al facilitar múltiples capas en varias pantallas.
Contiene una variedad de plantillas para web y móvil.
Características
como
Biblioteca de elementos de interfaz de usuario y variedad de funcionalidades de animación, interacción y transición.
Capacidades de compartir y colaboración, incluyendo instantáneas, versiones en vivo y grabación de video con comentarios.
Integración con Usertesting.com y Validately para obtener feedback detallado.
Capacidad para crear wireframes de baja fidelidad y prototipos de alta fidelidad para pruebas exhaustivas.
Documentación detallada para facilitar el aprendizaje y la resolución de problemas.
Compatibilidad con dispositivos móviles y navegadores de escritorio, incluyendo vistas previas nativas para Android e iOS.
Ejemplos de uso
en
Prototipado de productos digitales
Demo de una interfaz de usuario para un software
Mockup de un sitio web corporativo
Fluidui
¿Qué es?
Herramienta de prototipado y diseño de interfaces
Para
Crear maquetas interactivas para aplicaciones móviles y web.
Características
Permite
Construir bibliotecas de símbolos o componentes como en Figma, Adobe XD o Sketch.
La creación de enlaces internos entre las distintas páginas
Dispone de más de 2.000 componentes ya creados de los sistemas de diseño Material Design, iOS Human Interface entre otros.
Permite trabajar en equipo y recibir comentarios de otros diseñadores o stakeholders.
Beneficios
Dispone de widgets que se integran dentro de la aplicación y que facilitan la navegación.
Permite es enviar una falsa prueba (MockUp) a tus clientes y trabajadores para obtener un feedback.
Permite crear prototipos rápidos sin necesidad de habilidades de programación.
Facilita la iteración y mejora del diseño antes de la implementación.
Sketch
¿Qué es?
Software de diseño vectorial para interfaces web y móviles.
con
Set de funcionalidades para crear vectores y componentes.
Características
Cuenta con todo lo necesario para diseño de interfaces.
Da acceso a bibliotecas compartidas con símbolos, texto y estilos, así como a componentes reusables.
Los prototipos se pueden probar utilizando la aplicación Sketch Mirror.
Enfocadas en proporcionar los mejores features para diseño web y prototipado.
Colaboración en tiempo real
Beneficios
Ofrece
Una gran cantidad de recursos disponibles.
Cuenta con una amplia variedad de integraciones de terceros.
Sketch funciona sin conexión a Internet.
Su longevidad, lo que significa que muchos diseñadores están familiarizados con él
Referencias
Machuca, F. (2021, 24 noviembre). 9 software para diseño de interfaces con los que podrás mejorar la experiencia de tus usuarios.
https://www.crehana.com
.
https://www.crehana.com/blog/transformacion-digital/software-diseno-de-interfaces/
Martin, M. (2023, 29 diciembre). 35 BEST Prototyping Tools & Software for UI and UX [Apr 2024]. Guru99.
https://www.guru99.com/es/prototyping-tools.html
JENIFER SANCHEZ PLACIDO