UX Research con INTELIGENCIA ARTIFICIAL | UX 2024

Mokkapp
28 Oct 202318:17

Summary

TLDREste vídeo presenta Coco, una herramienta de Inteligencia Artificial integrada en Figma que facilita la investigación de usuario en etapas tempranas del diseño. A través de ejemplos prácticos, se muestra cómo generar user personas, user interviews y user journey maps, así como crear un design briefing y mapas de afinidad. Coco ahorra tiempo en tareas repetitivas y ayuda a diseñar productos digitales centrados en el usuario, incluso con limitados recursos.

Takeaways

  • 😀 Coco es una herramienta de inteligencia artificial que integra como plugin en Figma y ayuda en las etapas tempranas de la investigación de usuario.
  • 🕒 Aunque las herramientas de IA no pueden reemplazar la investigación de usuarios reales, pueden ser útiles para ahorrar tiempo y esfuerzo en varias fases del proceso de diseño.
  • 🌐 Coco ofrece funcionalidades como generar user personas, user journey maps, y arquitectura de la información, entre otras, para apoyar en la creación de prototipos y diseños.
  • 📝 Se puede acceder a Coco a través de Figma, donde se encuentra en la pestaña de plugins, y se puede utilizar con cuentas gratuitas para pruebas iniciales.
  • 🔍 La herramienta permite realizar ejercicios prácticos, como el diseño de una aplicación que conecta agricultores con consumidores urbanos, para entender mejor cómo funciona.
  • 📊 Coco utiliza técnicas como el mapa de afinidad y el cuestionario de descubrimiento para organizar y categorizar información, lo que ayuda a definir el proyecto y a entender a la audiencia objetivo.
  • 🎯 Con la información recopilada, Coco puede generar un design briefing que actúa como guía para el proyecto de diseño, proporcionando una estructura sólida para el trabajo de diseño y estratégico.
  • 👤 El user persona generado por Coco es una representación ficticia de la audiencia objetivo, que ayuda a comprender sus objetivos, necesidades y motivaciones.
  • 🗣️ El user interview es una técnica cualitativa que permite entender mejor a los usuarios a través de entrevistas, y Coco puede generar preguntas clave basadas en los datos del user persona.
  • 🗺️ El user journey map de Coco representa las experiencias y emociones del usuario a lo largo de su interacción con el producto, permitiendo identificar oportunidades de mejora en la experiencia del usuario.

Q & A

  • ¿Qué herramienta de inteligencia artificial se menciona en el guion para ayudar en la investigación de usuario?

    -Se menciona 'Coco', una herramienta de inteligencia artificial integrada como plugin en Figma.

  • ¿En qué etapas del proceso de investigación de usuario puede ayudar Coco?

    -Coco puede ayudar en las etapas tempranas del proceso de investigación de usuario, como la generación de user personas, el user journey map, la arquitectura de la información, etc.

  • ¿Qué tipo de información se puede generar con la herramienta de chat dentro de Coco?

    -Con la herramienta de chat, se pueden generar descripciones para cada una de las 10 heurísticas de usabilidad y hacer preguntas, generar sumarios y extraer insights de un archivo PDF.

  • ¿Cómo se puede acceder a Coco dentro de Figma?

    -Después de crear un nuevo archivo de diseño en Figma, se accede a Coco a través de la pestaña de plugins en la barra superior.

  • ¿Qué es el 'design briefing' y cómo ayuda en el proceso de diseño?

    -El 'design briefing' es un documento que ofrece una guía clara y concisa para un proyecto de diseño específico, sirviendo como punto de referencia fundamental para todas las partes interesadas y proporcionando una estructura sólida para el trabajo de diseño y estratégico.

  • ¿Qué información se necesita para generar un 'user persona' en Coco?

    -Para generar un 'user persona', se necesita introducir información general de la persona y detalles sobre cómo, por qué y cuándo esa persona interactuará con el producto o servicio.

  • ¿Qué es el 'user interview' y cómo se realiza en Coco?

    -El 'user interview' es una técnica cualitativa en la que se reúnen con individuos representativos de los usuarios para comprender sus necesidades, comportamientos, actitudes y emociones. En Coco, se introducen datos sobre el usuario, el escenario y temas relevantes, y la inteligencia artificial genera preguntas para la entrevista.

  • ¿Qué representa el 'user journey map' y cómo se crea en Coco?

    -El 'user journey map' es una herramienta visual que representa las experiencias y emociones del usuario mientras interactúa con un producto. En Coco, se crean a partir de información similar a la del 'user persona', incluyendo la conciencia, la consideración y la decisión, y la inteligencia artificial mapea el viaje del usuario.

  • ¿Qué es la arquitectura de la información y cómo se define en Coco?

    -La arquitectura de la información es una estructura organizativa y jerárquica de un sistema de información, como una app o una web. En Coco, se define a partir de los supuestos del producto o servicio y las características de la persona, y la inteligencia artificial genera una distribución y jerarquía de funcionalidades.

  • ¿Qué es el 'yix copywriting' y cómo se utiliza en Coco?

    -El 'yix copywriting' es una herramienta para redactar textos de marketing y contenidos de usuario en el contexto de un diseño de producto. En Coco, se introduce el copy, se especifica el contexto y el tono deseado, y la inteligencia artificial proporciona opciones de textos optimizados para diferentes funcionalidades y páginas de la aplicación.

