Esto por un lado supone una carga de trabajo nada sencilla para los diseñadores y por otro que cada vez se generen puestos más específicos dentro del diseño. Por eso te proponemos una serie de herramientas UX para que puedas dar el salto a las Apps.

Antes de nada destacar que las herramientas más útiles son las de prototipado tanto para el diseñador UI como para el UX. Con estas podemos lanzar una App de prueba sobre la que podremos realizar modificaciones, de forma que la inversión en tiempo y en dinero es menor.

1. UserTesting

(Imagen original de UserTesting)

UserTesting es una herramienta muy interesante y completa ya que permite realizar tests prediseñados o propios tanto en dispositivos iOS y Android. También pone a disposición las métricas para analizar resultados, los cuales están disponibles en una hora. Uno de los puntos fuertes de la herramienta es que te ofrece el vídeo de la interacción que ha hecho el usuario con la App, por lo que en todo momento puedes monitorizar sus acciones. UserTesting cuenta con usuarios cualificados que realizan la prueba de forma remota.

Una ventaja es que el servicio ofrece diferentes tipos de cuentas con servicios adicionales y avanzados. Tus proyectos pueden, por ejemplo, estar diseñados por un equipo propio de la herramienta o puedes contar con un gerente de proyecto que te ahorra tiempo en la fase de análisis e investigación.  

2. Pickfu

(Imagen original de Pickfu)

Pickfu presta especial atención a la comunicación con el usuario permitiendo que estos comenten y hagan sugerencias sobre cualquier aspecto de la App. Además, puedes crear las preguntas que quieras que el usuario responda, por lo que el seguimiento de la audiencia es mucho más exhaustivo pudiendo extraer datos que orienten las estrategias de negocio.

Sin duda el punto fuerte es que permite recibir sugerencias de cualquier parte del mundo sobre todo tipo de diseños que queramos testear.

3. Marvel

(Imagen original de Marvel)

Marvel es una herramienta gratuita tanto para iOS como Android, que permite diseñar prototipos interactivos. Para registrarte solo necesitas una cuenta en Dropbox, ya que Dropbox Sync se encargará de sincronizar tu proyecto. Además se puede sincronizar con Google Drive e importar diseños desde Photoshop o Sketch.

Es una herramienta realmente sencilla que a través de bocetos, borradores, imágenes nos permite diseñar nuestra App, navegar a través de ella y crear transiciones en el diseño. Al subirse a un espacio compartido, la experiencia es muy enriquecedora ya que puedes comentar otros prototipos y recibir feedback en tus diseños.

4. Firefly

(Imagen original de Firefly)

Es una herramienta que permite tener un control inmediato del diseño de la aplicación. Esto resulta muy útil para UX ya que los cambios pueden realizarse de forma sencilla en cuestión de segundos. Se trata de una herramienta colaborativa idónea para grandes equipos.

5. InVision

(Imagen original de InVision)

InVision es otra herramienta gratuita que destaca por su facilidad de uso, a pesar de no ser tan avanzada. Esto es gracias a su sistema drag&drop que permite transformar pantallas estáticas en interactivas. El plugin Craft con el que cuenta integra herramientas para Photoshop y Sketch. En este caso puedes enviar la URL a un cliente para que comente el diseño, además permite crear Mood Boards y Mock Ups. Se trata también de una herramienta colaborativa que permite el trabajo rápido por parte de todo el equipo.

6. Appsee

(Imagen original de Appsee)

Esta es una herramienta que seguro te resultará interesante. Cuenta con una opción de “registro de usuario” que nos ayuda a saber cómo interactúan los usuarios con la aplicación ya que se trata de un software analítico. Esto permite corregir errores muy rápido.

7. UXPin

(Imagen original de UXPin)

Esta herramienta se creó por diseñadores UX, por lo que contiene características tan  importantes como:

• Es colaborativa,
• Funciona en tiempo real,
• Gestiona cada etapa del diseño,
• Muestra el diseño a los clientes
• Recoge comentarios y sugerencias desde las primeras pruebas.  

8. Optimizely

(Imagen original de Optimizely)

El punto fuerte de esta herramienta es la posibilidad de realizar una prueba A/B concreta (split testing) con la que modificar el diseño en base a las conversiones.

Es una herramienta de experimentación, de realizar pruebas como, por ejemplo, un cambio del CTA, en el mensaje, etc. Todo ello forma rápida y sin necesidad de saber de diseño web. Se trata de una herramienta de pago con la posibilidad de ser gratuita con un plan limitado.

9. Slack

(Imagen original de Slack)

Slack es una de las herramientas colaborativas por excelencia. Integra herramientas como  Google Drive, Twitter, Dropbox, por lo que los documentos se comparten constantemente. Permite una comunicación fluida gracias a la creación de conversaciones específicas y grupos de trabajo.

10. UX Project Checklist

(Imagen original de UX Project Checklist)

Es una herramienta que ayuda a la hora de hacer una repaso de lo que se ha hecho y lo que no. Contiene 27 secciones en las que en cada una de ellas se pregunta por las tareas a realizar. Se trata de verificar cada uno de los puntos de tus proyectos. Realmente merece la pena ya que sitúas muy bien el trabajo en cada fase de desarrollo.

11. Lander

(Imagen original de Lander)

Se trata de una herramienta enfocada en la creación de Landing Pages de forma sencilla y sin necesidad de saber cómo diseñar la parte visual para Apps. Es una herramienta de pago interesante para el UX ya que contiene Google Analytics CRM y pruebas A/B para medir las conversiones.

12. Reframer

(Imagen original de Reframer)

