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
Databases AI Skills
Discover Databases skills, compare source repositories and read the instructions for each workflow.
Categories: Databases
Databases Clear filters
Browse skills
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
GitHub
similarity
Elementos visualmente similares se perciben como relacionados. Use cuando diseñe sistemas de iconos, estados, categorías, o elementos que deben verse como grupo.
☆ 1View skill
GitHub
trust-credibility
Principios de BJ Fogg sobre credibilidad en web. Use cuando diseñe para conversión, e-commerce, o cualquier contexto donde la confianza es crítica.
☆ 1View skill
GitHub
cognitive-load
La cantidad de esfuerzo mental requerido para procesar información. Use cuando diseñe interfaces complejas, flujos de onboarding, o sistemas de información.
☆ 1View skill
GitHub
poka-yoke
Diseño a prueba de errores que hace imposible el uso incorrecto. Use cuando diseñe flujos críticos, formularios, o sistemas donde los errores tienen consecuencias.
☆ 1View skill
GitHub
jakobs-law
Los usuarios esperan que tu sitio funcione como otros que conocen. Use cuando evalúe patrones de diseño, tome decisiones sobre convenciones, o considere innovaciones en UI.
☆ 1View skill
GitHub
von-restorff-effect
Los elementos que se destacan son más memorables. Use cuando diseñe CTAs, elementos de promoción, o cualquier cosa que necesite captar atención y ser recordada.
☆ 1View skill
GitHub
symmetry
Elementos simétricos se perciben como relacionados y estables. Use cuando diseñe layouts balanceados, iconos, o composiciones que transmitan equilibrio.
☆ 1View skill
GitHub
wcag-robust
Principio 4 de WCAG - compatibilidad con tecnologías actuales y futuras. Use cuando implemente HTML, ARIA, o componentes custom para asegurar compatibilidad.
☆ 1View skill
GitHub
serial-position-effect
Los items al inicio y final de listas se recuerdan mejor. Use cuando ordene menús, listas, navegación, o cualquier secuencia de elementos.
☆ 1View skill
GitHub
wcag-perceivable
Principio 1 de WCAG - contenido perceptible por todos los usuarios. Use cuando diseñe contenido multimedia, imágenes, o cualquier información visual o auditiva.
☆ 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.