Outlines

00:00

😀 Introducción a la herramienta de investigación de usuario: Coco

El vídeo comienza con una introducción a Coco, una herramienta de inteligencia artificial que integra como plugin en Figma para ayudar en la investigación de usuario. Coco es especialmente útil para aquellos que no tienen tiempo, medios o presupuesto para llevar a cabo una investigación de usuario tradicional. La herramienta puede generar user personas, user journey maps, y estructuras de información, entre otras funcionalidades. El vídeo se dirige a diseñadores de producto y ofrece una guía paso a paso para utilizar Coco desde el inicio, incluyendo el registro y el login en Figma.

05:01

🔍 Explorando las funcionalidades de Coco y su aplicación práctica

El vídeo continúa explorando las funcionalidades de Coco, como el chat para generar preguntas y respuestas basadas en heurísticas de usabilidad, y la creación de documentos de investigación. Se muestra cómo se puede generar un mapa de afinidad para organizar información relevante al proyecto, y cómo se puede crear un design briefing para proporcionar una guía clara y concisa para el diseño de un producto digital. Además, se menciona la posibilidad de integrar más preguntas y cuestiones importantes para el desarrollo del proyecto en Figma.

10:02

👩‍💼 Creando User Personas y User Interviews con Coco

El vídeo se enfoca en la creación de user personas y user interviews, que son representaciones ficticias de la audiencia objetivo y técnicas cualitativas para comprender las necesidades y comportamientos de los usuarios. Se explica cómo se introducen datos sobre el usuario y cómo se generan preguntas clave para entrevistas con usuarios reales. Se destaca la importancia de estas herramientas para diseñar soluciones que se alineen con las necesidades de los usuarios y se menciona la posibilidad de usar otras herramientas para complementar la investigación de usuario.

15:02

🗺️ User Journey Map y Arquitectura de Información con Coco

El vídeo concluye con la creación de un user journey map, una herramienta visual que representa las experiencias y emociones del usuario al interactuar con un producto. Se muestra cómo se introducen datos similares a los utilizados en la creación de user personas y cómo se genera una cantidad de información para mapear el viaje del usuario. Además, se explora la arquitectura de información y el yx copywriting, que ayudan a definir la estructura y jerarquía de un sistema de información, y a redactar el contenido de la aplicación de manera efectiva y alineada con el tono deseado.

Mindmap

Keywords

💡Investigación de usuario

La investigación de usuario es el proceso de recopilar información sobre las necesidades, comportamientos y motivaciones de los usuarios para diseñar productos o servicios que satisfagan sus necesidades. En el video, esta investigación es fundamental para entender a los agricultores y a las personas en ciudades que buscan productos orgánicos, y es el punto de partida para el diseño de la aplicación.

💡Inteligencia artificial

La inteligencia artificial (IA) es la capacidad de las máquinas de imitar la inteligencia humana, aprendiendo y tomando decisiones. En el video, se presenta Coco como una herramienta de IA que integra plugins en Figma para ayudar en la investigación de usuario, automatizando tareas y proporcionando insights valiosos para el diseño de la aplicación.

💡Figma

Figma es una herramienta de diseño colaborativa en línea que permite a los diseñadores crear y editar prototipos de interfaces de usuario. En el video, Figma sirve como plataforma donde se integra la herramienta Coco, permitiendo a los diseñadores utilizar la IA para mejorar sus procesos de diseño.

💡User persona

