GitHub
banner-blindness
Los usuarios ignoran elementos que parecen anuncios. Use cuando diseñe CTAs, notificaciones importantes, o elementos promocionales dentro de la interfaz.
☆ 1View skill
Data & AI AI Skills
Discover Data & AI skills, compare source repositories and read the instructions for each workflow.
Categories: Data & AI
Data & AI Clear filters
Browse skills
GitHub
common-fate
Elementos que se mueven juntos se perciben como grupo. Use cuando diseñe animaciones, transiciones, drag-and-drop, o elementos que reaccionan en conjunto.
☆ 1View skill
GitHub
constraints-principle
Limita acciones posibles para prevenir errores. Use cuando diseñe formularios, flujos críticos, o sistemas donde los errores son costosos.
☆ 1View skill
GitHub
feedback-principle
El sistema debe informar sobre resultados de acciones del usuario. Use cuando diseñe interacciones, estados de carga, confirmaciones, o manejo de errores.
☆ 1View skill
GitHub
change-blindness
Los usuarios no notan cambios que ocurren fuera de su foco de atención. Use cuando diseñe actualizaciones de estado, notificaciones, o cambios dinámicos en la UI.
☆ 1View skill
GitHub
past-experience
La experiencia previa influye en cómo percibimos elementos. Use cuando diseñe para audiencias específicas, aproveche convenciones, o considere conocimiento previo del usuario.
☆ 1View skill
GitHub
proximity
Elementos cercanos se perciben como relacionados. Use cuando agrupe controles, organice formularios, o diseñe layouts que comuniquen relaciones.
☆ 1View skill
GitHub
code-reviewer
Revisa código buscando bugs, seguridad, performance y mejores prácticas
☆ 1View skill
GitHub
nielsen-help-documentation
Proporciona documentación accesible y orientada a tareas. Use cuando diseñe sistemas de ayuda, onboarding, tooltips, o documentación de usuario.
☆ 1View skill
GitHub
wcag-operable
Principio 2 de WCAG - interfaces operables por todos. Use cuando diseñe navegación, interacciones, o cualquier componente que requiera input del usuario.
☆ 1View skill
GitHub
nielsen-minimalist-design
Elimina información irrelevante que compite por atención con lo esencial. Use cuando evalúe densidad de información, jerarquía visual, o simplifique interfaces sobrecargadas.
☆ 1View skill
GitHub
direct-manipulation
Los usuarios interactúan directamente con objetos en lugar de comandos abstractos. Use cuando diseñe editores, interfaces drag-and-drop, o sistemas de manipulación visual.
☆ 1View skill
GitHub
continuity
El ojo sigue líneas y curvas naturalmente. Use cuando diseñe flujos visuales, navegación, timelines, o guíe la atención del usuario.
☆ 1View skill
GitHub
pragnanz
El cerebro prefiere formas simples y ordenadas. Use cuando simplifique interfaces, diseñe iconos, o reduzca complejidad visual innecesaria.
☆ 1View skill
GitHub
affordances
Los objetos deben sugerir cómo se usan. Use cuando diseñe botones, controles interactivos, o cualquier elemento que invite a la acción.
☆ 1View skill
GitHub
mere-exposure-effect
La familiaridad genera preferencia. Use cuando introduzca nuevos features, construya marca, o diseñe onboarding gradual.
☆ 1View skill
GitHub
dark-patterns
Patrones de diseño manipulativos que engañan usuarios. Use para identificar y evitar prácticas poco éticas en diseño de interfaces.
☆ 1View skill
GitHub
inattentional-blindness
No percibimos lo que no esperamos ver. Use cuando diseñe elementos críticos que deben ser notados, o cuando coloque información fuera del flujo principal.
☆ 1View skill
GitHub
nielsen-consistency
Mantiene patrones visuales y de comportamiento uniformes en toda la interfaz. Use cuando diseñe sistemas de diseño, defina patrones de interacción, o evalúe coherencia entre pantallas.
☆ 1View skill
GitHub
nielsen-flexibility
Proporciona atajos para usuarios expertos sin afectar a novatos. Use cuando diseñe interfaces que serán usadas repetidamente o por usuarios con diferentes niveles de experiencia.
☆ 1View skill
GitHub
millers-law
Limita información a 7±2 (o 4±1) chunks para memoria de trabajo. Use cuando organice navegación, formularios, dashboards, o cualquier lista de elementos.
☆ 1View skill
GitHub
least-astonishment
El sistema debe comportarse como el usuario espera. Use cuando diseñe interacciones, tome decisiones sobre comportamientos, o evalúe sorpresas en la UX.
☆ 1View skill
GitHub
weber-fechner-law
La percepción de cambio es proporcional al estímulo original. Use cuando diseñe feedback de progreso, sistemas de pricing, o cambios visuales graduales.
☆ 1View skill
GitHub
goal-gradient-effect
El esfuerzo aumenta a medida que nos acercamos a una meta. Use cuando diseñe progress bars, programas de lealtad, flujos multi-paso, o gamificación.
☆ 1View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.