KNOWLEDGE NOTES

Knowledge Notes

Explore curated knowledge, course notes and methods, with their existing content and sources preserved.

These notes are in Chinese; English translations are not yet available.

287knowledge notes
Product Design & UX / NNGroup 用户体验

NNGroup 交互模式·表单与输入控件(19 个模式 · 表单校验/复选框/日期/步进器/参数控件/列表框vs下拉/开关/拆分按钮/取消vs关闭/链接标签/无密码登录/向导/拖放/加速器/计算器测验)

Nielsen Norman Group 设计模式之表单与输入子集 19 篇精华,主题驱动归并成五块:①表单整体与校验(10 条表单可用性把无错提交率从 42%→78%·错误报告 10 条:行内验证/错误信息贴字段/颜色+图标双通道/慎用模态/输入未完成别校验/验证摘要不能唯一/别用 tooltip/重复错 3 次提供帮助·日期输入四模式日历/滚动/拆分下拉/直接输入+国际化 10/11 歧义)②选择类控件(复选框三形态独立/列表/嵌套三态·复选框vs单选vs下拉vs开关对照·列表框vs下拉 5/15 选项分界+引导法则 Steering Law·参数控件滑块/旋钮/二维矩阵/联动粗调精调+Accot-Zhai 定律·步进器小幅调整 1cm 触摸目标)③开关与按钮(切换开关即时生效 vs 复选框需提交·拆分按钮默认操作+箭头菜单<10-12 项·取消 vs 关闭 X 图标歧义防丢数据)④文案与登录(链接标签 4S 具体/真诚/充实/简洁·无密码 OTP/Passkey 76% 存手机/83% 用生物识别)⑤多步流程与工具(向导 8 条+局限·拖放磁吸 100ms 动画·加速器渐进揭示·计算器测验三类型转换/预测/推荐+12 条+用户期望 2-7 输入)。读者=产品经理,术语行内解释,决策导向何时用/怎么选/反例。

表单设计输入控件表单校验Chinese notes