Una user persona es una representación ficticia de un usuario objetivo basada en datos de investigación. En el video, se utiliza para crear un perfil detallado de los usuarios de la aplicación, como María, una mujer de 40 años que busca alimentos orgánicos de alta calidad.

💡User Journey Map

El User Journey Map es una herramienta visual que representa las experiencias y emociones de un usuario a medida que interactúa con un producto o servicio. En el video, se utiliza para mapear el viaje del usuario a través de la aplicación, identificando oportunidades para mejorar la experiencia y abordar posibles problemas.

💡Arquitectura de la información

La arquitectura de la información es la organización y estructura de la información en un sitio web o aplicación. En el video, se menciona cómo Coco ayuda a definir esta arquitectura, organizando y jerarquizando las funcionalidades de la aplicación para facilitar la navegación y uso por parte de los usuarios.

💡Copywriting

El copywriting es la creación de textos publicitarios y comerciales que impacten y persuadan al público objetivo. En el video, se utiliza para generar textos atractivos y persuasivos para la aplicación, ajustando el tono y el contenido al usuario objetivo y al contexto de la aplicación.

💡Prototipado

El prototipado es el proceso de crear modelos funcionales简化的版本 de un producto o servicio para su prueba y evaluación. En el video, se sugiere que el tiempo y esfuerzo ahorrados con herramientas de IA como Coco pueden ser utilizados para mejorar el prototipado y diseño de la aplicación.

💡Mapa de afinidad

El mapa de afinidad es una técnica de análisis cualitativo que organiza información en grupos relacionados. En el video, se utiliza para vincular y categorizar la información recopilada durante la investigación de usuario, facilitando la identificación de patrones y la toma de decisiones en el diseño.

💡Heurísticas

Las heurísticas son reglas de experiencia o principios generales que ayudan a resolver problemas o a tomar decisiones. En el video, se menciona cómo Coco genera una descripción para cada una de las 10 heurísticas de usabilidad, proporcionando una guía para evaluar y mejorar la interfaz de usuario.

Highlights

Presenta Coco, una herramienta de Inteligencia Artificial integrada en Figma para ayudar en la investigación de usuario.

Coco no reemplaza la investigación de usuarios reales, pero es útil en etapas tempranas del proceso.

La herramienta ahorra tiempo en tareas como el prototipado y diseño, permitiendo enfocarse en aspectos más creativos.

Se explica el proceso de registro y uso de Coco en Figma para principiantes.

Coco ofrece funcionalidades como generación de user personas, user journey map y arquitectura de la información.

Se detalla cómo generar un chat preestablecido basado en heurísticas de usabilidad.

Se muestra cómo subir un archivo PDF y generar sumarios para la investigación.

Se explica el proceso de creación de un diseño de aplicación en tres fases: estructura, definición de audiencia y diseño visual.

Se utiliza el Discovery questionnaire para generar preguntas estratégicas para el proyecto.

Se mapea la información del proyecto utilizando la técnica de affinity mapping.

Se crea un design briefing que sirve como guía para el proyecto de diseño.

Se define un user persona ficticio basado en la información del proyecto y la audiencia objetivo.

Se utiliza el user interview para comprender mejor las necesidades y comportamientos del usuario.

Se crea un user journey map para visualizar las experiencias y emociones del usuario.

Se explica cómo generar la arquitectura de información de la aplicación.

Se utiliza la funcionalidad de yx copywriting para crear textos alineados con la experiencia de usuario.

Se concluye el vídeo con una revisión de todas las funcionalidades de Coco y su impacto en la investigación de usuario.

Transcripts

play00:00

Ya lo sé necesitas hacer una

play00:01

investigación de usuario pero no tienes

play00:02

ni tiempo ni medios ni presupuesto y

play00:05

quizás poca idea y quieres saber por

play00:08

dónde empezar para ello te presento a

play00:10

Coco Es una herramienta de Inteligencia

play00:12

artificial integrada como plugin en

play00:14

figma que te ayuda en esas diferentes y

play00:17

más tempranas etapas del proceso de

play00:19

investigación de usuario en pocos

play00:21

minutos toma Qué tal Soy chavi soy

play00:23

diseñador de producto Bienvenido a mi

play00:25

canal mocap suscríbete Y en este vídeo

play00:28

Te voy a enseñar a utilizar este

play00:30

herramienta desde cero vamos desde el

play00:32

mismo login Pero antes Debes saber que

play00:34

