Accesibilidad
AccesibilidadLa práctica de diseñar productos utilizables por personas con el mayor rango de capacidades, incluyendo aquellas con discapacidades visuales, auditivas, motoras o cognitivas. Generalmente se mide con estándares WCAG.
Términos clave de diseño UX/UI con definiciones respaldadas por investigación. Cada término vinculado a los principios que lo utilizan.
La práctica de diseñar productos utilizables por personas con el mayor rango de capacidades, incluyendo aquellas con discapacidades visuales, auditivas, motoras o cognitivas. Generalmente se mide con estándares WCAG.
Una propiedad de un objeto o elemento de interfaz que sugiere cómo puede ser utilizado. Botones que parecen presionables y enlaces que parecen clicables son ejemplos de affordances percibidos en diseño de interfaces.
Un método de investigación que descompone los objetivos del usuario en los pasos, decisiones e información necesarios para completarlos. Se usa para identificar puntos de dolor y optimizar flujos de tareas en diseño de interfaces.
Un conjunto de atributos HTML que definen formas de hacer el contenido web más accesible. Los roles, estados y propiedades de ARIA ayudan a las tecnologías asistivas a interpretar contenido dinámico y controles personalizados.
El diseño estructural de entornos de información compartida. Implica organizar, etiquetar y crear sistemas de navegación para ayudar a los usuarios a encontrar información y completar tareas eficientemente.
El área tocable de un elemento interactivo en pantallas táctiles. WCAG 2.5.5 recomienda un tamaño mínimo de 44×44px para prevenir toques accidentales, especialmente importante para interfaces móviles.
El esfuerzo mental total requerido para procesar información y completar tareas. Consiste en carga intrínseca (complejidad de la tarea), extrínseca (diseño deficiente) y pertinente (aprendizaje). Reducir la carga extrínseca es un objetivo central de UX.
Un sistema donde el resultado de una acción se devuelve como información, informando al usuario de los resultados y guiando los siguientes pasos. Los ciclos de retroalimentación efectivos son inmediatos, claros y proporcionales a la acción realizada.
Un método de investigación donde los usuarios organizan temas en categorías que les hacen sentido. Se usa para diseñar o evaluar la arquitectura de información y estructuras de navegación.
El paradigma de diseño donde la IA y los humanos trabajan juntos, cada uno aportando fortalezas complementarias. Requiere clara delineación de roles, calibración de confianza y control del usuario sobre la participación de la IA.
El principio de mantener comportamiento, apariencia y terminología uniformes en una interfaz. La consistencia interna (dentro del producto) y externa (con convenciones de la plataforma) generan confianza en el usuario.
La diferencia de luminancia entre los colores de primer plano y fondo. WCAG requiere un ratio mínimo de 4.5:1 para texto normal y 3:1 para texto grande para asegurar legibilidad para usuarios con baja visión.
Una estrategia de diseño donde un sistema continúa funcionando a nivel reducido cuando partes fallan, en lugar de romperse completamente. Asegura que los usuarios puedan completar tareas centrales en condiciones subóptimas.
Un enfoque de diseño que comienza con la pantalla más pequeña y mejora progresivamente para las más grandes. Fuerza la priorización de contenido esencial y asegura que la funcionalidad central funcione en todos los dispositivos.
Un enfoque donde los layouts se adaptan fluidamente a diferentes tamaños de pantalla usando grillas flexibles, imágenes y media queries CSS. Asegura una visualización óptima en escritorio, tableta y dispositivos móviles.
Las personas aceleran su comportamiento a medida que se acercan a una meta. Barras de progreso, sellos de lealtad e indicadores de completitud aprovechan este efecto para aumentar el engagement y la completitud de tareas.
Las personas tienden a recordar mejor los primeros (primacía) y últimos (recencia) ítems en una serie. Informa la ubicación de ítems de navegación importantes, orden de listas y priorización de contenido.
Cuando múltiples objetos similares están presentes, el que más difiere es el más probable de ser recordado. Se usa en tablas de precios, CTAs e insignias de notificación para atraer atención a elementos clave.
Las personas recuerdan mejor las tareas incompletas que las completadas. Indicadores de progreso, borradores guardados y solicitudes de perfil incompleto aprovechan este efecto para impulsar el engagement y la completitud.
El espacio vacío entre y alrededor de los elementos de diseño. Lejos de ser espacio desperdiciado, el espacio en blanco mejora la legibilidad, crea respiro visual y dirige la atención al contenido importante.
Un estado mental de absorción completa en una actividad, caracterizado por concentración enfocada y pérdida de noción del tiempo. Un buen UX facilita el flujo eliminando fricción y equilibrando el desafío con el nivel de habilidad.
Un método de inspección de usabilidad donde expertos evalúan una interfaz contra principios de usabilidad establecidos (heurísticas). Alternativa rentable a pruebas con usuarios para identificar problemas comunes de usabilidad.
La capacidad de un sistema de IA de hacer su razonamiento, decisiones y resultados comprensibles para los usuarios. Incluye mostrar niveles de confianza, citas de fuentes y factores de decisión en la interfaz.
La técnica de dividir información en unidades más pequeñas y manejables (fragmentos) para reducir la carga cognitiva. Números de teléfono, campos de tarjeta de crédito y formularios por pasos usan fragmentación.
La práctica de controlar hacia dónde se mueve el foco del teclado en una interfaz, especialmente después de cambios de contenido dinámico. Esencial para usuarios de lectores de pantalla y navegación solo con teclado.
El uso de elementos HTML que transmiten significado sobre el contenido que contienen (ej., nav, article, header) en lugar de contenedores genéricos. Mejora accesibilidad, SEO y mantenibilidad del código.
El proceso de presentar a nuevos usuarios las funcionalidades de un producto y guiarlos a su primera experiencia exitosa. La incorporación efectiva equilibra educación con entrega inmediata de valor.
La práctica de diseñar instrucciones e inputs efectivos para sistemas de IA. En UX, esto se extiende a diseñar plantillas de prompts, sistemas de sugerencias e interfaces de entrada que ayudan a los usuarios a comunicarse con la IA.
Un paradigma de interfaz donde los usuarios interactúan mediante diálogo en lenguaje natural, incluyendo chatbots y asistentes de voz. Requiere diseño cuidadoso de turnos, gestión de contexto y manejo de errores.
La organización visual del texto usando tamaño, peso, color y espaciado para establecer orden de lectura e importancia del contenido. Crea contenido escaneable que guía a los usuarios a través de la información eficientemente.
La disposición de elementos visuales para guiar la vista a través del contenido en orden de importancia. Usa tamaño, color, contraste, espaciado y posición para crear patrones de escaneo claros.
Software asistivo que convierte contenido en pantalla a salida de voz o braille. Diseñar para lectores de pantalla requiere HTML semántico, atributos ARIA, jerarquía de encabezados adecuada y texto alternativo significativo.
El tiempo para alcanzar un objetivo es función de su distancia y tamaño. Objetivos más grandes y cercanos son más rápidos de clicar. Informa el tamaño de botones, ubicación de menús y diseño de áreas táctiles.
El tiempo de decisión aumenta logarítmicamente con el número de opciones. Simplificar opciones, categorizar alternativas y la revelación progresiva ayudan a reducir el tiempo de decisión en interfaces.
Los usuarios pasan la mayor parte del tiempo en otros sitios y prefieren que el tuyo funcione de forma similar a los que ya conocen. Aprovechar patrones familiares reduce curvas de aprendizaje y carga cognitiva.
La persona promedio puede mantener alrededor de 7 (±2) ítems en la memoria de trabajo al mismo tiempo. Informa decisiones sobre profundidad de navegación, longitud de formularios y agrupación de información en diseño de interfaces.
Toda aplicación tiene una complejidad inherente que no puede ser eliminada — solo movida entre el sistema y el usuario. El buen diseño absorbe complejidad para que los usuarios no tengan que gestionarla.
Un estilo de interacción donde los usuarios actúan directamente sobre objetos visibles en lugar de emitir comandos. Arrastrar y soltar, pellizcar para zoom y elementos redimensionables son ejemplos de manipulación directa.
El sistema cognitivo que temporalmente retiene y manipula información necesaria para tareas actuales. Limitado en capacidad y duración — las interfaces deben minimizar las demandas sobre la memoria de trabajo.
Una interacción pequeña y contenida dentro de un producto que cumple una sola tarea — como activar un interruptor, dar like a una publicación o actualizar contenido. Incluye disparador, reglas, retroalimentación y ciclos/modos.
La representación interna del usuario de cómo funciona un sistema. El diseño efectivo alinea la interfaz con los modelos mentales existentes de los usuarios en lugar de forzarlos a aprender nuevos marcos conceptuales.
La solución más simple que cumple los requisitos generalmente es la mejor. En diseño, esto significa eliminar elementos, funcionalidades y complejidad innecesarios que no sirven a los objetivos del usuario.
El sistema de caminos que ayudan a los usuarios a moverse a través de una interfaz y encontrar contenido. Incluye navegación global, local, migas de pan, búsqueda y enlaces contextuales.
Un patrón de navegación secundaria que muestra la ubicación del usuario dentro de la jerarquía del sitio. Ayuda a entender el contexto y volver a secciones superiores sin usar el botón de retroceso del navegador.
La capacidad de usar todas las funciones de la interfaz usando solo el teclado. Requerido para usuarios que no pueden usar un ratón y se prueba navegando con Tab, Enter, Espacio y teclas de flecha.
Un diseño de interfaz engañoso que manipula a los usuarios para realizar acciones no intencionadas, como exclusiones ocultas, continuidad forzada o etiquetas de botón engañosas. Considerado no ético e increasingly regulado.
Estrategias de diseño que eliminan condiciones propensas a errores o presentan opciones de confirmación antes de las acciones. Más efectivo que mensajes de error porque el error nunca ocurre en primer lugar.
Aproximadamente el 80% de los efectos provienen del 20% de las causas. En UX, el 80% de los usuarios usa el 20% de las funcionalidades, guiando decisiones sobre qué priorizar en diseño y desarrollo.
Un conjunto de leyes de organización perceptual que describen cómo los humanos agrupan elementos visuales. Incluye proximidad, similitud, cierre, continuidad, figura-fondo y región común. Fundamento del diseño visual.
Un método de comparar dos versiones de un elemento de diseño mostrando aleatoriamente cada versión a diferentes usuarios y midiendo cuál funciona mejor según métricas definidas.
Un método de investigación donde usuarios representativos intentan tareas realistas mientras observadores anotan problemas y éxitos. Proporciona evidencia directa de cómo las personas realmente usan una interfaz versus cómo los diseñadores pretendían.
La fuerza de las pistas que guían a los usuarios hacia la información deseada. Un rastro fuerte significa que textos de enlace, etiquetas y pistas visuales indican claramente qué contenido hay adelante.
Es más fácil para los usuarios reconocer información previamente encontrada que recordarla de memoria. Menús visibles, ítems recientes y autocompletado apoyan la interacción basada en reconocimiento.
Una visualización de la experiencia completa que un usuario tiene con un producto a lo largo del tiempo, incluyendo puntos de contacto, emociones y puntos de dolor. Mapea el contexto completo más allá de interacciones individuales en pantalla.
Las personas juzgan una experiencia basándose en su punto más intenso (pico) y su final, en lugar del promedio. Diseñar picos memorables y finales positivos mejora la calidad percibida de la experiencia.
Un principio Gestalt donde el cerebro distingue objetos (figura) de su área circundante (fondo). Se usa en interfaces para crear capas visuales, overlays modales y estados de enfoque.
Qué tan rápido se siente un sistema para el usuario, que puede diferir de la velocidad real. Pantallas esqueleto, carga progresiva y actualizaciones de UI optimistas hacen que las interfaces se sientan más rápidas de lo que son.
Una limitación de diseño que previene errores del usuario restringiendo las acciones disponibles. Botones deshabilitados, máscaras de entrada y opciones limitadas son ejemplos de restricciones productivas.
Un patrón de diseño que muestra solo la información esencial inicialmente y revela más detalle bajo demanda. Reduce la carga cognitiva y ayuda a los usuarios a enfocarse en la tarea actual sin abrumarlos.
Patrones sistemáticos de desviación del juicio racional. En UX, entender sesgos como anclaje, encuadre y confirmación ayuda a diseñar interfaces que apoyen mejores decisiones.
Un sesgo cognitivo donde las personas dependen en gran medida de la primera información que encuentran al tomar decisiones. En interfaces, afecta la presentación de precios, valores predeterminados y primeras impresiones.
La tendencia a depender excesivamente de sistemas automatizados y aceptar sus resultados sin evaluación crítica. Particularmente relevante en interfaces de IA donde los usuarios pueden confiar en sugerencias sin verificación.
Errores sistemáticos en los resultados de IA que reflejan prejuicios en los datos de entrenamiento o algoritmos. Los diseñadores UX deben revelar posibles sesgos, proporcionar mecanismos de anulación y diseñar experiencias de IA inclusivas.
Una pista perceptible que indica qué acción es posible y cómo realizarla. Difiere del affordance (capacidad) — los significantes son las señales visuales/auditivas que comunican los affordances a los usuarios.
Una colección de componentes reutilizables, patrones y guías que aseguran un diseño consistente en todo el producto. Incluye tokens (colores, espaciado), componentes y documentación.
La paradoja donde tener demasiadas opciones lleva a parálisis de decisión, menor satisfacción y reducción de conversión. Reducir opciones frecuentemente mejora los resultados y el engagement.
La práctica de revelar claramente cuándo el contenido es generado por IA, cómo se está usando la IA y a qué datos accede. Esencial para construir confianza del usuario y cumplir requisitos regulatorios emergentes.
Patrones de interfaz que comunican qué tan seguro está un sistema de IA sobre sus resultados. Incluye puntuaciones de confianza, indicadores de incertidumbre y diferenciación visual entre resultados de alta y baja confianza.
El principio de que tiempos de respuesta del sistema menores a 400ms mantienen a los usuarios comprometidos y productivos. Más allá de este umbral, los usuarios perciben el sistema como lento y pierden su flujo de interacción.
El grado en que un producto puede ser usado por usuarios específicos para lograr objetivos específicos con efectividad, eficiencia y satisfacción. Se mide a través de aprendizaje, eficiencia, memorabilidad, errores y satisfacción.
El proceso de verificar la corrección de la entrada del usuario en tiempo real o al enviar. La validación en línea (verificar mientras el usuario escribe) reduce errores y frustración comparado con patrones de enviar-y-corregir.
Estándares internacionales para accesibilidad web organizados alrededor de cuatro principios: Perceptible, Operable, Comprensible y Robusto (POUR). Tres niveles de conformidad: A, AA (objetivo estándar) y AAA.