User testing

Adobe XD y Figma ya incluyen una herramientas de prototipado, sin necesidad de usar herramientas externas.

Herramientas para grabar pantallas:
Screencastify (https://www.screencastify.com/): Para grabar prototipos en web.
LookBack (https://lookback.io/): Para grabar prototipos en mobile. Pero por lo que pude ver es paga.
Y encontre otra alternativa para grabar prototipos en mobile que es
AZ Screen Recorder (https://play.google.com/store/apps/details?id=com.hecorat.screenrecorder.free&hl=en)
Si tienen otra alternativa me encantaría que me la recomendaran.

User testing: Es una herramienta de investigación formal que permite probar una serie de tareas con usuarios utilizando un prototipo o nuestro producto final, Es recomendable hacer nuestras pruebas con 5 usuarios para obtener un 80 % de los problemas de usabilidad; de esta forma somos rápidos y eficientes con nuestros recursos.

Marvel es genial. Pero consideren Figma. Figma es como Sketch + Marvel + Trabajo colaborativo en tiempo real, en una sola aplicación.

Marvel es genial, pero en XD se pueden crear los componentes y darles “estados” a los componentes en un misma pantalla.
No creo que sea mejor, solo es cuestión de gustos en las herramientas.

Adobe XD hace esto más fácil, creo.

User testing
Pruebas con usuarios o user testing, esta es una herramienta de investigación formal que nos permite probar una serie de tareas con usuarios utilizando un prototipo o nuestro producto final.

Es recomendado hacerlo con 5 usuarios, de esta forma encontraremos el 80% de los problemas de usabilidad lo cual nos permite ser rápidos y eficientes con nuestros recursos.

Prototipo: Este será de alta fidelidad, con este vamos a validar que nuestro producto sea fácil de usar e intuitivo para el usuario, esto lo haremos basándonos en el diseño que trabajamos anteriormente. Una vez definida las tareas hay que crear cada uno de los pasos de interacción (Ejem: Si el usuario hace clic en un drop down debemos mostrar como se vería este abierto) de esta manera nuestro prototipo va a simular un producto finalizado.

Una vez tengamos estas pantallas definidas pasaremos a la herramienta de prototipado, en este caso se usa Marvel, esta herramienta nos permite conectar nuestras pantallas y agregar interacciones o animaciones.

Lo mas importante es incluir todos los pasos del proceso que quieres probar con tus usuarios.

Recomendaciones para hacer pruebas:

• 1. Reclutar a los usuarios, se puede hacer a través de una convocatoria en redes sociales o enviando invitaciones por correo electrónico es importante que les ofrezcamos un incentivo de esta manera estarán mas motivados a participar.
• 1. Una vez que los usuarios lleguen es importante que nos presentemos y expliquemos nuestro rol, tal cual lo hicimos en las entrevistas, después les explicaremos cual va a ser la tarea que van a realizar y les pedimos que hablen siempre en voz alta, de esta manera después podremos repasar estos videos y encontrar insights (tenemos que grabarlos) para esto nos recomiendan dos herramientas, Screencastify, esta sirve para grabar prototipos en web, la otra es LoopBack y nos sirve para grabar prototipos en Mobile.

¡Marvel está del carajo! Muy buena clase. ❤️

Les recomiendo llevar la clase de Adobe XD acá el enlace: https://platzi.com/clases/adobe-xd/ , con el podrían verlo directo en su celular a tiempo real y los cambios son bastante fáciles y rápidos.

Adobe XD es la onda, Excelente clase 😃

Figma permite crear wireframes e incluye una herramienta de prototipado.

¿Por qué son importantes los test de usuario?

• Ayudan a justificar una decisión
• Reducen el riesgo a fracasar con el producto usado
• Sirven para comprobar si el producto cumple con las expectativas del usuario
• Hace coincidir las decisiones de negocios con el uso en el mundo real
• Elimina los defectos del producto
• Permite ver el éxito de los usuarios en sus tareas
• Es útil para obtener reacciones y comentarios de los usuarios sobre el producto
• Ayudan a entender los comportamientos de los usuarios, no sus actitudes

En cualquier test tenemos diferentes tipos de información que nos proporciona el usuario: Aquella información que nos habla de lo que dice el usuario (ya sea a través de palabras orales o escritas) y aquello que hace (lenguaje no verbal y acciones específicas sobre la interfaz). Ambos tipos de informaciones son útiles y hay que saber analizarlas adecuadamente.

User Testing: Hacerlo con 5 usuarios para encontrar aproximadamente el 80% de los problema.

1. Se comienza haciendo un prototipo de alta fidelidad, esto se hace para ver si el prototipo es intuitivo y fácil de usar.
2. Usar herramienta de prototipo. En este caso se usó Marvel.

Tannia no logro encontrar el link al prototipo dentro de la sección de enlaces.

He usado ambos, Marvel y Adobe Xd. Por temas de practicidad, Adobe Xd lo supera, ya que para generar diferentes acciones, como un formulario o efecto hover de un botón, se puede hacer desde una misma pantalla, en cambio en Marvel hay que exportar una pantalla nueva con cada cambio de acción.

No entiendo cuál es la ventaja de usar marvel… si es que ya estás usando adobe XD, figma, o el mismo sketch.

En 2021 no hay necesidad de utilizar herramientas como Marvel o Invision para el prototipado. Existen soluciones como Figma o Adobe XD que ya las tienen incorporadas!

En adobe XD emuy fácil hacer el prototipado, se los recomiendo apliamente. Y de hecho se puede hacer todo desde el wireframe

Y creer que me tocaba hacer eso en powerpoint y pensaba que estaba innovando

😃

User testing: Es una herramienta de investigación formal que permite probar una serie de tareas con usuarios utilizando un prototipo o nuestro producto final, Es recomendable hacer nuestras pruebas con 5 usuarios para obtener un 80 % de los problemas de usabilidad; de esta forma somos rápidos y eficientes con nuestros recursos.

excelente

Herramientas para grabar las interacciones de los usuarios.

Para web: Screencastify
Para móvil: Lookback

Figma ya incluyen una herramientas de prototipado

USER TESTING
Investigación formal que permite probar una serie de tareas del prototipo del producto final con los usuarios. Se recomienda hacerlo con 5 usuarios.
Prototipo
Se crea un prototipo el cual seguira una serie de pasos previstos que el usuario deberá seguir. Se definen las pantallas que se usarán y se pasarán a prototipado con alguna herramienta (marvel, figma, adobeXD, etc) Se recomienda grabar al usuario mientras hace la prueba

Quería navegar el prototipo pero no esta en los enlaces, la pagina luce perfectamente funcional lista para ser testeada

Esta clase me pareció genial, buscaré las mismas herramientas dentro de Figma.

Gracias

Artboard

¿Cómo les fue con su prototipo?

Para el tema de wireframes y prototipados, uso la herramienta de Justinmind (https://www.justinmind.com). Aunque es de pago, es una herramienta que permite crear prototipos muy funcionales, usa todo el tema de responsive. Y permite integrar a diferentes usuarios para el tema de testing, sin que ellos tengan que pagar una suscripcion.

Excelente clase, gracias

Es una herramienta de investigacion formal, la recomendacion es hacerla con 5 usuarios, de esta forma encontraremos el 80 % de nuestros problemas de usabilidad.
Es importante entender que esto es suficiente asi podemos reducir los gastos y tiempo de nuestros testing.
Debemos usar un prototipo de alta fidelidad para validar si nuestro diseño es funcional y usable.

Las herramientas que se recomienda es Marvel

Martín Coronel
UX/UI Design

Web: https://martincoronel.com/

Loom es una extension de google chrome y sirve para grabar la pantalla y graba el rostro del usuario que esta realizando la prueba es muy fácil de usar.