las herramientas de Inteligencia

play00:36

artificial para la investigación de

play00:38

usuario no igualan la investigación real

play00:40

de los usuarios de carne y hueso queda

play00:43

claro no no obstante Para algunas fases

play00:45

del proceso esta herramienta te sirve de

play00:47

gran ayuda ya sea si trabajas en una

play00:49

empresa eres freelance o estás haciendo

play00:52

tus primeros proyectos para clientes

play00:54

reales esta herramienta te ahorra mucho

play00:56

trabajo y mucho tiempo tiempo que lo

play00:58

puedes dedicar por por ejemplo a

play01:00

prepararte tu

play01:02

café Este es de México buenísimo y

play01:06

dedicarlo a lo que más te gusta que es

play01:08

el prototipado el diseño para esa

play01:10

entrega perfecta y decirle a tu cliente

play01:13

vale Y cómo te lo voy a enseñar muy

play01:15

fácil vamos a ir repasando todas las

play01:17

funcionalidades y además vamos a hacer

play01:19

un ejercicio simulando la creación de

play01:21

una aplicación que conecta agricultores

play01:23

que hacen productos orgánicos con gente

play01:26

que vive en grandes ciudades y no tiene

play01:29

tiempo para el supermercado eh en México

play01:33

para ello vamos a la web de figma

play01:34

creamos una cuenta o hacemos login y en

play01:38

nuestro dashboard observaremos la opción

play01:40

de crear un nuevo archivo de diseño y

play01:43

una vez en el archivo de diseño

play01:44

observamos en la barra superior que

play01:46

tenemos esa pestaña donde pone plugins

play01:49

clicamos en Coco ya nos aparece como

play01:51

predeterminado y vemos los detalles de

play01:54

este plugin observamos una breve

play01:56

descripción y además todas esas

play01:59

funcionalidad idades que tenemos

play02:01

disponible es decir podemos generar el

play02:03

user persona el user Journey map

play02:05

arquitectura de la información etcétera

play02:08

todo eso lo iremos viendo a medida que

play02:11

vayamos haciendo este ejercicio lo

play02:13

guardamos y le damos al botón azul de

play02:16

Run nos aparece esta ventana emergente

play02:18

como esta cuenta es una cuenta free que

play02:20

tengo para hacer pruebas voy a

play02:22

registrarme por primera vez con Google

play02:25

Una vez registrado observamos ya que

play02:27

tenemos el plugin funcionando en esta

play02:30

pantalla inicial tenemos diferentes

play02:32

vídeos que nos explican con detalle cada

play02:35

una de estas funcionalidades y además en

play02:38

la barra lateral tenemos una serie de

play02:40

iconografía correspondiente a todas esas

play02:42

mismas funcionalidades que podemos

play02:44

llegar a ejecutar con este plugin vamos

play02:47

a seleccionar en primer lugar la de chat

play02:49

esto es muy parecido a chat gpt en este

play02:51

caso nos da unos prs prestablecidos o

play02:54

incluso también podemos generar el que

play02:56

nosotros queramos vamos a seleccionar

play02:58

como ejemplo el el segundo que trata

play03:00

sobre las heurísticas y automáticamente

play03:03

nos genera una descripción por cada una

play03:05

de las 10 aís de usabilidad después

play03:08

tenemos document chat en este caso

play03:10

subimos un archivo PDF y hacemos

play03:12

preguntas generamos sumarios y extraemos

play03:15

insty para nuestro proceso y documento

play03:17

de research hasta ahora lo que hemos

play03:19

visto es muy común encontrarlo en otras

play03:22

herramientas de Inteligencia artificial

play03:24

pero ahora viene la parte emocionante ya

play03:27

que nos vamos a sumergir en el diseño de

play03:29

la aplicación mediante tres fases

play03:31

cruciales la primera fase crearemos toda

play03:33

la estructura tanto del producto como

play03:36

del proyecto en la segunda fase nos

play03:38

enfocaremos en definir nuestra audiencia

play03:40

objetivo ya que su estudio nos inspirará

play03:43

para crear y diseñar algo acorde a sus

play03:46

necesidades y finalmente la tercera fase

play03:50

empezaremos ya a palpar Ese diseño

play03:53

visual ya que esta última fase empieza a

play03:56

marcar el camino de lo que será el

play03:58

diseño ya más tangible

play04:00

Así que nos vamos a Discovery questioner

play04:02

