Artefacto on Fernando Ruiz

Customer Journey Maps

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un Customer Journey Map (CJM) es una visualización de la historia completa de la interacción de un usuario con un producto o servicio a lo largo del tiempo y a través de diferentes canales. Narra la experiencia desde la perspectiva del usuario, destacando sus acciones, pensamientos, sentimientos y puntos de dolor en cada etapa.

¿Qué son los Customer Journey Maps?

Si las Personas es una foto de tu usuario, un Customer Journey Map es una película sobre él. No se enfoca en un solo momento, sino que mapea toda la experiencia de un usuario mientras intenta alcanzar un objetivo, desde que se da cuenta de que tiene una necesidad hasta que la resuelve y más allá.

Customer Journey Maps

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

¿Qué son los Customer Journey Maps?

Mapas de Empatía: Entendiendo a los Usuarios a un Nivel Profundo

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un Mapa de Empatía es un marco visual para entender las necesidades, sentimientos y entorno de un usuario explorando lo que piensa, siente, ve, dice, hace y oye.

¿Qué es un Mapa de Empatía?

Imagina sentarte con un usuario durante un día entero, observando todo lo que hace, escuchando todo lo que dice, notando qué le frustra, qué le emociona y qué otras personas influyen en sus decisiones. Un mapa de empatía es ese día de observación, organizado visualmente. Divides una página en secciones: ¿Qué piensa el usuario? ¿Qué siente? ¿Qué ve a su alrededor? ¿Qué les dice a los demás? ¿Qué acciones toma? ¿Quién influye en sus decisiones?

Mockups

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un mockup es una representación estática y de alta fidelidad de la interfaz de un producto. A diferencia de los wireframes, los mockups se centran en el aspecto visual y estético, incluyendo colores, tipografías, imágenes y otros elementos gráficos para simular la apariencia del producto final.

¿Qué son los Mockups?

Si un wireframe es el plano de una casa, un mockup es la maqueta a color o el render 3D que muestra cómo se verá la casa terminada. Es un diseño estático (no interactivo) que comunica la dirección de arte y el diseño visual del producto.

Mockups

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

¿Qué son los Mockups?

Personas

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una Persona (o User Persona) es un arquetipo de usuario ficticio, pero basado en datos reales de investigación, que representa a un grupo de usuarios con comportamientos, objetivos y motivaciones similares. Se utiliza para humanizar a los usuarios y mantener al equipo de diseño enfocado en sus necesidades.

¿Qué son las Personas?

Imagina que estás diseñando una mochila. Podrías diseñarla para “todo el mundo”, pero probablemente terminarías con algo genérico que no le encanta a nadie. En cambio, podrías diseñarla para “Ana, la estudiante universitaria de 20 años que va al campus en bicicleta, necesita llevar su portátil y libros, y valora la sostenibilidad y el estilo”.

Personas

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

¿Qué son las Personas?

Prototipos

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un prototipo es una simulación interactiva de un producto final que se utiliza para probar y validar conceptos de diseño antes de su desarrollo. A diferencia de los mockups (que son estáticos), los prototipos son “clicables” y permiten a los usuarios experimentar el flujo de una aplicación.

¿Qué son los Prototipos?

Si un mockup es la maqueta a color de una casa, un prototipo es una visita guiada virtual por esa maqueta. Permite abrir puertas, encender luces y moverse entre habitaciones para entender cómo se siente vivir en ella.

Prototipos

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

¿Qué son los Prototipos?

Pruebas de Usabilidad

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una prueba de usabilidad es un método de investigación fundamental en UX para evaluar qué tan fácil de usar es un producto. Consiste en observar a usuarios representativos mientras intentan completar tareas típicas en un prototipo o producto real para identificar dónde encuentran problemas y frustraciones.

¿Qué son las Pruebas de Usabilidad?

Imagina que diseñas las instrucciones para armar un mueble de IKEA. Crees que son perfectas. Luego, le pides a alguien que arme el mueble siguiéndolas y lo observas en silencio. Ves que se atasca en el paso 3, que intenta poner un tornillo donde no va y que termina frustrado. No estás evaluando si la persona es “inteligente” o no; estás evaluando la claridad de tus instrucciones.