Herramienta gratuita, es una herramienta que aporta un análisis cualitativo de la experiencia del cliente. Esto es posible gracias a funciones como incluir ratings en temas que resulten interesantes, permite incluir notas de entrevistas y sesiones que los usuarios han hecho de prueba.

13. Draw.io

(Imagen original de Draw.io)

Es una herramienta muy utilizada en el la creación de diagramas y la transversalidad en el trabajo. Totalmente gratuita permite guardar los archivos en .xml y que estos se lean en diferentes programas, Internet o correo electrónico. También está conectado con la nube en programas como Drive, Trello o Dropbox.

14. Pencil

(Imagen original de Pencil)

Pencil es una de las herramientas más conocidas al ser muy completa y estar disponible de forma gratuita. Centrada en prototipado cuenta con código abierto. Dispone además de wireframes, diagramas y esquemas para trabajarlos en iOS y Android.

15. Google Analytics

(Imagen original de Google Analytics)

No podría faltar esta herramienta con la que podemos monitorizar a los usuarios tanto en una web como en una App para introducir cambios e identificar errores.

16. Hotjar

(Imagen original de Hotjar)

Esta herramienta posee mapas de calor para seguir de cerca al usuario y ver qué les interesa. Además permite realizar encuestas, crear sondeos, identificar los embudos de conversión y grabar la interacción del usuario con la App.

17. Morae

(Imagen original de Morae)

La clave de esta herramienta es que permite a tus clientes probar el producto, sin necesidad de acudir a usuarios que simplemente se dedican a testear.

18. Attensee

(Imagen original de Attense)

Con ella podemos hacernos a la idea de forma visual de cómo navegan los usuarios por la aplicación. Se trata de realizar diferentes versiones de un diseño y extraer datos y encuestas de los mismos. Cada versión del diseño cuenta con 60 respuestas que llegarán en forma de estudio al diseñador UX.

19. UserVoice

(Imagen original de UserVoice)

Otra herramienta muy completa que permite seguir la navegación del usuario. En ella puedes visualizar los comentarios de los usuarios, clientes y el equipo. Con los datos obtenidos puedes establecer una hoja de ruta e ir integrando mejoras.

20. CrazyEgg

(Imagen original de CrazyEgg)

CrazyEgg es una herramienta UX muy conocida por los mapas de calor y por grabar la navegación del usuario. Permite analizar los clicks, las zonas más visitadas, el scroll… Cuenta con un test A/B y ofrece una prueba gratuita limitada.

21. Usabilla

(Imagen original de Usabilla)

Usabilla se centra en el feedback visual. Los usuarios pueden dejar comentarios donde crean necesario comentando el diseño, por lo que puedes analizar el comentario en su contexto visual. La herramienta permite medir el tiempo que tarda un usuario en realizar una acción.

22. Storyboard that

(Imagen original de Storyboard that)

Aplicación orientada a la ayuda en la creación de la historia dentro de la App. La herramienta contiene una librería de personajes, escenas e imágenes.

Esperamos que con todas estas herramientas estés más cerca de entender al usuario y de ofrecerle una experiencia que no podrá olvidar. ¿Qué otras herramientas propondrías?.

La entrada Diseño UX en Apps: haz que el usuario llegue hasta el final se publicó primero en Itop.

Por tanto, el feedback que recibamos será limitado cuando pongamos nuestro prototipo en manos de un tercero, además de que nos guiará a que descubramos posibles fallos de navegación una vez la app ya está en su versión final, creándonos, así, más problemas de los necesarios.

Es por ello por lo que queremos destacar el uso de prototipos interactivos, los cuales nos permitirá recibir un feedback más completo y nos forzará a pensar en aspectos que con un prototipo estático no nos plantearíamos.

Esto puede sonar obvio, ya que la interacción entre la app y el usuario resultan un aspecto fundamental de las mismas.  

Sin embargo, no es relativamente común el desarrollar prototipos totalmente estáticos y sin simplemente suponer la interacción del usuario con la versión final. Esto, como ya hemos comentado, puede traducirse en que nuestras suposiciones, por bien fundadas que estén, incluso habiendo llevado a cabo un trabajo exhaustivo de cómo sería la experiencia de usuario en nuestro diseño; a la hora de la verdad no funcionen tan bien como esperábamos y hagan de nuestra app una con la que no sea muy intuitivo interactuar.

Para facilitar estos prototipos interactivos, existen en la actualidad aplicaciones que facilitan mucho el proceso. Hoy no entraré en detalle en ellas pero sí quiero mencionar que no son sólo aplicaciones a las que tengamos que llegar con un prototipo avanzado, también existen algunas que nos ayudan a establecer una versión temprana de cómo sería la interacción con nuestra app, valiéndonos de unos primeros bocetos para ello.

Incluso, y aunque sea un poco más rudimentario y menos fiel, podemos montar de forma manual y enteramente en papel un prototipo básico, donde el diseñador iría cambiando las pantallas o añadiendo elementos al marco que funcionaría a modo de teléfono móvil según las acciones del usuario.

Por supuesto éste último no es el método más completo o fiel para un prototipo interactivo, pero es una forma accesible y sencilla de dar una visión básica del tipo de interacción que tenemos en mente y que nos permite hacer muchas correcciones de forma rápida. Para estados más avanzados de la fase de prototipado, podremos acudir a otras herramientas más completas, de las cuales os hablaré en la próxima ocasión.

¿Necesitas ayuda para desarrollar tu App? Nosotros te asesoramos.

La entrada La importancia del prototipo interactivo se publicó primero en Itop.