每个设计师需要了解表格的10件事

形式,没有什么比设计师更讨厌的设计师。他们不一定带来创造力,或者他们呢?也许是时候我们再次查看表单并理解表单最基本的是用户和软件之间的对话。

忘记点击,表单代表了我们作为数字设计师将面临的最丰富的互动。下次表单出现时,不要认为这只是应用一些不错的CSS效果或添加一个漂亮的jQuery蓬勃发展的问题。设计表格有更多深度。

我用户测试了数百种表格,并为保险公司设计了一些复杂的表格,假期预订互动等等。你有可能在过去的几个月里使用过我的一种表格。

这是我在开始设计表格之前所学到的课程。

1.不要标记必填字段

你知道小星号表示一个必填字段吗?我已经看到在用户测试中多次失败。作为一个概念,强制字段没有多大意义,它们没有离线等价物。它们非常适合开发人员,因为它们提供了一个很好的黑白方法来完成。星号和必填字段失败,因为它是学习行为。我在用户测试中看到的典型行为是用户在顶部完成表单,并在有什么东西阻止他们或他们点击按钮时结束。

解决方案很简单,标记可选字段,标记好用户必须停止的位置,并考虑是否需要完成该字段。

2.不要使用纺纱机

HTML5很精彩不是吗?它提供了许多令人兴奋的新闪亮工具。我们需要考虑新玩具的适用性。数字字段现在包含很少的向上和向下箭头,以允许用户循环浏览数字。

这里有两个问题。首先,箭头的默认浏览器显示使它们非常小。非常繁琐的点击和我们中间的脂肪将在iPhone上挣扎。它被称为菲特定律,较小的东西是点击它更难。

但我听到你喊,你可以直接在数字字段中输入数字。是的,你可以,但让我们看看浏览器显示,上/下微调器箭头类似于我们可信赖的朋友选择框。第一次使用微调器的用户将假设它不能键入选择框,因为它类似于选择框。

我的建议是明确指出,直到它们变得更加普遍,或者浏览器开发人员对默认设计进行排序。

3.每个表单只有一种按钮或更好的按钮

有一个鲜为人知的心理学原理叫做希克定律。希克定律指出,我们提供的选择越多,做出选择就越困难。不是我知道的火箭科学,而是一条值得记住的规则。

您可以通过帮助他们做出选择来帮助您的好用户。通过使所有主要按钮成为一种颜色,并且每页只有一个按钮使选择更容易。哪个按钮我应该打?哦,这很容易,它是大彩色的。

4.大块田地

我在以前的生活中研究过神经科学,因此研究了记忆的心理学 - 特别是短期或工作记忆。在你说之前;不,短期记忆容量不是7 +/- 2,4 +/- 1,或者人说三到五块。我们作为人类在评估视觉刺激方面非常出色,但是当数量较小时,我们会更好。将表单分块为更小的组使得评估更容易,因为用户必须输入表单的内容通常来自他们的记忆。

确保您的字段组长度大约为四个。

5.想一想为什么要询问用户以及用户的感受

这可能是我给出的最直接的建议,但往往是最少使用的。

我们来看看以下内容:

质疑你问的每一个问题。有必要吗?被问到这个感觉怎么样?

通常情况下,企业需要提出一个问题,而我们设计师可能会争论必要性,直到我们面对蓝色。必须提出这个问题。在了解这些数据的业务需求时,我们通常会妥协。

我们可以通过告诉我们的好用户为什么需要提出这个问题来提供帮助。放心使用和共享数据,一般都很好。

再举一个例子:

这仍然是一个艰难的问题,但希望我们已经加糖了。

日期是一个小小的家伙

输入日期可能是一个真正的挑战,你可以避免一些陷阱。最大的问题是处理错误。

最简单的方法是启动日历。值得注意的是,星期一在英国和周日在美国开始。如果您的用户没有集中注意力,他们可能会选择周日,而他们的意思是星期一。

还值得一提的是国际日期格式。美国是第一个月,而日本是第一年。所以像4/5/12这样的日期可以用三种方式来解释。

这就是为什么最好使用选择框。

7.表格作为开发者工艺

表格是开发人员和设计师的工艺。了解输入数据和设计后端代码以应对可能出现的错误是一项挑战。

这是一个简单的。输入货币值。用户可能犯的错误很大。强制用户必须满足的数据格式对您的用户来说是令人沮丧的,让我们面对它,对开发人员来说有点懒惰。

对于开发人员而言,比构建防弹表单更具挑战性。

8.不要在表格中使用列

在表单中使用列的最大问题是流程。我们在顶部开始一个表格,在底部开始。在引入列时,可以破坏表格的流动。

不要假设用户通过表单进行选项卡,因此焦点是一种在列中导航表单的方法。我在用户测试中看到的很少见。大多数情况下,我们看到输入细节,用鼠标/触控板/手指点击下一个字段,然后输入详细信息,依此类推。

9.当一个人做时,不要使用两个字段

大多数人不是打字打字员。在用户测试中,我们看到人们在键入时查看键盘。

当输入分割表单字段的电话号码时,比如添加区号和号码,会导致实际问题。用户看不到或确实记得有两个字段,因此在第一个字段中输入完整的数字,如果字段限制为特定数量的字符则更糟。

只使用一个字段用于电话号码,门牌号/街道也是如此 - 只使用一个文本输入框。

好的

你会惊讶于那里有多少相当粗鲁的错误信息。

这是我最近遇到的一个例子。

事实上,他们建议你愿意在未来输入约会,然后是一个相当滑稽的回应,好吧,这不是很好。

再次把自己放在用户的位置,你会怎么看到这个错误?懊恼?也许更糟。好看很容易。

我制作了一个可下载的婴儿床/备忘单,以帮助您设计更好的表格。它包含了许多设计更好形式的最佳实践方法。



翻译字数超限