Pruebas de Usabilidad

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

¿Qué son las Pruebas de Usabilidad?

Roadmap de Diseño

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un Roadmap de Diseño es un artefacto estratégico que visualiza las prioridades y el plan de trabajo del equipo de diseño a medio y largo plazo. Alinea las iniciativas de diseño con los objetivos del producto y del negocio, y comunica a toda la organización en qué se centrará el equipo de diseño y por qué.

¿Qué es un Roadmap de Diseño?

Imagina el mapa de una red de metro. No muestra cada calle de la ciudad, pero sí muestra las líneas principales, las estaciones clave y las conexiones importantes. Te da una visión general de cómo moverte por la ciudad y los grandes proyectos de expansión futuros. Un Roadmap de Diseño es ese mapa para tu producto: no detalla cada tarea, pero sí las grandes iniciativas y cómo se conectan con los objetivos generales.

Roadmap de Diseño

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

¿Qué es un Roadmap de Diseño?

Service Blueprints

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un Service Blueprint (o Blueprint de Servicio) es un diagrama que visualiza las relaciones entre diferentes componentes de un servicio (personas, procesos y objetos) en las diferentes etapas de la interacción del cliente. Es como un [[Customer Journey Maps|Customer Journey Map]] con superpoderes, ya que no solo muestra lo que ve el cliente, sino también todo lo que sucede “detrás del telón” para que esa experiencia sea posible.

¿Qué son los Service Blueprints?

Imagina que un [[Customer Journey Maps|Customer Journey Map]] es la vista que tiene un comensal en un restaurante: ve el menú, habla con el camarero, recibe su comida. Un Service Blueprint es el plano completo del restaurante: muestra al comensal, al camarero, pero también a los cocineros en la cocina, el sistema de pedidos, los proveedores que traen los ingredientes y los procesos de limpieza.

Service Blueprints

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

¿Qué son los Service Blueprints?

User Flows

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un User Flow (Flujo de Usuario) es un diagrama que visualiza la ruta completa que sigue un usuario a través de un producto digital para completar una tarea específica. Muestra las pantallas, las acciones y las decisiones que el usuario toma de principio a fin.

¿Qué son los User Flows?

Si un wireframe es el plano de una habitación y un mapa del sitio es el plano de todo el edificio, un User Flow es la ruta de evacuación de incendios. No muestra todas las habitaciones, solo la secuencia específica de pasos para ir desde un punto A (por ejemplo, “estar en el pasillo”) a un punto B (por ejemplo, “estar a salvo fuera del edificio”).

User Flows

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

¿Qué son los User Flows?

UX Strategy Document

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un Documento de Estrategia de UX es un artefacto que articula la [[Estrategia y Visión]] de diseño de un producto o servicio. Conecta las metas del negocio con las necesidades de los usuarios, y establece un plan de alto nivel sobre cómo el diseño ayudará a cerrar la brecha entre dónde está el producto ahora y dónde quiere estar en el futuro.

¿Qué es un Documento de Estrategia de UX?

Imagina que vas a hacer un viaje por carretera a través de un país. No te subes al coche y empiezas a conducir sin más. Primero, creas un plan de viaje: defines tu destino final (la visión), la ruta que seguirás, las paradas clave que harás (los pilares estratégicos), el presupuesto que necesitas y cómo sabrás que vas por buen camino. Un Documento de Estrategia de UX es ese plan de viaje para la experiencia de usuario de tu producto.

UX Strategy Document

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

¿Qué es un Documento de Estrategia de UX?

Wireframes

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un wireframe es un esquema visual de baja fidelidad de una interfaz, similar al plano de un arquitecto. Se enfoca en la estructura, la jerarquía del contenido y la funcionalidad, ignorando deliberadamente los elementos visuales como colores, tipografías o imágenes.

¿Qué son los Wireframes?

Imagina que quieres construir una casa. Antes de decidir el color de las paredes o el tipo de muebles, necesitas un plano que defina dónde estarán las habitaciones, las puertas y las ventanas. Eso es exactamente un wireframe para un producto digital.

Wireframes

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida