NNGroup Interaction Patterns · Forms and Input Controls (19 patterns · form validation/checkboxes/date input/steppers/parameter controls/listbox vs dropdown/toggles/split buttons/cancel vs close/link labels/passwordless login/wizards/drag and drop/accelerators/calculator quizzes)
19 curated articles on the forms and input subset of Nielsen Norman Group design patterns, organized thematically into five sections: ① Overall forms and validation (10 form usability guidelines raise error-free first-submission rate from 42% to 78% · 10 error-reporting rules: inline validation/error messages placed next to fields/dual-channel color + icon cues/use modals sparingly/do not validate before input is complete/validation summary cannot be the only indicator/do not use tooltips for errors/offer extra help after 3 repeated errors · four date-input patterns: calendar/scrolling/split dropdown/direct input + internationalization ambiguity between 10/11 formats) ② Selection controls (three checkbox forms: standalone/list/nested tri-state · comparison of checkboxes vs radio buttons vs dropdowns vs toggles · 5/15 option threshold for listboxes vs dropdowns + Steering Law · parameter controls: sliders/knobs/2D matrices/linked coarse and fine adjustment + Accot-Zhai steering law · steppers for small adjustments with 1cm touch targets) ③ Toggles and buttons (toggle switches take effect immediately vs checkboxes require submission · split buttons: default action + arrow menu with <10–12 items · cancel vs close X icon ambiguity to prevent data loss) ④ Copy and login (link label 4S: Specific/Sincere/Substantial/Succinct · passwordless OTP/Passkey: 76% store credentials on phones/83% use biometrics) ⑤ Multi-step flows and tools (8 wizard guidelines + limitations · drag-and-drop magnetic snap with 100ms animation · progressive disclosure for accelerators · three calculator quiz types: conversion/prediction/recommendation + 12 guidelines + user expectation of 2–7 inputs). Audience = product managers; terms explained inline; decision-oriented guidance on when to use/how to choose/counterexamples.