y de las tres opciones seleccionamos web

play04:04

Mobile application este cuestionario

play04:06

incluye una serie de preguntas

play04:08

estratégicas y específicas que ayudan a

play04:10

los diseñadores y equipos yix a obtener

play04:13

información vital para el proyecto y ahí

play04:15

vemos cómo se van generando todas esas

play04:17

preguntas divididas por categorías y ahí

play04:20

lo tenemos Si observamos vemos cómo

play04:22

están divididas por los objetivos del

play04:24

proyecto los usuarios a los cuales nos

play04:26

vamos a dirigir los competidores los

play04:29

requerimientos técnicos etcétera lo

play04:32

siguiente que haremos es mapear toda

play04:33

esta información acerca del proyecto

play04:36

para ello ejecutaremos la funcionalidad

play04:38

de affinity mapping o mapa de afinidad

play04:40

Debes saber que el mapa de afinidad se

play04:42

suele vincular también sobre toda la

play04:45

información que recopilamos de los

play04:46

usuarios lo que vamos a hacer ahora es

play04:48

una cosa muy chula vamos a seleccionar

play04:51

esta ventana emergente y la vamos a

play04:54

desplazar un poco por aquí para poder

play04:57

observar aquí el kickoff que hemos

play04:58

generado previamente Y clicamos encima

play05:01

del input y también aquí encima y

play05:03

automáticamente se nos copia

play05:05

absolutamente toda la información que

play05:08

hemos generado previamente si le damos

play05:10

al botón ahora la Inteligencia

play05:13

artificial va a ir funcionando y en

play05:15

pocos segundos ya vemos ese mapa de

play05:18

afinidad creado cerramos la ventana

play05:20

emergente y observamos como todo está

play05:23

categorizado por cada una de las

play05:25

categorías tenemos todas esas preguntas

play05:27

que se han generado en el Pick off lo

play05:30

bueno de esto es que si trabajamos con

play05:32

figjam podemos ir añadiendo más posits

play05:35

con más preguntas o más cuestiones

play05:37

importantes para el desarrollo del

play05:38

proyecto esta fase inicial la vamos a

play05:41

culminar con el design briefing que es

play05:43

un documento que ofrece una guía Clara y

play05:45

concisa para un proyecto de diseño

play05:47

específico el briefing sirve como punto

play05:49

de referencia fundamental para todas las

play05:51

partes interesadas de un proyecto vamos

play05:54

para que nadie se lí proporcionando una

play05:56

estructura sólida para lo que será tanto

play05:58

nuestro trabajo de diseño como

play06:00

estratégico Dentro de este proyecto

play06:02

abrimos entonces la funcionalidad de

play06:04

design briefing aquí debemos tener en

play06:06

cuenta dos aspectos importantes tenemos

play06:08

dos inputs para rellenar con información

play06:11

del proyecto es decir biocaps organics

play06:14

una empresa apasionada con sed en México

play06:17

especializada en la venta producción de

play06:19

productos orgánicos de alta calidad y

play06:21

otro input hace referencia al aspecto

play06:24

demográfico de la persona Aquí también

play06:26

debemos introducir nosotros la

play06:28

información es decir pues por ejemplo la

play06:30

audiencia objetivo son individuos Entre

play06:32

25 a 55 años residentes en áreas urbanas

play06:36

de México una vez teniendo esto vamos a

play06:39

seleccionar el idioma por el cual

play06:41

queremos que nos genere todo ese design

play06:43

briefing seleccionamos en español y

play06:46

vamos a darle al botón de generar

play06:48

automáticamente nos va a ir generando

play06:50

toda esa estructura que tiene un design

play06:53

briefing especializado en el diseño de

play06:56

un producto digital observamos vamos a

play06:59

cerrar previamente en la ventana

play07:01

emergente y ahí tenemos nuestra

play07:03

estructura del design prefi si hacemos

play07:05

zoom podemos ver por ejemplo el project

play07:07

overview que es esa información que

play07:10

hemos introducido nosotros previamente

play07:12

en el primer input en base a eso y

play07:16

también al segundo input es decir la

play07:19

audiencia objetivo nos va generando

play07:22

todas esas categorías que tenemos a

play07:25

continuación por ejemplo los objetivos

play07:27

del proyecto las limitaciones del

play07:30

proyecto los supuestos criterios de

play07:32

éxito competidores el tema de los

play07:35

competidores debo decir que está

play07:36

