Un mapa rápido para elegir el contenedor correcto según densidad, comparación y acción: tarjetas para exploración, listas para escaneo y tablas para decisión.
Por Equipo Cafetal
7 min
Índice de artículos · UX/UI · Accesibilidad
Este índice reúne análisis prácticos sobre layouts intuitivos, patrones de interfaz y tendencias de accesibilidad. Usa los filtros para acotar temas, o busca para ir directo a un enfoque (p. ej., “WCAG”, “dashboards”, “formularios”).
Busca por palabras clave, etiqueta y orden.
— resultados
Consejo: usa la búsqueda para encontrar conceptos y patrones (p. ej., “WCAG”, “carga cognitiva”).
Explora patrones de UI, accesibilidad y arquitectura de información.
10 resultados
Un mapa rápido para elegir el contenedor correcto según densidad, comparación y acción: tarjetas para exploración, listas para escaneo y tablas para decisión.
Qué prácticas están aterrizando de verdad (y cuáles no): diseño centrado en tareas, soporte de teclado, semántica, y QA con tecnología asistiva.
De inventario de contenidos a jerarquías y naming: un método práctico para que la gente encuentre lo que busca sin “pensar de más”.
Feedback, estados y transiciones útiles: cuándo sumar claridad y cuándo solo distraer. Incluye checklist de “no rompas el flujo”.
Etiquetas claras, ayudas en contexto y validación que no castiga: patrones para reducir abandono y mejorar la recuperación de errores.
Cómo pensar contraste por rol (texto, iconos, bordes), estados y tamaños. Incluye atajos para diseñar paletas accesibles desde el inicio.
Decide según frecuencia, profundidad y contexto: cuándo la sidebar escala mejor, cuándo la topbar reduce fricción y cómo evitar menús “cementerio”.
Cómo mantener ritmo de lectura y jerarquía visual sin “saltos”: escalas fluidas, límites, y patrones de composición que se adaptan a contenido real.
Orden de tabulación, focus visible, atajos y componentes complejos: una lista accionable para revisar modales, menús, grids y formularios.
Menos “ruido”, más decisiones: jerarquía, formato numérico, comparaciones, estados vacíos y filtros. Convierte métricas en acciones claras.
No encontramos artículos con esos criterios. Prueba con otra etiqueta o una búsqueda más corta.
Un resumen mensual con patrones de diseño, accesibilidad aplicada y hallazgos accionables. Cero spam, puedes salir cuando quieras.
Explora el índice completo y filtra por tema. (10 artículos)
Patrones UI
Decisiones de layout que reducen fricción: qué mostrar, cómo agrupar y cuándo tabular.
Leer artículoAccesibilidad
Lo que cambia (y lo que no) en estándares, tooling y prácticas de diseño inclusivo.
Leer artículoArquitectura
Un proceso práctico para ordenar contenidos, rutas y jerarquías sin sobrecargar la UI.
Leer artículoMicrointeracciones
Feedback, estados y transiciones: cómo ayudar al usuario sin ruido ni “animaciones por animar”.
Leer artículoFormularios
Estructura, microcopy y errores: cómo mejorar completion rate sin sacrificar inclusión.
Leer artículoColor
Cómo evaluar contraste, ajustar paletas y mantener jerarquía visual en interfaces reales.
Leer artículoNavegación
Criterios de elección según producto, frecuencia de uso y complejidad de la información.
Leer artículoResponsive
Ritmo, escalas y grids que se adaptan: consistencia sin “saltar” entre tamaños.
Leer artículoAccesibilidad
Orden de foco, shortcuts, estados y patrones de interacción: puntos clave para QA.
Leer artículoDashboards
Señales visuales, densidad y microcopy para convertir métricas en decisiones claras.
Leer artículo¿Primera vez por aquí? Empieza por una selección curada en la página de inicio.
Ver destacados