北京网站制作公司分享用好的形式进行设计的10个小技巧。

无论是网站制作还是APP UI设计，表单都是界面中最常见也是最重要的组件之一。它们的应用范围很广，比如用户注册、订阅服务、用户反馈、问卷表格、商业交易等等，从数据输入到信息搜索，几乎无处不在。对于设计师、前端、开发者来说，要尽可能的重视表单的设计，让表单更容易使用。精心的设计会大大增加用户的体验和交互效率。

在今天的文章中，你会看到许多关于表单设计的实用建议，这些建议涉及可用性测试、现场测试、用户跟踪和用户反馈。

1。清除逻辑并保留必要的

表单是与用户交流的语言。和任何谈话一样，它应该帮助双方以合乎逻辑的方式完成沟通。所以，你需要这样做:

保持问题的直观顺序。你应该站在用户的角度逻辑地提问，而不是按照程序或者数据库的逻辑。如果问题之间没有逻辑，可以按字母顺序排列。

以直观的顺序组织选项。例如，当选项是日期时，它们按照星期一、星期二和星期三的顺序排列，而不是乱序。

时刻反思从用户那里获取的信息是否有必要，如何使用。这样做是为了消除不必要的选项，提高完成率。

2。使用单列列表布局

要填写的多列表表单容易让用户错过，打断填写体验。用户需要按照之字形轨迹填写整个表格，不仅影响整个书写路径，降低效率，还会造成一定的干扰。但是，如果使用单栏形式，这种填充路径是单一的，直接的，更加直观和高效。

3。减少要输入的字段和工作量

减少要输入的字段数量可以使您的表单更加简洁，并减少加载时间，尤其是对于包含大量信息的表单。

当然，仅仅减少输入字段的数量是不够的。你也要注意用户填表的方式、内容和工作量。键入内容是一种高交互的输入法，错误率高，时间成本高。所以要尽量减少用户打字的情况，使用复选框、单选按钮、下拉菜单等选项，减少用户出错的概率。

4。匹配输入框和内容的大小

MARD研究所的研究发现，如果一个字段与输入框相比过长或过短，会让用户怀疑自己的输入是否正确，尤其是在输入CVV(信用卡验证值)等字段时。

为了保持良好的可用性，您应该使输入框的宽度尽可能与输入内容的长度相匹配。适当保留空可以让用户更安心。

5。标签放置在相应输入框的上方

是否足够方便用户快速浏览表单？如果用户很难快速浏览表单，那么填写表单的时间会更长。所以，好看和填充是好的形态设计的原则。Matteo Penzo的文章曾经研究过表单和表单中的输入框应该如何布局，以便用户可以更好更快地浏览和填写。结论是标签应该放在输入框的顶部。

如果你想让用户尽快浏览，把标签和输入框垂直排列，靠左对齐。请注意，这是关于快速浏览。这种布局的好处是不需要太多的横向空房间。用户只需向下浏览，无需左顾右盼。这种布局更容易形成响应式UI，兼容不同屏幕，不同应用场景。

6。支持灵活多样的格式

有些字段需要用户准确填写，但当要求用户输入特别准确或特定格式的内容时，可用性可能会有点问题。如果要求用户输入数字内容(如电话号码)，最好是灵活的，支持多种不同的输入和显示模式，这样更便于人(而不是机器)查看，防止出错。

比如座机电话的格式往往是(777)666 & ndash；544，更方便用户查看、记录和记忆。

7。不要混合占位符和字段标签

设计者通常在表单中放置文本占位符作为额外的提醒，告诉用户如何填写示例。当用户开始键入时，占位符文本将会消失。

有些设计师会把标签直接作为占位符放在输入框中，以减少表单的长度和视觉混乱。对于简单的表单设计，这种设计影响不大。当表单信息量大，内容类型多样时，这种设计就不适合了。这种设计的缺点是:

一旦用户点击输入框，标签就会消失，用户很容易忘记要输入的内容和表单。当用户看到输入框填充内容时，会误以为这个字段是填充的，没有输入。

如果您仍然需要在表单中使用占位符，也可以让它们作为浮动标签存在。显示的默认占位符，当用户输入它时，它作为一个标签浮动起来以提醒用户。

8。混淆可选和必填字段

正如我之前所说，尽量避免在表单中添加可选字段。但如果非要加入，至少要知道哪些字段是可选的，哪些是必填的。可选字段的数量应控制在1~2个以内，并明确告知用户是可选的。

9。不要使用复位按钮

& ldquo重置& rdquo让用户轻松删除表单上的所有内容，从头开始。这个风险太大了。在现实生活中，这个按钮从来没有帮助过用户。反而因为不小心碰了，更疼。

10。提供高可见性和特定的错误信息

理想情况下，用户可以通过填写表单并上传来完成任务。但现实中，错误是不可避免的。因此，当错误发生时，您应该以高度可用和可见的形式通知用户发生了什么。因此，您提供的错误信息应符合以下规则:

当用户输入字段时，应该实时告诉他们所填写的信息是对还是错，而不是等他们填写完所有信息后，才告诉他们他们弄错了。

错误信息应该一目了然，突出显示颜色、图标和文本。错误信息应该靠近输入框，而不是窗体的底部或顶部，也不是键的旁边。

如果输入格式是特定的，应该提前声明。

出现错误后，不要清除空已完成的表单。

摘要

在填写表单时，用户的犹豫是不可避免的。我们应该尽力使这个过程变得方便和容易。我们应该让形式设计成为优势，而不是劣势。极具针对性的表单设计、周到的细节和体验、不断的完善和调整、高效快捷的提交、流畅的流程是一个优秀表单的特点。

　　非常感谢您读完蓝港网络的这篇文章："北京网站制作公司分享用好的形式进行设计的10个小技巧。"，仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供：网站建设、网站制作、官网建设、SEO优化、小程序制作等服务，欢迎联系我们提供您的需求。