bastante bien porque si ponemos otra

play07:38

tipología de negocio nos lanza

play07:40

competidores también del mundo real

play07:42

hasta este punto hemos explorado

play07:44

diferentes técnicas para organizar y

play07:46

categorizar grandes volúmenes de

play07:48

información es decir hemos creado el

play07:50

kickoff este lo hemos vinculado al mapa

play07:52

de afinidad y finalmente hemos creado el

play07:55

design briefing ahora por fin vamos a

play07:58

trabajar con con el user persona con el

play08:00

user interview y con el user Journey map

play08:03

el user persona por ejemplo Es una

play08:05

representación ficticia de audiencia

play08:07

objetivo Bueno vamos a ver lo que te va

play08:10

a quedar más claro abrimos nuevamente

play08:12

Coco y nos dirigimos a la sección de

play08:15

Definir observamos la funcionalidad de

play08:18

persona el user persona se forma

play08:20

mediante estos dos inputs por un lado

play08:23

debemos introducir los aspectos

play08:25

generales de la persona y por el otro

play08:27

lado debemos introducir

play08:29

Cómo por qué o cuándo esa persona

play08:32

interactuará con el producto o servicio

play08:35

seleccionamos el idioma que queremos que

play08:37

nos genere toda esta información y le

play08:39

damos al botón de generar Esto sí que es

play08:42

magia pura ahora veremos toda la

play08:44

información que nos puede llegar a

play08:46

generar esta Inteligencia artificial una

play08:49

vez ya esté todo también observaremos

play08:51

todas esas categorías vamos a cerrar

play08:54

aquí y lo vemos con más detalle vamos a

play08:57

hacer vamos a ponerlo por aquí un un

play08:59

segundo y vemos ahí el user persona que

play09:01

es María de mujer de 40 años trabaja

play09:04

como directora de oficina de banca

play09:06

residente en áreas urbanas de México y

play09:08

por este user persona tenemos por

play09:10

ejemplo sus objetivos es decir encontrar

play09:13

alimentos orgánicos de alta calidad en

play09:15

cuanto a sus necesidades Pues a lo mejor

play09:18

recetas saludables y fáciles de seguir

play09:21

también vemos la categoría de

play09:23

motivaciones es decir cuidar su salud y

play09:26

la de su familia En definitiva un montón

play09:28

de insights que nos sirven para poder

play09:31

plantear diversas soluciones o

play09:33

funcionalidades de esta aplicación que

play09:35

quizás ni siquiera nos podríamos llegar

play09:37

a imaginar y ahora pasamos ya al user

play09:39

interview Qué es es una técnica

play09:42

cualitativa fundamental en la que los

play09:44

investigadores se reúnen con individuos

play09:46

representativos de los usuarios para

play09:48

comprender sus necesidades

play09:50

comportamientos actitudes y emociones

play09:53

relacionados con un producto o servicio

play09:55

estas preguntas de hecho las podemos

play09:57

relacionar con todo aqu aquello que

play09:59

hemos visto al crearse en el user

play10:01

persona de hecho estamos introduciendo

play10:04

los mismos datos que hemos introducido

play10:06

previamente es decir las características

play10:08

del usuario el escenario es decir cuándo

play10:11

Cómo Y por qué puede usar la aplicación

play10:13

y en los topics es decir los temas

play10:16

podemos introducir nosotros lo que

play10:17

queramos o incluso copiar esos insights

play10:22

que nos ha generado el user persona

play10:24

tenemos hasta cuatro posibilidades lo

play10:26

único que para este ejemplo vamos a

play10:28

introducir únicamente tres seleccionamos

play10:31

nuevamente el idioma que queremos que se

play10:32

produzca toda esta información el

play10:34

español es decir y le damos nuevamente

play10:37

al botón ahora iremos viendo cómo va

play10:40

funcionando la Inteligencia artificial

play10:42

nuevamente y nos va produciendo todas

play10:45

esas preguntas separadas por cada uno de

play10:49

los temas o de los topics que hemos

play10:51

introducido previamente si hacemos zoom

play10:54

ahora veremos eso el user persona y una

play10:57

introducción a lo que viene a ser la

play10:58

entrevista y además todas esas preguntas

play11:01

vitales para comprender exactamente todo

play11:05

lo relacionado con el usuario respecto a

play11:08

ese insight que hemos introducido estas

play11:10

preguntas son increíblemente útiles

play11:13

