最专业的八方代购网站源码!

资讯热点
本摘要对表单设计的知识非常全面!

发布时间:2022-11-30 分类: 电商动态

表单是一种常见的信息输入工具。糟糕的表单设计带来了令用户疯狂的交互式体验,极大地影响了用户信息输入的效率。我将在本文中阐述有关表单设计的知识。

表格构成

常见表单由多个列表项组成。每个列表项都有最基本的标签(标题)和输入框。顾名思义,标签用于告诉用户列表项是什么;输入框用于用户输入。

标签可以根据其位置进行划分。

左标签

顶级标签

内联标签

1.左标签

左侧标签是目前最常见的标签类型,但这并不意味着我们可以毫无顾虑地使用它。以手机为例,手机屏幕尺寸有限,左侧标签占据屏幕空间较大,右侧输入框可能无法显示完整信息。

例如,如果您的电子邮件地址太长,则会导致信息显示不完整,这对用户体验来说是致命的。由于用户输入的信息很长,他们肯定会在确认提交之前检查并确认输入。如果未知完整内容,则用户将不会继续执行下一步骤,这将导致操作过程。中断。因此,在使用左侧选项卡时,我们必须考虑输入的长度。

2.顶级标签

顶部标签表示标签位于输入框上方,因此输入框可以独占整个页面,并且可以更全面地显示信息。与左侧标签相比,顶部标签为输入框腾出空间。

但是,这种布局方法也有其自身的缺点,即可以在前一个屏幕上显示的内容,用户现在需要滚动才能完成阅读。

3.内联标签

内联标签的样式看起来非常适合移动表单设计,因为它可以节省大量页面空间。

但是,一旦用户单击以切换到输入状态,用户将看不到这些标记。如果在同一页面上有许多表单项(超过5个),则用户可能忘记在用户填写之前填写的内容。此外,列表项太多,用户在填写时容易序列化。也可以填写研究生院的家庭住址。更重要的是,由于用户无法看到标签,因此无法检查此类错误。

为了解决这个问题,我们可以在内联标签前面添加一个图标来标识列表项。图标占用的空间不是太大,它会增加页面的美感。

当表单项太多时,我们需要集成组以提高内容的可读性。下图中的右表将15个字段分为3组。相同数量的内容,但用户的印象是非常不同的。

提高用户信息输入效率

良好的用户体验应尽可能简化步骤。传统的手动输入模式耗时且劳动强度大,并且对用户来说不是友好的体验。我们应该考虑如何减轻用户的负担。

控件的应用可以帮助用户快速输入信息。通常,表单中的控件通常具有下拉列表,开关开关,单选按钮,多选按钮,滑块等。

1.滑块

在这里,我们主要讨论经常被忽视的滑块。滑块适用于精度非常低的数据输入。例如,您必须预订房间,这需要您输入最低价格和最高价格。这时我们可以使用滑块代替传统的手动输入输入。我们都知道滑块无法准确输入信息,因此此处滑块的默认最小单位为50.如果要求最小值为180,则最高720为此处。无法实现。

控件的使用可以极大地提高用户的输入效率,但用户仍然需要自己“输入”。实际上,我们还可以为用户提供一些默认值,并自动完成用户输入此步骤是免费的。

2.默认值

如果您确定您对用户有足够的了解,我们可以在用户输入信息时提供合理的默认值。因为对于用户而言,填写信息绝不是一件有趣的事情,合理的默认值可以节省用户的操作时间。

接下来,我将讨论一个否定的案例。

这是我们公司的报销表格,其中一个是项目编号,系统不提供默认值。实际上,系统可以根据您所在的项目团队显示项目编号,但不在此处。在我看来,这是非常反人类的,因为项目编号是一串汉字和数字,我们很少记住它。当我们遇到这种情况时,我们通常会回到上一步,检查项目编号,拿走电话号码然后再回来填写,这既耗时又费力。

3.自动填充

自动完成功能还可以减少用户的操作负担。当用户在文本框中输入时,系统会猜出可能的答案并显示可选列表。

用户也会犯错误

理想情况下,用户填写表单并单击“提交”按钮。系统成功显示提交。但实际情况是,我们经常在填写过程中犯错误,因此如何向用户报告错误是一个需要仔细研究的问题。

现在,我们经常看到的错误消息的样式是弹出窗口。在我看来,弹出窗口不是一个好选择。因为如果用户想要进行更改,则必须关闭弹出框,否则用户将无法看到错误消息。如果用户有更多错误的项目,那么用户将需要花一些时间来记住这些错误,然后更改它们,这将增加用户的内存负担。

因此,在我看来,逐行错误比一般使用弹出窗口向用户报告错误要友好得多。并且错误消息位于您填写的错误项目旁边,用户可以一目了然地了解错误,无需找到它。此外,逐行错误将继续出现,直到用户的修改完成,并且用户可以进行有针对性的修改。

渐进式错误报告的缺点是移动终端受到屏幕尺寸的限制,并且可能无法完全显示错误的原因。

以上是如何在表单设计中给用户一个错误的提示。当然,我们应该尽力帮助用户避免犯错,而不是弥补它。

表单输入用户经常出错的地方是输入格式,以日期为例。不同的区域具有不同的日期条目格式,2017-08-15,08.15.2017,08-15-2017等。目前,一些表单实现了容错模式,允许用户输入不同的格式或不同类型的数字。这也减少了用户犯错误的可能性。

总结

表单是主要的信息输入工具之一,也是产品用户体验的首要任务。没有完美和多样化的形式风格,不同的产品在设计形式时有不同的起点和想法。以上是我的一些总结,希望本文能为您提供帮助。

« 为什么营销代购源码网站做SEO优化 | 新手会怎么样?手术后阿里90的工作总结 »