![](data:image/svg+xml;charset=utf-8,<svg height="470" width="655" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
En términos generales, un wireframe es el resultado gráfico entre el diseño y la arquitectura de la información, un prototipo web enfocado a definir la estructura y los espacios. Una de sus funciones principales es coordinar las visiones de los distintos equipos de un proyecto. Para esto, utiliza varios elementos que deben ser justificados y acordes a las metas finales del proyecto.
Sin embargo, el proceso para llegar al prototipo final no siempre es sencillo. Durante las reuniones es esencial recolectar las sugerencias y registrar todos los cambios acordados para evitar confusiones o asumir direcciones equivocadas en la diagramación.
Tras consultar a nuestro equipo de Diseño, seleccionamos tres herramientas que pueden simplificar los flujos de comunicación y el control de cambios al momento de analizar un wireframe en forma colaborativa. Estos son nuestros recomendados:
Axure
Es ideal para crear prototipos que incluyen interacciones complejas o varias fases de desarrollo. Para utilizar las anotaciones es necesario estar suscrito al paquete PRO ($589 USD). Dos de sus funciones destacadas son:
- Widget notes: Funcionan dentro del documento. Se pueden personalizar, reordenar y editar. No se pueden editar varias notas a la vez, pero es posible copiar la información en otros widgets y crear grupos de anotaciones para diferentes equipos de trabajo.
- Pages notes: Permite recolectar información a nivel de páginas, organizar las notas en diferentes campos y asignarlas a cada grupo de trabajo. Las anotaciones se pueden guardar en la misma ventana de diseño y luego ser exportadas.
Más información en Axure.com
InVision
Es una plataforma web colaborativa para la creación de prototipos interactivos. Cuenta con una versión gratuita, en la que permite realizar solo un proyecto, y opciones de pago para trabajar en varios.
Los prototipos deben haber sido creados previamente y ser importados para comenzar a trabajar. Se puede conectar a Google Drive y Dropbox para trabajar de forma colaborativa.
Además, su herramienta de “Feedback contextual” permite la integración por equipos, segregar comentarios en un lugar específico y asignarles un nombre o un grupo de encargados. La función “sketch” sirve para hacer dibujos rápidos y compartirlos como capturas de pantalla.
Más información en InVisionApp.com
Marvel
Es una aplicación web para realizar prototipos navegables en wireframe o en diseño. Ofrece una versión gratuita y distintos planes (desde $15 a $100 USD) según el número de usuarios. Las opciones de pago también ofrecen funcionalidades como descargar proyectos, protegerlos y eliminar la marca de agua Marvel.
Los prototipos deben ser archivos importados vía Dropbox o Sketch. Sus “anotaciones y comentarios” permiten que los clientes y equipos de trabajo puedan agregar sus notas directamente. Para utilizar esta función se debe ingresar al editor de Marvel, hacer click en la burbuja de texto y seleccionar la imagen en la que se requiere la anotación.
En el caso de anotaciones de clientes, sólo tendrán que ingresar su correo para poder comentar, de esta forma también serán notificados sobre las respuestas o cambios realizados en las notas.
Más información en MarvelApp.com
Como recomendación final, sugerimos respaldar los comentarios y anotaciones. Todos los cambios requeridos deben ser registrados para evitar errores que exijan volver a una etapa anterior y hacer el trabajo dos veces. Un correcto seguimiento permitirá también evidenciar las mejoras y demostrar los avances.