sobre todo si tenemos la oportunidad de

play11:15

trabajar con usuarios reales tal y como

play11:17

he mencionado al inicio del vídeo si es

play11:19

que lo ves desde el principio la

play11:21

Inteligencia artificial no reemplaza la

play11:24

valiosa investigación de usuarios cara a

play11:26

cara lo que sí que nos brinda una sólida

play11:29

para dar ya el siguiente paso un

play11:31

siguiente paso que por ejemplo lo

play11:33

podríamos dar con herramientas como Ty

play11:36

form que es un creador de formularios

play11:38

extremadamente Dinámico sobre este tipo

play11:41

de herramientas y muchas otras hablo en

play11:43

un vídeo de mi canal que trata sobre el

play11:45

futuro del yck research junto a la

play11:47

Inteligencia artificial que si creo que

play11:49

edito bien el vídeo te va a salir por

play11:51

aquí si no lo he conseguido entras en mi

play11:54

canal lo puedes ver y si quieres también

play11:57

te puedes suscribir y ya por último

play11:58

último veremos el user Journey map

play12:00

También conocido como mapa del viaje del

play12:02

usuario esto es una herramienta visual

play12:05

que representa las experiencias y

play12:07

emociones del usuario mientras

play12:08

interactúa con un producto en el

play12:10

contexto de uxix este mapa proporciona

play12:13

una representación gráfica detallada de

play12:15

las interacciones del usuario desde el

play12:17

punto inicial hasta el punto final

play12:19

mostrando todas las etapas puntos de

play12:22

contacto y emociones que experimenta

play12:24

durante su viaje vemos aquí que también

play12:26

tenemos dos inputs parecidos al los del

play12:29

user persona Bueno de hecho estamos

play12:30

colocando información bastante similar

play12:33

como esto es un ejercicio práctico de

play12:35

ejemplo estamos colocando algo parecido

play12:38

Simplemente para visualizar Cómo esta

play12:41

herramienta genera una cantidad de

play12:44

información para mapear también ese

play12:47

viaje de usuario a través del cual

play12:49

podemos identificar oportunidades para

play12:52

mejorar la experiencia de usuario y

play12:54

abordar posibles puntos problemáticos en

play12:57

el camino de ese usuario ahí por ejemplo

play13:00

tenemos la conciencia la consideración

play13:03

decisión lo que no vamos a hacer es

play13:05

repasar posit por posit porque hay una

play13:07

cantidad de información muy grande pero

play13:11

sí que quiero enseñaros Cómo mapea todo

play13:14

el user Journey map de esta manera tan

play13:17

rápida y tan efectiva y ya para concluir

play13:21

vamos a ver tanto la arquitectura de

play13:23

información como el yx copywriting en

play13:25

cuanto a funcionalidades que nos

play13:27

proporciona coco la ura de la

play13:29

información Se refiere a una estructura

play13:31

organizativa y jerárquica de un sistema

play13:34

de información Como por ejemplo puede

play13:36

ser una app una web o cualquier otro

play13:38

producto digital y la funcionalidad de y

play13:41

copywriting está bastante bien porque tú

play13:43

le das el copy es decir el texto le das

play13:46

el contexto dónde lo quieres insertar

play13:49

dentro de esa aplicación o de esa web y

play13:51

además también le das el tono y la

play13:53

Inteligencia artificial hace el resto

play13:55

abrimos una vez más a Coco y nos

play13:58

dirigimos

play13:59

a esta última sección que vemos por aquí

play14:01

que es la de design que está formada por

play14:03

arquitectura de la información y el yix

play14:05

copywriting en cuanto a la arquitectura

play14:07

de información observamos que tenemos

play14:09

dos inputs uno que pone aplicación y uso

play14:13

que son los supuestos de este producto o

play14:16

servicio que lo que haremos es copiar

play14:19

esta información que tenemos en el

play14:21

design briefing y lo pegamos dentro del

play14:24

input en cuanto a las características de

play14:27

la persona es lo que hemos hecho

play14:29

anteriormente ya con el user persona

play14:31

user interview hacemos Exactamente lo

play14:33

mismo hacemos una copia y lo pegamos

play14:37

dentro del input de persona demographics

play14:41

Ya que aquí estamos especificando pues

play14:43

esas características del individuo vamos

play14:46

a elegir nuevamente el idioma español y

play14:50

le damos a generar para que la

play14:52

Inteligencia artificial nos vaya

