Categorias
9 · 55 subcategorias · 529 enlaces
UX y fundamentos
Plantillas, guías y base de trabajo para investigar y documentar UX.
1 subcategoria · 9 enlaces
UX y fundamentos
Plantillas, guías y base de trabajo para investigar y documentar UX.
1 subcategoria · 9 enlaces
UX Templates
Guias y recursos base para investigar, estructurar y documentar trabajo de UX.
9 enlaces
UX Templates
Guias y recursos base para investigar, estructurar y documentar trabajo de UX.
9 enlaces
Patrones de UI
Galerías y patrones de interfaz para flujos, componentes y decisiones recurrentes.
34 subcategorias · 307 enlaces
Patrones de UI
Galerías y patrones de interfaz para flujos, componentes y decisiones recurrentes.
34 subcategorias · 307 enlaces
UI Design Patterns
Galerias y bibliotecas para estudiar decisiones recurrentes de interfaz.
12 enlaces
UI Design Patterns
Galerias y bibliotecas para estudiar decisiones recurrentes de interfaz.
12 enlaces
Back Button UX
Referencias sobre Back Button UX recopiladas a partir de publicaciones de Vitaly Friedman.
9 enlaces
Back Button UX
Referencias sobre Back Button UX recopiladas a partir de publicaciones de Vitaly Friedman.
9 enlaces
-
How To Design A Better Back Button UX
-
Designing A Better Back Button UX
-
Back Button Expectations
-
Design with the web in mind
-
-
-
-
-
Carousels
Referencias sobre Carousels recopiladas a partir de publicaciones de Vitaly Friedman.
5 enlaces
Carousels
Referencias sobre Carousels recopiladas a partir de publicaciones de Vitaly Friedman.
5 enlaces
Context Menus
Referencias sobre Context Menus recopiladas a partir de publicaciones de Vitaly Friedman.
11 enlaces
Context Menus
Referencias sobre Context Menus recopiladas a partir de publicaciones de Vitaly Friedman.
11 enlaces
-
-
Designing Better Context Menus
-
Contextual Menus: Delivering Relevant Tools for Tasks
-
Action Menu — Primer Design System
-
Context Menu Best Practices
-
-
Context Menu — Carbon Design System
-
-
-
Designing Retool’s Command Palette — Case Study
-
Dashboards
Referencias sobre Dashboards recopiladas a partir de publicaciones de Vitaly Friedman.
10 enlaces
Dashboards
Referencias sobre Dashboards recopiladas a partir de publicaciones de Vitaly Friedman.
10 enlaces
-
-
Financial Times Visual Vocabulary (PDF)
-
-
The UX Efficient Frontier
-
-
Dashboard Design Patterns
-
How To Design A Dashboard
-
Practical Dashboards
-
-
Data Grids
Referencias sobre Data Grids recopiladas a partir de publicaciones de Vitaly Friedman.
16 enlaces
Data Grids
Referencias sobre Data Grids recopiladas a partir de publicaciones de Vitaly Friedman.
16 enlaces
-
-
Goldman Sachs Data Grid and Tables Guidelines
-
Dell Design System: Data Tables
-
GE Healthcare: Data Grid Guidelines
-
Salesforce Tree Grid Design Patterns
-
-
US Web Design System: Complex Tables
-
NordHealth Design System: Complex Tables
-
-
-
How Screen Readers Navigate Data Tables
-
Building Accessible Responsive Tables
-
-
-
Data Tables UX Patterns Analysis
-
Enterprise UX: Essential Resources On Data Tables
Data Tables (Desktop)
Referencias sobre Data Tables (Desktop) recopiladas a partir de publicaciones de Vitaly Friedman.
2 enlaces
Data Tables (Desktop)
Referencias sobre Data Tables (Desktop) recopiladas a partir de publicaciones de Vitaly Friedman.
2 enlaces
Data Tables (Mobile)
Referencias sobre Data Tables (Mobile) recopiladas a partir de publicaciones de Vitaly Friedman.
8 enlaces
Data Tables (Mobile)
Referencias sobre Data Tables (Mobile) recopiladas a partir de publicaciones de Vitaly Friedman.
8 enlaces
-
-
Complex Data Tables On Mobile — GE Healthcare
-
-
AT&T Enterprise Table On Mobile
-
Shopify Data Tables On Mobile
-
Designing Mobile Tables
-
-
Data Visualization
Referencias sobre Data Visualization recopiladas a partir de publicaciones de Vitaly Friedman.
17 enlaces
Data Visualization
Referencias sobre Data Visualization recopiladas a partir de publicaciones de Vitaly Friedman.
17 enlaces
-
-
Data Viz Project
-
How to Choose The Right Data Visualization (PDF)
-
Choosing Fonts For Charts and Tables
-
Accessible Data Visualization
-
Fundamentals of Data Visualization
-
-
-
-
-
-
From Data to Viz
-
-
DataViz Inspiration — collection 1
-
-
FlowingData
-
Nightingale
Design Systems
Referencias sobre Design Systems recopiladas a partir de publicaciones de Vitaly Friedman.
9 enlaces
Design Systems
Referencias sobre Design Systems recopiladas a partir de publicaciones de Vitaly Friedman.
9 enlaces
-
-
-
-
-
-
Design System Structure for Teams, Projects and Files — Figma
-
-
-
Drag n Drop
Referencias sobre Drag n Drop recopiladas a partir de publicaciones de Vitaly Friedman.
11 enlaces
Drag n Drop
Referencias sobre Drag n Drop recopiladas a partir de publicaciones de Vitaly Friedman.
11 enlaces
-
-
-
-
-
Building a Drag and Drop UI
-
-
-
Salesforce Drag and Drop Interaction Patterns
-
Drag and Drop Order UX Pattern
-
-
Error Messages
Referencias sobre Error Messages recopiladas a partir de publicaciones de Vitaly Friedman.
8 enlaces
Error Messages
Referencias sobre Error Messages recopiladas a partir de publicaciones de Vitaly Friedman.
8 enlaces
FAQ
Referencias sobre FAQ recopiladas a partir de publicaciones de Vitaly Friedman.
7 enlaces
FAQ
Referencias sobre FAQ recopiladas a partir de publicaciones de Vitaly Friedman.
7 enlaces
-
-
Frequently Asked Questions — Smart Interface Design Patterns
-
-
FAQs: why we don’t have them
-
5 reasons why FAQ pages deliver a bad user experience
-
What Really Matters: Focusing on Top Tasks
-
Filters
Referencias sobre Filters recopiladas a partir de publicaciones de Vitaly Friedman.
8 enlaces
Filters
Referencias sobre Filters recopiladas a partir de publicaciones de Vitaly Friedman.
8 enlaces
-
-
-
-
-
-
-
-
Infinite Scroll
Referencias sobre Infinite Scroll recopiladas a partir de publicaciones de Vitaly Friedman.
8 enlaces
Infinite Scroll
Referencias sobre Infinite Scroll recopiladas a partir de publicaciones de Vitaly Friedman.
8 enlaces
-
-
-
-
-
-
-
-
Loading Indicators
Referencias sobre Loading Indicators recopiladas a partir de publicaciones de Vitaly Friedman.
7 enlaces
Loading Indicators
Referencias sobre Loading Indicators recopiladas a partir de publicaciones de Vitaly Friedman.
7 enlaces
Localization
Referencias sobre Localization recopiladas a partir de publicaciones de Vitaly Friedman.
16 enlaces
Localization
Referencias sobre Localization recopiladas a partir de publicaciones de Vitaly Friedman.
16 enlaces
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Cross-Cultural Design — book
-
The Culture Map
-
UX Writing and Microcopy
Multi-Lingual UX
Referencias sobre Multi-Lingual UX recopiladas a partir de publicaciones de Vitaly Friedman.
10 enlaces
Multi-Lingual UX
Referencias sobre Multi-Lingual UX recopiladas a partir de publicaciones de Vitaly Friedman.
10 enlaces
-
-
-
-
-
-
Flags Are Not Languages
-
-
-
-
Navigation
Referencias sobre Navigation recopiladas a partir de publicaciones de Vitaly Friedman.
6 enlaces
Navigation
Referencias sobre Navigation recopiladas a partir de publicaciones de Vitaly Friedman.
6 enlaces
Onboarding
Referencias sobre Onboarding recopiladas a partir de publicaciones de Vitaly Friedman.
12 enlaces
Onboarding
Referencias sobre Onboarding recopiladas a partir de publicaciones de Vitaly Friedman.
12 enlaces
-
-
-
-
-
-
-
Guide to Onboarding
-
-
-
-
-
Pagination
Referencias sobre Pagination recopiladas a partir de publicaciones de Vitaly Friedman.
11 enlaces
Pagination
Referencias sobre Pagination recopiladas a partir de publicaciones de Vitaly Friedman.
11 enlaces
-
-
Pagination Component Guidelines — GOV.UK
-
-
-
-
-
-
Pagination And Impact on Google Search
-
-
-
NHS Pagination
Pricing Pages
Referencias sobre Pricing Pages recopiladas a partir de publicaciones de Vitaly Friedman.
2 enlaces
Pricing Pages
Referencias sobre Pricing Pages recopiladas a partir de publicaciones de Vitaly Friedman.
2 enlaces
Progress Steps
Referencias sobre Progress Steps recopiladas a partir de publicaciones de Vitaly Friedman.
7 enlaces
Progress Steps
Referencias sobre Progress Steps recopiladas a partir de publicaciones de Vitaly Friedman.
7 enlaces
Reviews and Ratings
Referencias sobre Reviews and Ratings recopiladas a partir de publicaciones de Vitaly Friedman.
5 enlaces
Reviews and Ratings
Referencias sobre Reviews and Ratings recopiladas a partir de publicaciones de Vitaly Friedman.
5 enlaces
Search
Referencias sobre Search recopiladas a partir de publicaciones de Vitaly Friedman.
6 enlaces
Search
Referencias sobre Search recopiladas a partir de publicaciones de Vitaly Friedman.
6 enlaces
Sorting
Referencias sobre Sorting recopiladas a partir de publicaciones de Vitaly Friedman.
8 enlaces
Sorting
Referencias sobre Sorting recopiladas a partir de publicaciones de Vitaly Friedman.
8 enlaces
Sticky Menus
Referencias sobre Sticky Menus recopiladas a partir de publicaciones de Vitaly Friedman.
5 enlaces
Sticky Menus
Referencias sobre Sticky Menus recopiladas a partir de publicaciones de Vitaly Friedman.
5 enlaces
Table of Contents
Referencias sobre Table of Contents recopiladas a partir de publicaciones de Vitaly Friedman.
3 enlaces
Table of Contents
Referencias sobre Table of Contents recopiladas a partir de publicaciones de Vitaly Friedman.
3 enlaces
Transitions
Referencias sobre Transitions recopiladas a partir de publicaciones de Vitaly Friedman.
12 enlaces
Transitions
Referencias sobre Transitions recopiladas a partir de publicaciones de Vitaly Friedman.
12 enlaces
-
-
-
-
-
-
-
-
How To Include Motion Design In Design System
-
-
-
Revisiting Prefers-Reduced-Motion
-
UI Inspiration
Referencias sobre UI Inspiration recopiladas a partir de publicaciones de Vitaly Friedman.
36 enlaces
UI Inspiration
Referencias sobre UI Inspiration recopiladas a partir de publicaciones de Vitaly Friedman.
36 enlaces
-
-
All interface components — Component Gallery
-
-
-
-
-
-
-
-
-
-
Email Love
-
Humane by Design
-
Fonts In Use
-
Footer Design
-
-
Hover States
-
-
-
-
Logggos
-
-
Marketing and copywriting — Swiped
-
One Page Love
-
-
Pattern Club
-
Personal Sites
-
Deck Gallery
-
-
-
Lowwwcarbon
-
-
Showreelz
-
-
-
Whimsical Club
Authentication
Patrones y prácticas para login, formularios de acceso y autenticación sin contraseña.
6 enlaces
Authentication
Patrones y prácticas para login, formularios de acceso y autenticación sin contraseña.
6 enlaces
-
-
-
Prácticas recomendadas para el formulario de acceso
-
Jared Spool: arreglar los fallos de la UX de autenticación
-
Diseño de login en apps: elegir la opción correcta
-
Autocomplete
Detalles de UX y accesibilidad para sugerencias, tap-ahead y controles de autocompletado.
2 enlaces
Autocomplete
Detalles de UX y accesibilidad para sugerencias, tap-ahead y controles de autocompletado.
2 enlaces
Cancel UX
Guías para diseñar acciones de cancelar, cerrar, volver y destruir con etiquetas, jerarquía y ubicación claras.
7 enlaces
Cancel UX
Guías para diseñar acciones de cancelar, cerrar, volver y destruir con etiquetas, jerarquía y ubicación claras.
7 enlaces
Modals UX
Criterios, alternativas y prácticas de accesibilidad para decidir cuándo usar diálogos modales y cómo reducir su impacto.
5 enlaces
Modals UX
Criterios, alternativas y prácticas de accesibilidad para decidir cuándo usar diálogos modales y cómo reducir su impacto.
5 enlaces
Assets visuales
Imágenes, color, iconografía y packs 3D para prototipos y producto.
4 subcategorias · 35 enlaces
Assets visuales
Imágenes, color, iconografía y packs 3D para prototipos y producto.
4 subcategorias · 35 enlaces
Bancos de imagenes
Fuentes de fotografia, mockups y recursos visuales para producto y marca.
8 enlaces
Bancos de imagenes
Fuentes de fotografia, mockups y recursos visuales para producto y marca.
8 enlaces
Colores
Generadores de paletas y referencias para construir sistemas cromaticos.
9 enlaces
Colores
Generadores de paletas y referencias para construir sistemas cromaticos.
9 enlaces
Iconos
Bibliotecas de iconografia para sistemas, producto y prototipos.
8 enlaces
Iconos
Bibliotecas de iconografia para sistemas, producto y prototipos.
8 enlaces
Packs 3D
Recursos tridimensionales para hero sections, marketing y UI de alto impacto.
10 enlaces
Packs 3D
Recursos tridimensionales para hero sections, marketing y UI de alto impacto.
10 enlaces
IA
Patrones, toolkits y documentación de diseño para experiencias con IA.
2 subcategorias · 35 enlaces
IA
Patrones, toolkits y documentación de diseño para experiencias con IA.
2 subcategorias · 35 enlaces
Patrones y herramientas de diseño para IA
Patrones, guías y marcos para diseñar experiencias de IA responsables, comprensibles y centradas en las personas.
24 enlaces
Patrones y herramientas de diseño para IA
Patrones, guías y marcos para diseñar experiencias de IA responsables, comprensibles y centradas en las personas.
24 enlaces
-
Shape of AI: patrones de interacción
-
AI Meets Design Toolkit
-
People + AI Guidebook
-
IBM Design for AI
-
Guías para la interacción entre personas e IA
-
AI + Design Toolkit en Miro
-
Intelligence Augmentation Design Toolkit
-
-
Microsoft Responsible AI Toolbox
-
Responsible AI Toolkit de PwC
-
Design Human Data
-
-
Kit de IA para niños
-
Principios de Asilomar sobre IA
-
Data Cards Playbook
-
AI-Driven Design: libro digital
-
Sensible Futures Framework
-
-
-
-
-
Design + AI
-
-
Napkin
DESIGN.md
Generadores, guías y repositorios para documentar intención de diseño en markdown consumible por agentes.
11 enlaces
DESIGN.md
Generadores, guías y repositorios para documentar intención de diseño en markdown consumible por agentes.
11 enlaces
-
-
getdesign.md @noahelhadedy
-
Context.dev Design.md Generator @noahelhadedy
-
-
Design Project guide @noahelhadedy
-
designmd.ai @noahelhadedy
-
design.dev Design.md Generator @noahelhadedy
-
explainx.ai Design.md Generator @noahelhadedy
-
designmd.me
-
designmd.co
-
designmd.supply
Motion
Principios, sistemas y librerías de animación para interfaces.
2 subcategorias · 23 enlaces
Motion
Principios, sistemas y librerías de animación para interfaces.
2 subcategorias · 23 enlaces
Animación y diseño de movimiento
Principios, sistemas, herramientas y referencias para diseñar animaciones de interfaz útiles, consistentes y accesibles.
17 enlaces
Animación y diseño de movimiento
Principios, sistemas, herramientas y referencias para diseñar animaciones de interfaz útiles, consistentes y accesibles.
17 enlaces
-
-
-
-
-
-
-
Los 12 principios de animación aplicados a UI
-
Seis tipos eficaces de animación web
-
-
Sistema de movimiento Salesforce Kinetics
-
Designing Interface Animation
-
Easy Easings
-
Generador de curvas cubic-bezier
-
-
Animation in Design Systems
-
Readymag Design Animation Almanac
-
Finsweet LottieFlow
Motion y frontend
Librerías de movimiento, detalles de interfaz y directorios para diseño front-end.
6 enlaces
Motion y frontend
Librerías de movimiento, detalles de interfaz y directorios para diseño front-end.
6 enlaces
Inclusive Design
Inclusive Design agrupa Accessibility y temas afines: neurodiversidad, color y contraste.
4 subcategorias · 62 enlaces
Inclusive Design
Inclusive Design agrupa Accessibility y temas afines: neurodiversidad, color y contraste.
4 subcategorias · 62 enlaces
Accessibility
Referencias base de accesibilidad, componentes inclusivos y prácticas a11y.
31 enlaces
Accessibility
Referencias base de accesibilidad, componentes inclusivos y prácticas a11y.
31 enlaces
-
Accessibility SA
-
The A11Y Project
-
Biblioteca de accesibilidad de Stark
-
Microsoft Inclusive Design
-
A11Y Support
-
Inclusive Design Toolkit
-
-
-
Proyecto de lenguaje inclusivo de género
-
-
-
Guías de diseño universal sobre dimensiones corporales
-
Inclusive Components
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Autismo y neurodiversidad
Principios de diseño, lenguaje, investigación y pruebas de usabilidad para crear experiencias junto a personas autistas.
7 enlaces
Autismo y neurodiversidad
Principios de diseño, lenguaje, investigación y pruebas de usabilidad para crear experiencias junto a personas autistas.
7 enlaces
Daltonismo y color accesible
Guías, casos y herramientas para diseñar interfaces y visualizaciones que no dependan únicamente del color.
9 enlaces
Daltonismo y color accesible
Guías, casos y herramientas para diseñar interfaces y visualizaciones que no dependan únicamente del color.
9 enlaces
-
Diseñar para el daltonismo
-
WhoCanUse: contraste de color
-
-
-
Elegir colores para visualización de datos
-
Coblis: simulador de daltonismo
-
-
Colorblindly para Chrome
-
Contraste de color
Guías y herramientas para comprobar contraste, construir paletas accesibles y aplicar WCAG y APCA en interfaces.
15 enlaces
Contraste de color
Guías y herramientas para comprobar contraste, construir paletas accesibles y aplicar WCAG y APCA en interfaces.
15 enlaces
-
Colorable
-
Esquemas de color accesibles aleatorios
-
Contrast Finder: colores accesibles cercanos
-
Contrast Grid
-
InclusiveColors: generador de colores de marca
-
-
Leonardo
-
-
Corregir el contraste de color en texto y UI
-
-
Guía interactiva de color y contraste
-
-
Accessible Palette: dejar de usar HSL
-
-
Vibe coding
Frameworks, UI libraries y agentes para construir producto con IA en el loop de diseño.
3 subcategorias · 37 enlaces
Vibe coding
Frameworks, UI libraries y agentes para construir producto con IA en el loop de diseño.
3 subcategorias · 37 enlaces
Vibe coding
Frameworks, agentes y referencias para construir interfaces con IA y flujo de prototipado rápido.
4 enlaces
Vibe coding
Frameworks, agentes y referencias para construir interfaces con IA y flujo de prototipado rápido.
4 enlaces
Repos y listas
Repositorios, awesome lists y herramientas open source para prototipar, automatizar y construir con IA.
9 enlaces
Repos y listas
Repositorios, awesome lists y herramientas open source para prototipar, automatizar y construir con IA.
9 enlaces
UI libraries
Bibliotecas de componentes y estilos para acelerar interfaces en producto y vibe coding.
24 enlaces
UI libraries
Bibliotecas de componentes y estilos para acelerar interfaces en producto y vibe coding.
24 enlaces
Inspiraciones
Sitios y marcas que miro por atmósfera, tipografía y dirección creativa.
4 subcategorias · 17 enlaces
Inspiraciones
Sitios y marcas que miro por atmósfera, tipografía y dirección creativa.
4 subcategorias · 17 enlaces
Inspiraciones
Sitios y marcas que miro por atmósfera, tipografía, narrativa visual y dirección creativa.
14 enlaces
Inspiraciones
Sitios y marcas que miro por atmósfera, tipografía, narrativa visual y dirección creativa.
14 enlaces
UI Inspiration
Referencias visuales y presentaciones de interfaces móviles.
1 enlace
UI Inspiration
Referencias visuales y presentaciones de interfaces móviles.
1 enlace
Web Inspiration
Galería de sitios explorables por color, industria y estilo visual.
1 enlace
Web Inspiration
Galería de sitios explorables por color, industria y estilo visual.
1 enlace
Digital Design
Selección curada de interfaces, motion, web, 3D y diseño digital.
1 enlace
Digital Design
Selección curada de interfaces, motion, web, 3D y diseño digital.
1 enlace
Experimentar
Sandboxes y demos para probar interacciones, motion y prototipos sueltos.
1 subcategoria · 4 enlaces
Experimentar
Sandboxes y demos para probar interacciones, motion y prototipos sueltos.
1 subcategoria · 4 enlaces
Experimentos
Demos, sandboxes y prototipos para probar ideas sin compromiso.
4 enlaces
Experimentos
Demos, sandboxes y prototipos para probar ideas sin compromiso.
4 enlaces
Categorias
Subcategorias
Enlaces9 enlaces
Glosario de conceptos UXinteraction-design.orgAbrir enlace
Tailwind Generator CSStailwind-generator.comAbrir enlace
Tailtemplate Gradient Generatortailtemplate.comAbrir enlace
Normal Toolsnormaltools.comAbrir enlace