UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
KnowledgeCommunity design principlesOnly reviewed published knowledge enters Agent RAG.
Contribute

Categories

AllInteraction Responsive MotionVisual Foundations

Tags

accessibilityaffordancecontrolsdrag-dropformsiconsinputs
Knowledge RAG

Design Knowledge Base

Community-maintained principles reviewed before publication and retrieved as Agent design constraints.

Submit principle
3 published principles
Interaction Responsive Motiondrag-drop / accessibility

Drag and Drop Alternatives

Drag and Drop Alternatives turns a frequent interface judgment into an executable constraint before generation.

Drag and drop is useful direct manipulation, but sorting, moving, and upload need non-drag alternatives.86%Visual Foundationsicons / affordance

Icon Text Affordance Balance

Icon Text Affordance Balance turns a frequent interface judgment into an executable constraint before generation.

Icons are not universal language; affordance comes from icon, label, placement, and feedback together.84%Interaction Responsive Motioninputs / controls

Input Mode and Control Matching

Controls should match decision shape: toggles for binary, segmented controls for modes, menus for option sets, sliders for continuous values.

The wrong control adds cognitive cost and makes reversibility unclear.82%