# Glosario Diseño UX

### ¿Por qué armamos este glosario?

Al igual que cada proceso de trabajo en un área específica, en [Diseño UX](https://www.digitalhouse.com/ar/curso/diseno-ux), utilizamos una serie de términos y jerga que son propios del campo. Algunas palabras, incluso, pueden significar cosas diferentes según el contexto. Por esta razón decidimos diseñar este glosario de referencia: **para que todes les presentes en nuestras aulas hablemos el mismo idioma.**

{% hint style="info" %}
Podés navegar este glosario por orden alfabético, o por categorías que representan cada área de práctica dentro del proceso de Diseño UX.&#x20;
{% endhint %}

{% content-ref url="categorias/metodologias-de-trabajo" %}
[metodologias-de-trabajo](https://dhd.gitbook.io/dhd-glosario-ux/categorias/metodologias-de-trabajo)
{% endcontent-ref %}

{% content-ref url="categorias/research-definicion-e-ideacion" %}
[research-definicion-e-ideacion](https://dhd.gitbook.io/dhd-glosario-ux/categorias/research-definicion-e-ideacion)
{% endcontent-ref %}

{% content-ref url="categorias/prototipado-y-diseno-visual" %}
[prototipado-y-diseno-visual](https://dhd.gitbook.io/dhd-glosario-ux/categorias/prototipado-y-diseno-visual)
{% endcontent-ref %}

{% content-ref url="categorias/evaluacion-y-validacion" %}
[evaluacion-y-validacion](https://dhd.gitbook.io/dhd-glosario-ux/categorias/evaluacion-y-validacion)
{% endcontent-ref %}

## A <a href="#fb20ca3e-d8a1-42cb-bf24-f9e272eaa79f" id="fb20ca3e-d8a1-42cb-bf24-f9e272eaa79f"></a>

### A/B Testing <a href="#eb8922c3-c654-4eb6-a10a-3a4825576712" id="eb8922c3-c654-4eb6-a10a-3a4825576712"></a>

Es una técnica de [evaluación](https://dhd.gitbook.io/dhd-glosario-ux/categorias/evaluacion-y-validacion) para la comparación de la efectividad y conversión en diferentes diseños. Consiste en mostrar una versión del diseño a una parte de los usuarios y la otra versión a otro grupo de usuarios; posteriormente, con análisis cuantitativos y revisando las estadísticas de cada uno, se evalúa cuál es la más conveniente y la que mejor ha funcionado para tomar decisiones sustentadas en argumentos fácticos.

### Affordance <a href="#id-38b69f7b-742c-4b06-9006-53855a7b7918" id="id-38b69f7b-742c-4b06-9006-53855a7b7918"></a>

Es la propiedad de un elemento de evidenciar visualmente la comprensión de su uso. Esto en gran medida se relaciona con sus características visuales, espaciales y contextuales, y cómo estas se articulan con las experiencias previas del usuario.

### Análisis Cuantitativo <a href="#a51a1a54-5e74-4544-8e56-be289e8e1329" id="a51a1a54-5e74-4544-8e56-be289e8e1329"></a>

Un estudio cuantitativo tiene por finalidad la cuantificación de la información recolectada. En general, la técnica que se usa para la recolección de datos es la encuesta, cuya utilización se limita a diseños descriptivos o causales. Se trata de una técnica para referir a sondeos masivos o medición de la opinión pública mediante un cuestionario.

### Análisis Cualitativo <a href="#ed39a14f-9b95-457a-8315-7dce9df32b92" id="ed39a14f-9b95-457a-8315-7dce9df32b92"></a>

Un estudio cualitativo apunta a la recopilación de información relacionada a emociones y comportamientos humanos. Los principales métodos para conseguir datos cualitativos son las entrevistas y las actividades de observación, tales como testeos con usuarios u observaciones de campo. De estas mismas técnicas, y los datos cualitativos que tienen como resultado, pueden desprenderse insights (pensamientos reveladores que nos aportan un entendimiento profundo de algo o alguien).

### Análisis y Mapeo de la Competencia <a href="#c90ebd0c-ff44-42d3-8db0-faa802c456c3" id="c90ebd0c-ff44-42d3-8db0-faa802c456c3"></a>

Esta herramienta apunta a generar un mejor entendimiento del "estado de las cosas" en el marco de una temática puntual. Se trata de la investigación de los actores y/o competidores (empresas, personas, instituciones, etc) implicados en la misma y su posterior categorización en un diagrama de ejes. Los nombres de estos ejes van a representar características fundamentales de la forma en que nuestros competidores interactúan con la temática, permitiéndonos encontrar áreas de oportunidad para la innovación y el desarrollo de soluciones y servicios que aporten valor real a los usuarios.

### Analíticas Web <a href="#id-9bfb32f1-55c9-40f3-b9d4-458fd3041510" id="id-9bfb32f1-55c9-40f3-b9d4-458fd3041510"></a>

Las Analíticas Web (o Web Analytics) son un sistema de medición que aporta datos cuantitativos sobre el uso, interacción y comportamiento de los usuarios al navegar una web o app, así como también sobre la performance y rendimiento de estas últimas.

### API <a href="#id-110578cf-659a-49ed-bcbd-61dd52ed52b2" id="id-110578cf-659a-49ed-bcbd-61dd52ed52b2"></a>

Una API (siglas en inglés de application program interface) es un paquete de funciones, subrutinas y procedimientos desarrollado para interactuar con un software o interfaz externo. De esta manera una plataforma digital puede integrar y beneficiarse de las funcionalidades de otro software, preexistente y de probada eficiencia (o no), incluyéndolas dentro de su propio abanico de herramientas.

### App Nativa <a href="#a6509c94-da54-4f40-b4bd-dd57cb036008" id="a6509c94-da54-4f40-b4bd-dd57cb036008"></a>

Una aplicación nativa está desarrollada y optimizada para un sistema operativo determinado y su plataforma de desarrollo (Android, iOS, etc). Este tipo de app se adapta completamente a características del dispositivo obteniendo así una mejor experiencia de uso.

### Arquitectura de la Información <a href="#id-0005adf3-f553-430c-8057-efdc01149907" id="id-0005adf3-f553-430c-8057-efdc01149907"></a>

La arquitectura de la información se trata de la organización del contenido de una web o aplicación de manera lógica y clara, facilitando así su asimilación y uso por parte del usuario. Una buena arquitectura de la información resulta de articular eficientemente el contenido de la plataforma con el contexto y necesidades del usuario.

### AT-ONE <a href="#id-29bec139-d283-4074-9b9d-e3edfa22ec46" id="id-29bec139-d283-4074-9b9d-e3edfa22ec46"></a>

Es un método enfocado en la innovación, generalmente aplicado en un estadío temprano del desarrollo de soluciones y servicios. Se trata de identificar 5 elementos clave del tema que se esté investigando: Actores (A), Puntos de contacto (o touch-points, T), Oportunidades (O), Necesidad (N) y Experiencia (E).

## **B** <a href="#f5960a99-dd26-4627-a708-1c87d636f073" id="f5960a99-dd26-4627-a708-1c87d636f073"></a>

### Backlog <a href="#e8e0e307-439c-47d3-99bf-b77383c39ddb" id="e8e0e307-439c-47d3-99bf-b77383c39ddb"></a>

En el contexto de las metodologías ágiles, el Backlog es un registro del trabajo pendiente de un proyecto en general. Sirve para visualizar, priorizar y organizar las tareas necesarias para el desarrollo y compleción del mismo. Estas tareas se individualizan, asignandoles variables, como por ejemplo prioridad, relación costo - beneficio, tiempo de ejecución, responsable del equipo, etc.

### Benchmarking <a href="#id-79ca6c88-e6ea-4b8e-a727-dfb9f6eabc5b" id="id-79ca6c88-e6ea-4b8e-a727-dfb9f6eabc5b"></a>

Es una técnica de investigación que consisten en conocer mejores prácticas dentro y fuera de la empresa, relacionadas con los métodos, procesos productos o servicios, con un objetivo claro: llegar a la mejora continua del producto

### Brief <a href="#dcee8cbc-39d0-4b4e-a646-33eb0a8bdc0a" id="dcee8cbc-39d0-4b4e-a646-33eb0a8bdc0a"></a>

El brief (breve, en inglés) es un documento corto que condensa los lineamientos generales de un proyecto y sirve para que todo el equipo de trabajo (incluidos diseñadores y stakeholders o clientes) comparta el mismo punto de partida, criterio y objetivos. Existen muchos tipos de brief, si bien la idea general es la misma, generar una definición clara del problema o tema del proyecto. En el diseño centrado en el usuario el brief suele nutrirse de los resultados y hallazgos de la etapa de investigación.

## **C** <a href="#aa1c2a31-c49a-45f7-92c7-0ff574998f06" id="aa1c2a31-c49a-45f7-92c7-0ff574998f06"></a>

### Card Sorting <a href="#b17751d7-e283-455e-a848-aebea2ba3fbb" id="b17751d7-e283-455e-a848-aebea2ba3fbb"></a>

Es una técnica de análisis para tomar decisiones relacionadas a la Arquitectura de la Información en un producto o servicio. Consiste en la organización, jerarquización y rotulado de tarjetas en categorías, para [evaluar](https://dhd.gitbook.io/dhd-glosario-ux/categorias/evaluacion-y-validacion) la mejor forma de disponer los contenidos teniendo en cuenta el pensamiento, modelo mental y comportamiento de los usuarios.

### Clustering (Affinity Diagramming) <a href="#c5467f57-ee91-435e-94b3-28530e57de95" id="c5467f57-ee91-435e-94b3-28530e57de95"></a>

El Clustering es una actividad que nos permite organizar rápidamente una gran cantidad de información formando grupos (clusters) por categoría y afinidad. Se puede usar tanto para mapear datos surgidos del proceso de investigación (research) como ideas durante el proceso de ideación.

### Competidores directos <a href="#id-7de279c4-c1ee-43e3-a095-b5c10118d345" id="id-7de279c4-c1ee-43e3-a095-b5c10118d345"></a>

En el contexto de un análisis y mapeo de la competencia, los competidores directos son todos aquellos actores que resuelven un problema igual o casi igual al nuestro, y que lo hacen para el mismo segmento de usuarios.

### Competidores indirectos <a href="#id-4e4bb331-fcf7-40d5-838c-e64ba5083699" id="id-4e4bb331-fcf7-40d5-838c-e64ba5083699"></a>

En el contexto de un análisis y mapeo de la competencia, los competidores indirectos son aquellos actores que no resuelven el mismo problema que nosotros, pero que satisfacen alguna necesidad asociada al mismo.

### Comunicación <a href="#id-5b7397e1-237b-433c-be87-c828adf87b19" id="id-5b7397e1-237b-433c-be87-c828adf87b19"></a>

Una comunicación efectiva es vital para el progreso de cualquier proyecto. Saber construir presentaciones que den valor al trabajo realizado, compartir el conocimiento obtenido con el resto de las personas involucradas en el proyecto, permite el diálogo abierto y que toda la organización esté alineada en la operación y toma de decisiones.

### Contexto <a href="#c66667e5-98cf-4d44-930a-4d26973aab35" id="c66667e5-98cf-4d44-930a-4d26973aab35"></a>

Es el conjunto de circunstancias que se producen alrededor de un hecho, o evento dado. Cuando hablamos de contexto no sólo consideramos aquello que rodea a los usuarios (espacio, sociedad, cultura), sino a todo lo que pasa en la cabeza del usuario (emociones, objetivos, deseos, frustraciones, etc.).

## **D** <a href="#id-70859c46-aed3-40ef-8230-466a87491088" id="id-70859c46-aed3-40ef-8230-466a87491088"></a>

### Data Analytics <a href="#id-6a3a5de5-bf93-403d-ab78-66770f448632" id="id-6a3a5de5-bf93-403d-ab78-66770f448632"></a>

Es el proceso por el cual se examinan conjuntos de datos para extraer conclusiones sobre la información que contienen, actualmente estos procesos son llevados a cabo con sistemas y software especializados.

### Data-Driven Design <a href="#id-69a0c115-61e2-4f68-8786-f34bd3502adc" id="id-69a0c115-61e2-4f68-8786-f34bd3502adc"></a>

Es el enfoque que fundamenta las decisiones de diseño con base en datos concretos relevados durante las instancias de investigación y análisis.

### Design Research <a href="#fbd29f42-94eb-4258-86c8-20a4ca0f8230" id="fbd29f42-94eb-4258-86c8-20a4ca0f8230"></a>

El design research (investigación de diseño) es el conjunto de tareas de investigación que fundamentan el diseño y desarrollo de un producto o servicio. Su objetivo principal es generar un entendimiento basado en evidencia sobre el producto o servicio y su universo, sentando así las bases para el desarrollo de una herramienta de valor real para los usuarios.

### Design Thinking <a href="#f4538bec-bbeb-4f22-9df2-503294b9874a" id="f4538bec-bbeb-4f22-9df2-503294b9874a"></a>

El Design Thinking es un abordaje de trabajo que se encuentra entre los modelos estratégicos más eficaces para la innovación en productos, servicios y negocios. Es un proceso centrado en las personas y enfocado en la resolución de problemas complejos, a través de diversas instancias, técnicas y herramientas que facilitan su desarrollo.

### Design Thinking: Empatizar <a href="#id-117433b5-2d27-49b2-b5e3-6f79728acc0b" id="id-117433b5-2d27-49b2-b5e3-6f79728acc0b"></a>

El proceso de Design Thinking comienza con una profunda comprensión de las necesidades de los usuarios implicados en la solución que estemos desarrollando, y también de su entorno. Debemos ser capaces de ponernos en la piel de dichas personas para generar soluciones consecuentes con sus realidades.

### Design Thinking: Definir <a href="#df872230-9bf8-4189-8589-2a237d025318" id="df872230-9bf8-4189-8589-2a237d025318"></a>

Durante la etapa de Definición, debemos sintetizar la información recopilada durante la fase de Empatía y quedarnos con lo que realmente aporta valor y nos lleva al alcance de nuevas perspectivas interesantes. Identificaremos problemas cuyas soluciones serán clave para la obtención de un resultado innovador.

### Design Thinking: Idear <a href="#id-5b5abf13-f38b-4a43-ab1d-61e32c2833d3" id="id-5b5abf13-f38b-4a43-ab1d-61e32c2833d3"></a>

La etapa de Ideación tiene como objetivo la generación de un sinfín de opciones. No debemos quedarnos con la primera idea que se nos ocurra. En esta fase, las actividades favorecen el pensamiento expansivo y debemos eliminar los juicios de valor. A veces, las ideas más estrambóticas son las que generan soluciones visionarias.

### Design Thinking: Prototipar <a href="#fab8c22a-178d-4e98-8198-2196eb7ad0b5" id="fab8c22a-178d-4e98-8198-2196eb7ad0b5"></a>

En la etapa de Prototipado volvemos las ideas realidad. Construir prototipos hace las ideas palpables y nos ayuda a visualizar las posibles soluciones, poniendo de manifiesto elementos que debemos mejorar o refinar antes de llegar al resultado final.

### Design Thinking: Validar <a href="#id-19e26be7-0818-42e5-9b66-074f23812510" id="id-19e26be7-0818-42e5-9b66-074f23812510"></a>

Durante la fase de Testeo, probaremos nuestros prototipos con los usuarios implicados en la solución que estemos desarrollando. Esta fase es crucial, y nos ayudará a identificar mejoras significativas, fallos a resolver, posibles carencias. Durante esta fase evolucionaremos nuestra idea hasta convertirla en la solución que estábamos buscando.

### Divergencia y Convergencia <a href="#cf7604c2-a0d8-430f-8b4a-f920fab9fac3" id="cf7604c2-a0d8-430f-8b4a-f920fab9fac3"></a>

Durante el proceso de diseño, estructurado desde la metodología de Design Thinking, la divergencia es el momento en que se exploran las posibilidades desde un enfoque de descubrimiento con el objetivo de generar volumen (de información, de ideas, de puntos de vista). Este proceso es luego complementado por la etapa de convergencia, donde el cuerpo de información generado es sometido a distintos tipos de análisis para acotarlo, definirlo y ejecutarlo. El mapeo de estos 2 momentos a lo largo del recorrido desde el problema a la solución genera un esquema conocido como "doble diamante".

## E <a href="#id-9f4cf0a1-c3d2-4cbe-ba90-a6466e666854" id="id-9f4cf0a1-c3d2-4cbe-ba90-a6466e666854"></a>

### Eye Tracking <a href="#id-3cfd87db-b5b2-446d-80cd-798ea25cb9e6" id="id-3cfd87db-b5b2-446d-80cd-798ea25cb9e6"></a>

Eye Tracking es el registro y mapeo del comportamiento de la vista (atención, foco, desplazamiento) del usuario mientras navega una pantalla. Se consigue a partir de tecnología que interpreta los movimientos oculares, principalmente de la pupila de quien está frente a la pantalla.

## F <a href="#a638a3c1-faf8-47ec-b87a-0cf0ace3eca3" id="a638a3c1-faf8-47ec-b87a-0cf0ace3eca3"></a>

### FODA <a href="#id-7a4bed75-cc9c-43cb-ac82-e404b68e8069" id="id-7a4bed75-cc9c-43cb-ac82-e404b68e8069"></a>

El análisis FODA es una herramienta que nos permite mapear e identificar las fortalezas (F), oportunidades (O), debilidades (D) y amenazas (A) de nuestro proyecto en general o de parte del mismo. Es muy útil al ser aplicado a ideas individuales durante el proceso de ideación para entender el valor, alcance y limitaciones de cada una.

### F-Pattern <a href="#a52c25e1-0de9-4e16-823c-ed39fcdbdb0d" id="a52c25e1-0de9-4e16-823c-ed39fcdbdb0d"></a>

El F-Pattern (o patrón en F) es uno de los principales patrones de lectura y escaneo de texto aplicado naturalmente por las personas al estar frente a una pantalla. Surge de numerosos estudios de Eyetracking (seguimiento del comportamiento visual) y nos permite tomar decisiones de diseño teniendo en cuenta este comportamiento recurrente por parte de los usuarios. Como su nombre lo indica, el patron forma la figura de una F.

### Focus Groups <a href="#id-34d291f6-dca5-4dbb-ac92-c0e6ddf8d38d" id="id-34d291f6-dca5-4dbb-ac92-c0e6ddf8d38d"></a>

Los Focus Groups son una herramienta que nos permite relevar necesidades y emociones de las personas, tanto antes del desarrollo de la interfaz de un sistema, como tiempo después de su implementación. En general constan de 6 a 9 participantes (usuarios) y un moderador, encargado de mantener la charla focalizada a la vez que estimula el libre flujo de las ideas. Son muy útiles para la recolección de datos cualitativos.

### Framework <a href="#id-4f31b10c-7b63-4eee-ae62-ccd8f1d7fcc7" id="id-4f31b10c-7b63-4eee-ae62-ccd8f1d7fcc7"></a>

Framework (o marco de trabajo) es una conjunto estandarizado de conceptos, prácticas y criterios que apunta a aportar orden y dinamismo a un proceso de trabajo.

## G <a href="#id-9e0945b5-fd22-4049-95a7-739a11557ace" id="id-9e0945b5-fd22-4049-95a7-739a11557ace"></a>

### Gestalt (leyes) <a href="#id-90097a33-101c-4b03-b66e-d9ec5d9ff721" id="id-90097a33-101c-4b03-b66e-d9ec5d9ff721"></a>

La Gestalt fue una corriente psicológica del siglo XX que prestó particular atención a la percepción, esto es: la forma en que las personas distinguen elementos y de qué manera estos son organizados en el subconciente. A partir de numerosas investigaciones llegaron a delinear los principios básicos de la percepción en 8 leyes: Ley de la buena forma, Ley de la pregnancia, Ley del cierre, Ley de la similitud, Ley del contraste, Ley de la proximidad, Ley del movimiento común y Ley de la experiencia. Estos conceptos son especialmente útiles para el diseño de interfaces intuitivas y simples, aprovechandolos en favor del usuario.

## **H** <a href="#d7e78eab-57a2-4667-9dab-977e6d512cd3" id="d7e78eab-57a2-4667-9dab-977e6d512cd3"></a>

### Heatmap <a href="#fdf4e541-4d49-4a17-acba-cec6053c8a88" id="fdf4e541-4d49-4a17-acba-cec6053c8a88"></a>

Los heatmaps o mapas de calor, resaltan a través de colores cuáles son las zonas donde más interactúa el usuario, ya sea haciendo click, aquellas áreas por donde pasan más el puntero del mouse (*mousetracking*), aquellas zonas por las que navega a lo largo de la página web o donde se posa la vista (*eyetracking*).

### Hipótesis <a href="#id-362e45e0-15aa-45b5-adb2-3187c01863fa" id="id-362e45e0-15aa-45b5-adb2-3187c01863fa"></a>

Las hipótesis son, básicamente, ideas o proposiciones en formato *testeable* (refutable / validable) sobre la temática en torno a la cual gira un proyecto. Estas ideas pueden surgir de la intuición, de conocimientos previos, de datos cualitativos o cuantitativos, etc, y nos ayudan a focalizar mejor la investigación. Para que estas ideas no sean simples preconceptos que sesguen nuestro trabajo, es realmente importante validarlas o refutarlas con datos reales recolectados a través de herramientas de investigación.

### Heurísticas <a href="#bc1423c4-996f-4a20-a987-e75a254afb79" id="bc1423c4-996f-4a20-a987-e75a254afb79"></a>

Las heurísticas son un conjunto de principios que facilita la [evaluación](https://dhd.gitbook.io/dhd-glosario-ux/categorias/evaluacion-y-validacion) de [usabilidad](#770fb3ce-eb3f-4baf-9c58-253ad66795ac). Consiste en recorrer un determinado [flujo](#78d013e6-636b-48f8-b70b-99bd4a0828ec), interfaz o plataforma explorando sus distintas funcionalidades e identificar los errores que pueda tener. Existen distintas propuestas aunque las más reconocidas son las heurísticas de Nielsen.

## I <a href="#id-0da87bf2-7ea8-417a-b6f7-12fc35cab81c" id="id-0da87bf2-7ea8-417a-b6f7-12fc35cab81c"></a>

### Ideación <a href="#id-78b976c0-c23b-46f5-887b-9ae5df5d37fd" id="id-78b976c0-c23b-46f5-887b-9ae5df5d37fd"></a>

Ideación es el proceso de generación de un amplio conjunto de ideas sobre un tema determinado, sin ningún intento de juzgar o evaluarlas. Por sobre todo, la colaboración estimula ideas diversas.

### Identidad <a href="#bcb1a993-7348-4975-a857-6f69d84c509a" id="bcb1a993-7348-4975-a857-6f69d84c509a"></a>

El término ‘identidad’ se refiere al ADN y la esencia. Así, la identidad acota, más allá de sus rasgos estéticos, aspectos intangibles más profundos como son sus valores, sus principios y el modo en que ambos se expresan. De esta manera, todos sus grupos de interés perciben la compañía de la misma manera y reciben un mismo mensaje.

### Insights <a href="#b5fcffdc-2572-41fc-8c4d-09c24554b2c9" id="b5fcffdc-2572-41fc-8c4d-09c24554b2c9"></a>

Los insights son pensamientos reveladores que nos aportan un entendimiento profundo de algo o alguien. Suelen ser el resultado de la conexión y articulación entre la obtención de datos relevantes y nuestros conocimientos preexistentes, aportando así una nueva perspectiva sobre un tema o problemática.

### Interacción <a href="#id-5df341e0-7dfe-4911-bc08-72b5f86078fc" id="id-5df341e0-7dfe-4911-bc08-72b5f86078fc"></a>

La interacción entre el usuario y producto/servicio es la forma en que se mueven e interactúan con la interfaz, las posibilidades que se le brindan, el nivel de interactividad, a que tiene acceso, etc.

## **J** <a href="#id-18520081-7277-4a42-9a19-0a3c9e038018" id="id-18520081-7277-4a42-9a19-0a3c9e038018"></a>

### Journey Map <a href="#id-2effcaa8-e195-4da9-91fb-a2ea49ecf17b" id="id-2effcaa8-e195-4da9-91fb-a2ea49ecf17b"></a>

El Mapping es una herramienta que permite plasmar visualmente todo lo observado, analizado y aprendido durante nuestro proceso de investigación. Resulta muy efectiva al momento de identificar los diferentes puntos de contacto (físicos o intangibles) con nuestro producto o servicio.

## K <a href="#id-6d33a694-8da0-4698-b739-61081b3974f5" id="id-6d33a694-8da0-4698-b739-61081b3974f5"></a>

### Kanban <a href="#c0373de8-fc85-4cc0-bdf3-78b19ee429e2" id="c0373de8-fc85-4cc0-bdf3-78b19ee429e2"></a>

Es un [framework](#4f31b10c-7b63-4eee-ae62-ccd8f1d7fcc7) esencial para un trabajo ágil. Fue creado en Japón durante la década del 50 por Taiichi Ono, ingeniero industrial de Toyota y se trata de un sistema visual de organización del flujo de trabajo colaborativo, donde cada integrante del equipo puede identificar con claridad las tareas generales del proyecto, ver en que estádo esta cada una, quién o quienes son responsables de completarlas y en qué plazo.

## L <a href="#id-0d60ea2d-e7db-499f-92f2-2048e7475a91" id="id-0d60ea2d-e7db-499f-92f2-2048e7475a91"></a>

### Layout <a href="#a7b31337-5218-4a45-b1a0-8cc514545b0d" id="a7b31337-5218-4a45-b1a0-8cc514545b0d"></a>

Layout se refiera a la disposición visual de elementos (texto, imágenes, íconos, etc.) en una pantalla, página o cualquier otro soporte gráfico. Detrás de esta propiedad del diseño existe una necesidad comunicacional asociada a la naturaleza del producto y su público.

### Layer-Cake Patter <a href="#id-6a9072d8-21d4-4891-b5e1-6b11874450a5" id="id-6a9072d8-21d4-4891-b5e1-6b11874450a5"></a>

Este patrón de lectura recibe su nombre de la figura que genera el mapeo del mismo, reminiscente de una torta en capas (layer cake). Es uno de los patrones más eficientes de escaneo y lectura de contenido por parte de los usuarios y se estructura fundamentalmente desde el uso de títulos (headings) y subtítulos (subheadings) que se destaquen y sean descriptivos de la información que va a ofrecer la página y/o artículo.

## **M** <a href="#a6c5f19b-cc36-4978-af8c-ef68e076c441" id="a6c5f19b-cc36-4978-af8c-ef68e076c441"></a>

### Mapa de Empatía <a href="#f06dc122-607b-4e33-a6b9-9d72d999ef92" id="f06dc122-607b-4e33-a6b9-9d72d999ef92"></a>

Es una herramienta que nos permite mapear visualmente actitudes y comportamientos de los usuarios, aportando así a un mayor entendimiento sobre los mismo. En su formato más clásico, se divide en 4 cuadrantes (Dice, Piensa, Hace y Siente) y tiene al usuario o Persona en el centro. La información volcada en cada una de las categorías se desprende de los resultados de herramientas de análisis cualitativo aplicadas previamente.

### Metodologías Ágiles <a href="#d8256a3c-0559-4f72-808f-42531492fd6d" id="d8256a3c-0559-4f72-808f-42531492fd6d"></a>

Son metodología basadas en el desarrollo iterativo e incremental, en contraposición a las metodologías tradicionales de desarrollo de software lineal o cascada. Se utiliza para desarrollo de soluciones digitales, con el objetivo de ser eficientes y prácticos al momento de tomar decisiones. Se trabaja en intervalos, teniendo mucho feedback del usuario y el cliente.

### Métricas de Usabilidad <a href="#dbede64e-6b0e-4095-86b9-3d8c78c5c139" id="dbede64e-6b0e-4095-86b9-3d8c78c5c139"></a>

Las acciones que un usuario realice con un producto digital se pueden medir para analizar los datos y que éstos ayuden luego a tomar decisiones y trazar estratégicas. Es importante tener un plan de medición con objetivos claros donde las métricas sean una fuente de información constante para confirmar o refutar las hipótesis de solución.

### Mockup <a href="#f624974c-7d62-46eb-9b20-b2a437adbd9d" id="f624974c-7d62-46eb-9b20-b2a437adbd9d"></a>

Es una representación visual del producto. Así como los wireframes muestran la estructura, los mockups presentan como se verá dicho producto en fidelidad media o media-alta. Son muy útiles para tomar desiciones sobre el estilo visual, la paleta de colores y la tipografía. Pueden incluir el Diseño de Interación (IxD)

### Modelo Mental <a href="#e5059ea0-26a5-41f0-a139-c4cae5a33f3b" id="e5059ea0-26a5-41f0-a139-c4cae5a33f3b"></a>

Un modelo mental es una representación subjetiva, basada en las creencias y experiencias (entre otros factores), de un individuo respecto del funcionamiento del mundo exterior u “objetivo”. Las personas entienden e interactuan con la realidad a través del filtro de su modelo mental.\
Definido por el psicólogo y filósofo escocés Kenneth Craik es “Un mecanismo a escala del pensamiento mediante el cual un ser humano intenta explicar cómo funciona el mundo real. Es un tipo de representación de la realidad externa.”

### Mousetracking <a href="#e5059ea0-26a5-41f0-a139-c4cae5a33f3b" id="e5059ea0-26a5-41f0-a139-c4cae5a33f3b"></a>

El Mousetracking es una medición que permite ver los patrones de movimiento del mouse de los usuarios. Esta visualización de datos permite ver el comportamiento real de los usuarios en sus entornos de navegación naturales.

### MVP <a href="#id-69e4f0f0-f748-4cb2-bf94-971d82686a03" id="id-69e4f0f0-f748-4cb2-bf94-971d82686a03"></a>

El producto mínimo viable (MVP) es la versión de un nuevo producto que un equipo utiliza para obtener la cantidad máxima de conocimiento validado sobre el producto, sus usuarios, el contexto y la viabilidad del proyecto, con la menor inversión y riesgo posible.

## **N** <a href="#id-85e83cc1-288f-43b8-b774-621f1d0a21ca" id="id-85e83cc1-288f-43b8-b774-621f1d0a21ca"></a>

### NPS <a href="#id-9b69cf00-3bc6-4e87-b32a-a473584f3007" id="id-9b69cf00-3bc6-4e87-b32a-a473584f3007"></a>

Net Promoter Score: es un índice que mide la disposición de los clientes a recomendar un producto, servicio o una empresa.

## **P** <a href="#id-27a14279-42fc-4336-8d39-a0f15995e561" id="id-27a14279-42fc-4336-8d39-a0f15995e561"></a>

### Patrones de Diseño <a href="#id-31204435-28f8-4e7f-a26f-d4ec16026446" id="id-31204435-28f8-4e7f-a26f-d4ec16026446"></a>

Los patrones de diseño de navegación e interacción son soluciones preexistentes, ya probadas y validadas, a problemas recurrentes a los que se enfrentan los diseñadores a la hora de desarrollar una interfaz. De esta manera nos permiten acelerar nuestro trabajo y al mismo tiempo apelar a un ecosistema al cual los usuarios ya están acostumbrados.

### Patrones de Escaneo de Texto <a href="#id-01af34b1-8d2f-4cb3-a9ab-ff4182901519" id="id-01af34b1-8d2f-4cb3-a9ab-ff4182901519"></a>

Los patrones de escaneo de texto surgen de investigaciones desarrolladas por medio de Eyetracking (seguimiento del comportamiento visual) y nos indican de qué manera se comporta la vista de los usuarios al navegar una interfaz. Esto es, a qué prestan mayor atención, de qué manera se mueven por los distintos bloques de texto de la página, qué cosas ignoran, etc. La forma en que un usuario escanea una página depende, en parte, del diseño de la misma.

### Persona <a href="#id-64a69609-67d2-4dfb-b359-128c27f68c57" id="id-64a69609-67d2-4dfb-b359-128c27f68c57"></a>

Es una herramienta de investigación para tomar decisiones en base a definiciones concretas de usuarios objetivos. Se basa en la creación de arquetipos de humanos reales, y debe ser descrito como si fuesen individuos de verdad. Esto presenta su principal desafío: actualizarlo de manera constante.

### Prototipo <a href="#a697bf3c-9b07-40e7-8117-748c84b693c9" id="a697bf3c-9b07-40e7-8117-748c84b693c9"></a>

Un prototipo es una versión preliminar de un diseño. Nos permite explorar nuestras ideas de forma visual e interactiva, antes de invertir tiempo y dinero en el desarrollo. Existen diferentes debilidades de prototipos, desde el papel y lápiz, hasta los creados mediante algún software que permiten simular el uso interactivo y presentar la vista final de los contenidos.

### Punto de Vista (POV) <a href="#b183f654-80be-4c93-982b-002adcb69dfa" id="b183f654-80be-4c93-982b-002adcb69dfa"></a>

El Punto de Vista (o POV, del inglés point of view) es el marco que define el problema a abordar, y una visión única de Diseño construida en base a lo descubierto durante el abordaje empatico. Consiste en una declaración del problema estructurada en 3 partes: descripción del usuario, necesidad del mismo, y el por qué de esa necesidad fundamentado en insights recolectados durante la etapa de Research.

## **R** <a href="#id-6015ff02-292d-4763-a3ff-a29cce356ccd" id="id-6015ff02-292d-4763-a3ff-a29cce356ccd"></a>

### Razonamiento deductivo <a href="#id-5183be8b-aba2-419c-9f21-b30ca8588120" id="id-5183be8b-aba2-419c-9f21-b30ca8588120"></a>

Método de razonamiento que consiste en ir de lo general a lo particular, de las afirmaciones generales a las conclusiones particulares (inferir). Es el tipo de razonamiento asociado a los análisis cuantitativos, donde a partir de datos medibles sobre las características o comportamientos generales de un determinado grupo o actividad podemos sacar conclusiones sobre individuos o aspectos puntuales del mismo.

### Razonamiento inductivo <a href="#id-40ed6503-7325-4c6e-bb8a-e4eaf79785a3" id="id-40ed6503-7325-4c6e-bb8a-e4eaf79785a3"></a>

Método de razonamiento que consiste en ir de lo particular a lo general, de los hechos a las generalizaciones (referir). Es el tipo de razonamiento asociado a los análisis cualitativos, donde a partir de la observación de particularidades (de personas, contextos, problemáticas, etc) podemos entender generalidades y detectar patrones.

### Responsive Design <a href="#ccb184e4-f0e1-489c-a297-10c94a1ce8f1" id="ccb184e4-f0e1-489c-a297-10c94a1ce8f1"></a>

Es una concepción de diseño que responde al comportamiento del usuario y su entorno basado en el tamaño de su pantalla y plataforma. La práctica consiste en una mezcla de grillas flexibles y otros elementos que permiten que un diseño digital se adapte de manera óptima a cualquier dispositivo.

### Retrospectiva <a href="#id-563afeaf-7204-4519-bdee-3757605abecb" id="id-563afeaf-7204-4519-bdee-3757605abecb"></a>

Las Retrospectivas son las ceremonias más comunes en todos los [frameworks](#4f31b10c-7b63-4eee-ae62-ccd8f1d7fcc7) de trabajo ágil. Son instancias de diálogo, comunicación y honestidad para revisar internamente lo trabajado, con el objetivo de entender lo que se hizo bien, lo que se podría haber hecho mejor y lo que no se hizo pero se quiere empezar a hacer. Son momentos de análisis y reflexión mirando hacia atrás, pero con la visión puesta en el futuro.

## S <a href="#b1eb3f4f-e957-4328-b681-37b023839355" id="b1eb3f4f-e957-4328-b681-37b023839355"></a>

### Sprint <a href="#d92a87ef-c600-4358-b68a-ae80d1e6bb84" id="d92a87ef-c600-4358-b68a-ae80d1e6bb84"></a>

Un Sprint (o Design Sprint) es un proceso que se da en el marco de un proyecto de diseño y tiene por finalidad el desarrollo de un entregable de valor en la menor cantidad de tiempo posible. Durante este proceso se atraviesan las 5 etapas del Design Thinking ([Empatizar](https://dhd.gitbook.io/dhd-glosario-ux/categorias/metodologias-de-trabajo#117433b5-2d27-49b2-b5e3-6f79728acc0b), [Definir](https://dhd.gitbook.io/dhd-glosario-ux/categorias/metodologias-de-trabajo#df872230-9bf8-4189-8589-2a237d025318), [Idear](https://dhd.gitbook.io/dhd-glosario-ux/categorias/metodologias-de-trabajo#5b5abf13-f38b-4a43-ab1d-61e32c2833d3), [Prototipar](https://dhd.gitbook.io/dhd-glosario-ux/categorias/metodologias-de-trabajo#fab8c22a-178d-4e98-8198-2196eb7ad0b5) y [Evaluar](https://dhd.gitbook.io/dhd-glosario-ux/categorias/metodologias-de-trabajo#19e26be7-0818-42e5-9b66-074f23812510)). La idea principal es poder testear el producto o servicio lo antes posible para recolectar información valiosa que nos permita recomenzar el sprint y aplicar mejoras basadas en la experiencia real de los usuarios con el mismo. Es un proceso iterativo e incremental.

### Stakeholder <a href="#id-6ce4b9ef-21f0-4c95-8ae9-1a3cf66ccd85" id="id-6ce4b9ef-21f0-4c95-8ae9-1a3cf66ccd85"></a>

Los *stakeholders* son las partes interesadas, aquellas personas u organizaciones afectadas por las actividades y las decisiones de una empresa. Es importante tenerlos en cuenta para planificar de manera estratégica un negocio.

### Storytelling <a href="#efd7cedc-b2b8-48a4-a316-b4c769b192d3" id="efd7cedc-b2b8-48a4-a316-b4c769b192d3"></a>

Es una técnica que consiste conectar, desde la empatía, con los usuarios a través del relato, apelando al lado emocional de las personas. Implica generar contenido para trazar una relación de cercanía y confianza con los usuarios.

### SUS (System Usability Scale) <a href="#id-051dddf4-87b5-4518-a877-73485ae494f2" id="id-051dddf4-87b5-4518-a877-73485ae494f2"></a>

El SUS en una escala para medir la usabilidad de un sistema. Consiste de 10 preguntas en forma de afirmaciones a cuyas respuestas se asigna un número del 1 al 5, siendo 1 "nada de acuerdo" a 5 "muy de acuerdo". Es un test simple de administrar, de muy bajo costo y tiene una gran efectividad a la hora de medir usabilidad.

## **T** <a href="#id-345a510f-0178-4c12-8e06-5c9a9106fabd" id="id-345a510f-0178-4c12-8e06-5c9a9106fabd"></a>

### Test**eo "de guerrilla"** <a href="#cffdc7b4-294d-47af-9dac-5659f7b64379" id="cffdc7b4-294d-47af-9dac-5659f7b64379"></a>

Este tipo de testeos con usuarios se suele aplicar en estadios tempranos de la etapa de prototipado y se caracteriza por tener un bajísimo costo de implementación y aportar un gran valor al proyecto en cuanto a detección temprana de errores de diseño. Los prototipos que se usan en esta actividad son en baja fidelidad, no hace falta más que la interface planteada con lapiz sobre papel, el usuario, un facilitador y un observador.

### Testing <a href="#cffdc7b4-294d-47af-9dac-5659f7b64379" id="cffdc7b4-294d-47af-9dac-5659f7b64379"></a>

Los test son una técnica que permite observar y analizar a los usuarios interactuando con el producto. Se pueden realizar en distintos momentos del proceso de diseño y desarrollo permitiendo involucrar a los usuarios finales para entender su comportamiento. Esto aporta información de gran valor que permite diagnosticar problemas y proponer nuevas soluciones.

### Template <a href="#ed62c216-caa2-4580-88c7-1f35e6d1cdc4" id="ed62c216-caa2-4580-88c7-1f35e6d1cdc4"></a>

Un template (o plantilla) es un documento base prediseñado que nos sirve de guía a la hora de generar y ubicar contenido. Nos indica la estructura de un diseño o sistema para generar orden y consistencia a lo largo de un determinado proyecto.

### Touchpoints (puntos de contacto)

Los touchpoints son los puntos de contacto a través de los cuales una persona puede acceder a un servicio. Un mismo producto o servicio puede tener múltiples touchpoints, tanto analógicos como digitales. Dentro de la órbita de estos últimos, podemos destacar: las páginas web, las apps nativas tanto de iOS como Android, los smart watches y los totems, entre otros.

### Trade-off <a href="#a5eb3847-bab7-42bb-8091-91f44e143310" id="a5eb3847-bab7-42bb-8091-91f44e143310"></a>

Trade-off es una expresión del inglés que significa conseguir un balance sacrificando o comprometiendo una de dos situaciones o cualidades mutuamente excluyentes.

### Tree-Testing <a href="#b9127342-5141-4eeb-9256-9ecbbcf1efe2" id="b9127342-5141-4eeb-9256-9ecbbcf1efe2"></a>

El Tree Testing es una técnica de la usabilidad que evalúa la facilidad de encontrar ítems, el etiquetado y la organización de la estructura de un sitio web. Esta técnica se acerca a la experiencia de navegación que un usuario tiene cuando visita un sitio web.

## **U** <a href="#id-27641deb-5274-485a-91a9-329b9d120dbe" id="id-27641deb-5274-485a-91a9-329b9d120dbe"></a>

### UI Design <a href="#ed62c216-caa2-4580-88c7-1f35e6d1cdc4" id="ed62c216-caa2-4580-88c7-1f35e6d1cdc4"></a>

El Diseño de Interfaz contempla la selección de los elementos de interfaz adecuados para lograr y organizar la pantalla de una manera que sea fácil de entender y usar por el usuario. El objetivo es hacer la interacción del usuario tan eficiente y simple como sea posible.

### Usabilidad <a href="#id-770fb3ce-eb3f-4baf-9c58-253ad66795ac" id="id-770fb3ce-eb3f-4baf-9c58-253ad66795ac"></a>

La usabilidad tiene relación con la facilidad de uso de los productos o servicios, así como la capacidad de que los usuarios y visitantes puedan explorar el mismo de una forma práctica, útil y sencilla.

### User Flow <a href="#id-78d013e6-636b-48f8-b70b-99bd4a0828ec" id="id-78d013e6-636b-48f8-b70b-99bd4a0828ec"></a>

Los User Flows, o simplemente Flows (flujos), son una representación gráfica de las actividades y acciones realizadas por los usuarios de un sistema determinado. Es una herramienta de suma importancia para el trabajo de todo el equipo de un producto/servicio ya que visualiza y documenta el funcionamiento y permite detectar caminos alternativos o no-felices que deban contemplarse.

### UX Researcher <a href="#id-54349113-4586-4bf9-88cd-966fc898317e" id="id-54349113-4586-4bf9-88cd-966fc898317e"></a>

Este rol es el encargado de conocer y realizar métodos de investigación de usuarios (quién lo va a usar) así como pruebas de usabilidad (cómo lo va a usar). Generalmente tienen elementos de psicología, sociología, antropología, estadística, entre otras ciencias involucradas directamente con el entendimiento y análisis de datos cuantitativos y cualitativos.

### UX Writing <a href="#id-014f3fb9-ab71-433b-a68a-c6c3d4b6116d" id="id-014f3fb9-ab71-433b-a68a-c6c3d4b6116d"></a>

UX Writting es la práctica de diseñar las palabras y textos que las personas ven y oyen al interactuar con una interfaz. Es clave en la usabilidad de un producto ya que se refiere al diseño de la conversación entre el mismo y su usuario.

## W <a href="#id-660e1702-87cf-4a71-ba39-2fbe6f188dd6" id="id-660e1702-87cf-4a71-ba39-2fbe6f188dd6"></a>

### Wireframe <a href="#b6dcdab9-0092-47d5-b6d1-3da130d698b3" id="b6dcdab9-0092-47d5-b6d1-3da130d698b3"></a>

Es un boceto, una representación de baja y media fidelidad de un sitio web o una app, generalmente hecha a mano, en lápiz y papel. También existen diversos *softwares* para crear wireframes.

### Workflow <a href="#id-352ee91c-ee51-46a9-a5bc-5d4c86263734" id="id-352ee91c-ee51-46a9-a5bc-5d4c86263734"></a>

El Workflow (o flujo de trabajo) es el conjunto de tareas y acciones implicadas en el proceso de alcanzar un objetivo proyectual, desde el inicio del mismo a su finalización.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://dhd.gitbook.io/dhd-glosario-ux/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
