设计必填项 The art of required information

还在实习时，我老板说过，现在还用*去代表必填项目太过时了。

我当时在想，那不用*能用什么呢？他说，多看看别人的设计就知道了。这个问题这几年一直困扰着我，我在想有什么方法能让自己多积累一些 UI pattern，只能用笨办法，多看多记录多积累。

Disable Call-to-action Button

当用户没有填完必填项时，当前页面的 CTA 按钮是disabled 的状态。只有当所有信息填完才能点击 Next，进入下一步。

很聪明的做法，但这种设计的劣势在于有些用户不知道哪些是必填项，所以只能猜测着哪些要填去等待按钮被点亮的那一刻。表单中的重重判断也增加了开发的成本。

Display Error Message If not Completed

另一种设计思路是让按钮可点，但是如果不填完必填项就会在没有填完的必填项处出现 error message。

与此同时，用户看到错误后可能会觉得烦躁，有种“你干嘛不早说”的吃苍蝇感。这种 pattern 更适用于简单的表单，或者用户早已预料/熟悉哪些是必填项。

Say what’s optional instead

在 Medium 上看到一个很有趣的说法，说用*会让用户感到被强迫填了，反之把选填项标注出optional，给了用户更多的 control，在心理上产生了满足感。

source at https://uxdesign.cc/form-field-required-vs-optional-9b4d7cdbf400

如果加了 optional ，我要仔细去读那多出的 optional 信息，反而打断了我输入信息的行为，而且从视觉上会更加冗杂。

Say Required as a Placeholder in the Box

下图来自 Apple wallets 的表单，它的做法是在 input form 里放 placeholder。这张图可能看不出优势，但想一想如果你有很多要填，自然那些有 required 字样的条目会吸引你的注意。假设你填完了，还可以快速扫视一眼，看表单里有没有没填的 required item。

Source at https://www.nngroup.com/articles/required-fields/

总的来说，每种 pattern 都有利有弊，我最喜欢 placeholder 的设计，比较简单明了，而且也用极小的成本达到了目的。