提升|提升表单设计效果的18个技巧( 二 )

文章插图
十、谨慎使用下拉菜单当已知的选项较少 (≤3)，建议使用单选按钮，平铺完全展现出来的选项会让用户心理更安全，用户更能清晰的了解自己面对的选项，而不是面对未知的选项。较少平铺的单选按钮，也会提升用户的操作效率。

文章插图
十一、充分利用占位符占位符不仅起到引导提示用户填写表单的的用作，也可以让表单字段格式更具有可预知性。示例型占位符，可以告诉用户该字段的正确格式，减少用户输入错误的几率，通用型占位符，则不会为用户提供有价值的格式信息。

文章插图
十二、保证一个主操作按钮在一个表单模块中，始终保持一个主操作按钮，若存在多个按钮的情况，则需要根据业务去作区分，尝试一个主操作按钮，其余几个则是次级操作按钮。

文章插图
十三、更具操作性的按钮文本表单的提交按钮，应尽量避免使用“提交”、“下一步”、“继续”之类的通用型文本。尝试使用更具有操作性、更能凸显接下来即将发生动作的文本，例如：“创建账户”、“加入团队”、“创建新账号”之类的文本。

文章插图
十四、选择正确的输入类型不要对所有填写内容都使用文本字段，字段的类型应该适应其内容，针对有特殊类型的内容对文本做特殊处理，使之符合用户日常的使用习惯。例如：电话号码（183 **** 0530）、银行卡（6222 **** **** 0000）。

文章插图
十五、文本域显示限制字符表单字段有输入限制的情况，要把限制条件显现出来，给予用户明确的提示，增加用户感知，减少出错率。

文章插图
十六、告知用户已启用大写锁定在用户没有意识到大写锁定已经开启，尤其在输入密码的时候，错误消息甚至没有告诉用户大写锁定已开启，一直提示用户的密码错误，这是在一次次的挑战用户的极限。

文章插图
十七、确定字符较短的表单使用视觉约束视觉约束有助于强化用户所需的信息。例如，如果“项目金额”字段需要的字符不如项目编号那样长，输入域则不需要与“项目编号”字段一样长，否则可能会导致用户混淆，同时也会增加用户的录入压力。

文章插图
十八、使用自动完成功能人都是有惰性的，表单录入过程中能用选择的就不用输入的，自动填充能使表单录入速度提高30％，对提高用户的使用体验来说，自动填充无疑是一个非常有益的选择。

文章插图
参考文献：
https://medium.muz.li/15-tips-for-better-ui-forms-744febd107f9
本文由@小梗果原创发布于人人都是产品经理，未经许可，禁止转载
【提升|提升表单设计效果的18个技巧】题图来自Unsplash，基于CC0协议