constraints-principle

majiayu000

更新日 Today

23 閲覧

その他ai

について

制約の原則スキルは、開発者がエラーを防止するために可能なユーザー行動を制限し、誤った行動を困難または不可能にするよう導きます。これは、フォームの設計、重要なワークフロー、またはミスが高くつくシステムを設計する際に最も効果的に適用されます。主な方法には、物理的、意味的、文化的な制約を実装し、ユーザーを正しい操作へと導くことが含まれます。

クイックインストール

Claude Code

推奨

プラグインコマンド推奨

/plugin add https://github.com/majiayu000/claude-skill-registry

Git クローン代替

git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/constraints-principle

このコマンドをClaude Codeにコピー＆ペーストしてスキルをインストールします

ドキュメント

Principio de Restricciones (Constraints)

Resumen

Las restricciones limitan las acciones posibles del usuario, previniendo errores al hacer imposible o difícil realizar acciones incorrectas. Guían al usuario hacia el camino correcto.

Origen

Autor: Don Norman
Año: 1988
Fuente: "The Design of Everyday Things"

Tipos de Restricciones

Físicas

Forma que solo permite un uso
USB-C que entra de cualquier lado
Tarjeta SIM que solo cabe de una forma
En digital: campos con máximo de caracteres

Semánticas

Significado que restringe opciones
Un semáforo solo puede estar rojo, amarillo o verde
En digital: dropdowns con opciones válidas

Culturales

Convenciones sociales
Rojo = peligro/stop
Verde = ok/continuar
En digital: patrones aprendidos

Lógicas

Relaciones naturales entre elementos
En formularios: campos que se habilitan condicionalmente
Validaciones que previenen estados imposibles

Aplicación en Diseño

Formularios

Input types específicos (email, tel, date)
Min/max en campos numéricos
Dropdowns en lugar de texto libre
Campos disabled hasta completar prerrequisitos

Flujos de Trabajo

Steps que no se pueden saltar
Validación antes de continuar
Confirm antes de acciones destructivas
Permisos basados en roles

Datos

Formatos predefinidos (fecha, teléfono)
Ranges en sliders
Opciones mutuamente excluyentes
Límites de caracteres

Navegación

Estados disabled para opciones no disponibles
Rutas bloqueadas hasta completar requisitos
Logout que no permite volver sin login
Deep links validados

Ejemplos

Date pickers: Solo fechas válidas seleccionables
Stripe: Formato de tarjeta forzado
Git: Branch protection rules
Forms: Required fields
USB-C: Reversible por diseño

Anti-patterns

❌ Permitir datos inválidos que luego fallan
❌ Campos de texto libre para datos estructurados
❌ Acciones destructivas sin confirmación
❌ Estados inconsistentes posibles
❌ Constraints tan estrictas que frustran

Métricas

Error Prevention Rate: Errores evitados por constraints
Form Validation Failures: Fallos en validación
Invalid State Occurrences: Estados imposibles alcanzados
User Frustration Score: Balance constraints/flexibilidad

Principios Relacionados

[[poka-yoke]] - Diseño a prueba de errores
[[nielsen-error-prevention]] - Prevenir antes que curar
[[postels-law]] - Balance entre flexibilidad y rigor

Referencias

Norman, D. (2013). "The Design of Everyday Things"
Lidwell, W. et al. (2010). "Universal Principles of Design"
https://www.nngroup.com/articles/slips/

GitHub リポジトリ

majiayu000/claude-skill-registry

パス: skills/constraints-principle