Mini-reviews: UXPIN. Creación de wireframes atractivos y funcionales

En los últimos dos años, he tenido oportunidad de probar varias herramientas de prototipado web e interfaces de usuario, obteniendo diferentes resultados con cada una de ellas (Prototypr, Invision, Balsamiq…) y en mi opinión, UXPIN es quizá la más completa que he probado hasta hoy, me atrevería a decir que es la más versátil de su clase, por lo menos de las que he probado hasta el momento.

 

Tras leer y analizar todas las herramientas que recomendaban en el artículo publicado en www.tech.co “15 web design tools to try in 2016”, UXPIN ha sido un agradable descubrimiento… Una herramienta que creo que todo diseñador UI o Web debería por lo menos conocer, aunque yo os emplazo a que también la probéis.

 

Es una herramienta online (bastante fluida para ser online) de prototipado, tanto web como móvil, que permite crear wireframes muy visuales y lo que es más interesante, interactivos y dinámicos.

 

Es muy completa en cuanto a herramientas, puesto que permite cantidad de acciones que facilitan el trabajo (alineaciones, grupos, capas…), incluye una librería muy muy extensa de recursos gráficos que van desde formularios, pasando por iconos gestuales, hasta componentes nativos de iOS, Android, loaders animados y un largo etc. La apariencia, es de una interfaz muy visual y bastante intuitiva, al estilo de editores gráficos como puede ser Photoshop o Illustrator, esto es, una barra a la izquierda que contiene la librería y alguna otra funcionalidad, una barra superior con un pequeño menú para compartir, previsualizar, etc… una barra de herramientas a la derecha donde se configuran las opciones principales y un espacio central de trabajo limitado por reglas en píxeles (obvio) donde se edita la interface sencillamente arrastrando objetos de la librería a la mesa de trabajo y redistribuyéndolos a tu gusto. Por supuesto permite incluir tus propias imágenes, lo que puede aportar a tu “sketch” un acabado bastante presentable.

 

Como ya mencionaba antes una de las cosas más interesantes que incluye esta herramienta es la posibilidad no sólo de crear interacciones entre objetos y diferentes páginas, lo que te permitiría por ejemplo crear un menú totalmente funcional, sino que además permite animaciones bastante interesantes, como transiciones, interpolaciones de movimiento, rotaciones… Todo pudiendo controlar también de qué manera se crea la interacción, es decir, mediante un click, un gesto de swipe, un “hold”… La creación y edición de estas interacciones es muy sencilla, a través de desplegables que te asisten a cada paso dándote las opciones que puedes seleccionar y a dónde quieres dirigir el flujo de navegación y por supuesto, permite crear una versión responsive del proyecto, un imprescindible hoy en día.

 

Para terminar, y ya de cara a la exportación del mockup , continua siendo muy completo… Por un lado permite exportarlo como PDF, PNG y HTML (en este último caso el destinatario tendría que ejecutar el index, cosa sencilla en principio) y por otro lado podría compartirlo enviando una URL o un código QR lo que le permitirá al destinatario visualizar el proyecto directamente en el navegador cómodamente sea en el dispositivo que sea.

 

En cuanto al precio… son 26$ al mes, a priori puede resultar un poco caro, pero depende mucho del volumen de “propuestas” que suelas hacer, eso si, os diré que no difiere mucho de otras herramientas similares, así que si vais a terminar usando otra, por la diferencia de unos pocos dólares yo me decantaría por esta.

 

En resumen es una herramienta que recomiendo probar, es útil tanto para mostrar bocetos a clientes, como para entornos de trabajo puesto que permite agregar comentarios por los usuarios, para mi desde luego es un “must have” este 2016.