美叶学习
  • 最新
  • 主题

      文章主题

    • 规范指南
    • 原理法则
    • 研究方法
    • 控件
    • AIGC
    • 色彩
    • 排版
    • 无障碍
    • 亮点
    • 槽点
    • 对与错
  • 小册
  • 关于

      关于

    • 关于我们
    • 在线支持
    • 投稿
    • 成为作者
    • 寻求合作
    • 使用帮助
目录
表单设计怎么做
名志
  • 第1章:1. 前言

    第1节

    本小册能帮你解决什么

  • 第2章:表单思维框架

    第1节

    表单为什么左右转化与留存

    第2节

    好表单的四个底层原则

    第3节

    把问题问对的内容组织方法

  • 第3章:表单五要素实战

    第1节

    标签排版与对齐策略

    第2节

    输入框选型与使用禁区

    第3节

    动作按钮与任务完成路径

    第4节

    写得少又有用的帮助文字

  • 第4章:填写交互全流程

    第1节

    默认值替用户多走半步

    第2节

    即时验证减少提交后的崩溃

    第3节

    新增输入只在需要时出现

    第4节

    选择输入让用户做决定不是做题

    第5节

    渐进选择从宽到窄的筛选路径

  • 第5章:提交反馈与结果闭环

    第1节

    提交成功的愉悦感与失败补救

新增输入只在需要时出现
2025年12月23日

在前面的章节里,我们一直在想办法帮用户减负。删掉可有可无的问题,合并重复的信息,让系统自动填能自动填的字段,理想状态下,用户只需回答少数几个关键问题,就可以顺利完成表单任务。

但设计做到一定程度,你会发现有些表单已经“瘦身”到头了。每一个问题都与业务紧密相关,删掉任何一项都会影响办理结果,这时候再讲减法就显得不讲道理。

问题在于,即便每个问题都合理,也不代表它们需要同时出现在用户眼前。很多字段只有在特定人群、特定选择、特定节点下才真正有意义。新增输入的设计,正是通过控制展示时机和展示数量,让用户在同一张表单里,感受到一种可伸缩的弹性:需要时再多填一点,不需要的时候界面保持干净,不主动打扰。


一、让用户按需新增

最容易理解的一类新增输入,是同一结构信息的重复采集。典型例子就是紧急联系人。在一些重要场景下,例如在线预约手术、申请大额金融产品,系统希望在无法联系到本人时,还有备用联系人可以找到你。所以很多表单都支持填写多位紧急联系人。

但如果一上来就铺开三四行联系人信息输入框,名字、手机号、关系、住址一股脑罗列出来,对绝大多数只想留一位备用电话的用户来说,这种排场只会徒增压力。

更自然的做法,是先展示第一位联系人需要填写的输入区块,下方给出一个清晰的入口,例如添加紧急联系人。如果用户觉得有必要,再主动点击这个入口,新的一块输入区域才在当前表单中展开。

大多数情况下,一位联系人已经足够。毕竟和本人、所有紧急联系人同时失联的概率极低。设计者没有强迫用户填写多位,而是通过新增按钮,把选择权交还给用户,这既照顾了极少数需要多条信息的场景,又不打扰大多数只想尽快办完事的人。

通讯录的设计也是类似思路。在 iOS 的联系人编辑页里,系统只要求你填写姓名和一项联系方式,其余邮箱、家庭住址、公司、社交账号等字段,全部收纳在加电话、加邮箱、添加地址这样的入口之下。用户可以边填写边决定,自己究竟需要一张“简略名片”,还是一份详细的人物档案。

支付¥29.90,解锁全部14篇