form-follows-function-success-criteria

Define and rank explicit design success criteria to resolve form-versus-function debates.

8|3|Updated May 3, 2026
One-click install
npx skills add https://github.com/Deibler/universal-design-principles --skill form-follows-function-success-criteria-deibler
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: form-follows-function-success-criteria
Source: https://github.com/Deibler/universal-design-principles/tree/main/plugins/aesthetics-and-emotion-principles/skills/form-follows-function-success-criteria
Command: npx skills add https://github.com/Deibler/universal-design-principles --skill form-follows-function-success-criteria-deibler

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Design debates about visual treatment often stall because team members assume different, unstated success criteria. This Skill helps teams make those criteria explicit so design decisions become defensible and disagreements get resolved at the criteria level rather than the surface level. ## Core Features & Use Cases - Criteria Naming and Ranking: Guides teams to list candidate success criteria (user performance, conversion, brand differentiation, accessibility, implementation cost) and rank them per surface. - Structured Team Exercise: Provides a four-step exercise to evaluate competing design options against the top-ranked criteria. - Trade-off Framing: Names legitimate form-vs-function trade-offs (visual polish vs. load time, minimalism vs. discoverability) and anti-patterns like implicit criteria or designer-as-arbiter. - Use Case: A designer and a marketing lead disagree on a landing-page hero. Use this Skill to rank conversion, brand differentiation, and mobile experience, then pick the variant that wins on the dominant criterion. ## Quick Start Use the form-follows-function-success-criteria skill to help our team define and rank success criteria for the disputed landing page hero design.

Frequently Asked Questions about form-follows-function-success-criteria

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I resolve a design debate between form and function?▼

Resolve form-versus-function debates by making success criteria explicit: list the criteria the design should serve, rank them for the specific surface, and evaluate each option against the top two or three. The dominant criterion usually resolves the disagreement.

What are common design success criteria to consider?▼

Common criteria include user performance, user satisfaction, business outcomes like conversion and retention, brand differentiation, accessibility, implementation simplicity, maintainability, and aesthetic response. Most designs serve several; the key question is which dominate when they conflict.

Why do design debates become unresolvable in teams?▼

Debates stall when team members assume different implicit criteria: designers assume visual elegance, engineers assume simplicity, marketers assume differentiation. Without explicit shared criteria, every decision is contentious because each side argues from a different definition of success.

When should I read the parent form-follows-function skill first?▼

Read the parent form-follows-function skill first for the core principle and its interpretations. This sub-aspect skill applies specifically when the team is already in a form-versus-function dispute and needs to step back to define what success means.

What are legitimate trade-offs between aesthetics and usability?▼

Legitimate trade-offs include visual polish versus load time, brand differentiation versus convention adherence, aesthetic minimalism versus feature discoverability, and custom versus native components. Each should be made deliberately with explicit success criteria informing the choice.