play14:55

definiendo esa arquitectura de la

play14:57

información o esa distribución y

play14:59

jerarquía de las diferentes

play15:01

funcionalidades básicas que puede tener

play15:04

esta esta aplicación es decir nosotros

play15:07

podemos Añadir muchas más obviamente

play15:10

pero a nivel de estructura básica lo que

play15:12

nos genera Esto está realmente muy bien

play15:16

nos ahorra muchísimo trabajo muchísimo

play15:18

tiempo y ahora lo vamos a ver una vez

play15:21

finalice todo el proceso Cerramos el la

play15:25

ventana emergente estamos viendo ahí el

play15:27

design briefing y mirar lo que tenemos

play15:30

nos genera todao una arquitectura que

play15:32

además también podemos observar que

play15:33

tenemos lo que es viene a ser la la

play15:36

página padre la página hija y el

play15:38

contenido o la feature que vamos a

play15:41

desarrollar es decir pues yo que sé

play15:42

catálogo de productos frutas verduras

play15:45

carnes y pescados aquí tenemos el

play15:47

carrito de compra vale resumen de la

play15:49

compra y eso sería bueno la página de

play15:51

inicio vale Ahí tenemos mi cuenta y

play15:55

estructura todas esas

play15:57

funcionalidades esas categorías que

play16:00

hemos estado trabajando aquí incluso

play16:02

podemos Añadir más Silos de desarrollo y

play16:04

de jerarquía gracias a las técnicas que

play16:07

hemos estado utilizando es decir tanto

play16:09

al user persona al user interview Y de

play16:12

esa manera ir perfilando y modulando

play16:15

cada vez mejor todo lo que viene a ser

play16:17

esa arquitectura para posteriormente

play16:20

hacer ya el diseño de todas las

play16:21

pantallas que queramos no Y ya por

play16:24

último lo que vamos a hacer es ir al yix

play16:27

copywriting está aquí abajo del todo y

play16:30

esto es una herramienta como un Plus que

play16:32

tenemos que la verdad está bastante bien

play16:35

que lo que vamos a hacer es introducir

play16:38

Pues eso un texto después También

play16:40

tenemos el input para introducir En qué

play16:44

contexto queremos que se desarrolle y

play16:47

después Además también podemos

play16:49

introducir dónde queremos el ese mismo

play16:52

texto es decir en un header en un

play16:54

parágrafo etcétera tampoco nos podemos

play16:57

olvidar del tono porque podemos

play16:59

seleccionar Si queremos que sea un tono

play17:01

más profesional más amigable ahora lo

play17:04

veremos estamos escribiendo el el copy

play17:07

es decir los mejores alimentos orgánicos

play17:10

y de proximidad podemos entregarlos a tu

play17:12

domicela luego así una descripción muy

play17:14

básica en el contexto ponemos eso una

play17:18

aplicación para amantes de los alimentos

play17:20

orgánicos en cuanto a dónde queremos

play17:23

e insertar ese ese texto queremos que

play17:27

sea en el header

play17:28

y Además queremos que sea amigable le

play17:31

damos al botón y la Inteligencia

play17:33

artificial hace el resto y nos da tres

play17:35

opciones decir pues tres opciones que

play17:38

están bastante bien descubre los Sabores

play17:39

de la naturaleza en tu hogar recibe los

play17:42

alimentos más frescos salud en tu casa

play17:44

etcétera está muy bien esto O sea así

play17:46

podemos ir redactando y haciendo todos

play17:49

los copies para cada una de las

play17:51

diferentes funcionalidades y páginas que

play17:53

podamos tener en esta aplicación y así

play17:55

concluimos Este vídeo Espero que hayáis

play17:57

disfrutado Y que hayas aprendido no solo

play17:59

a utilizar esta herramienta sino a saber

play18:01

cuáles son los fundamentos de la

play18:03

investigación de usuario algo muy

play18:05

valioso para que un diseño tenga éxito

play18:07

en el futuro si te ha gustado este vídeo

play18:09

si quieres aprender más sobre estas

play18:11

herramientas técnicas o sobre el mundo

play18:14

ux suscríbete a mi canal chao

Rate This

5.0 / 5 (0 votes)

Related Tags
Diseño UXHerramientas de IAInvestigación de UsuarioFigma PluginPrototipadoDiseño de ProductoCoco AIMétodos UXChat GPTDiseño Digital
Do you need a summary in English?