下拉神器是一款专业的下拉词平台，为用户提供各种下拉功能：百度下拉丶360搜索下拉丶必应搜索下拉丶哔哩哔哩下拉丶抖音下拉等等，里面还有批量做词教程技术，可以一次性做10-50个词，省心高效！不用一个一个做了，而且批量做词，批量出词，可以实现霸屏效果！ 有的客户想删除下拉，但是百度不受理，就可以使用批量做词，霸屏技术，实现把那些负面信息顶下去，顶掉的效果=删除效果！欢迎您前来使用！新手不懂使用，请多看2遍视频教程哦！下拉神器100%有效果的！ 给大家看一个下拉神器介绍的视频，看完后，直接打开64xl.com进入下拉神器 看完上面视频，相信大家对下拉神器有初步的了解，欢迎使用下拉神器，下拉行业老品牌，如果下拉神器都不好使，整个行业其他平台一样不好使，但是大家一定要多学习多看教程，先学会做词出词的技巧！看完后，直接打开64xl.com进入下拉神器 下一篇文章内容预览：

我们经常会设计带有漂亮按钮、颜色、字体、以及一大堆插件的表单，但是这并不能决定表单是否可用。外观只是表单可用性的三分之一，我们需要一些理由来支撑我们的设计。

在这篇文章中，我们将提供一些您可以轻松遵循的指南。我们通过可用性测试、现场测试、网站跟踪、眼动追踪、网络分析和真实用户对客户服务的反馈制定了这些指南。

为什么网络表单可用性如此重要？

ISO 9241国际标准将网站可用性定义为“特定用户在特定使用环境中所达到的有效性、效率和主观满意度以及特定目标”。用户使用网站时，是有特定目标的，如果设计得当，网站就会达到这个目标，这也是整个网站开发团队所期望的。而横亘在目标用户与设计师之间的，往往就是形式，因为尽管人机交互方式发展进步，但形式仍然是用户在互联网上交互的主要方式。事实上，形式往往被认为是实现目标的最后也是最重要的阶段。

让我们澄清最后一点，并讨论表单的三个主要目的。正如 Luke 在他的书《Web 》中解释的那样：在 中，表单存在的原因有三个：业务、社交和生产力。下表显示了这些因素背后的用户目标和业务目标。

表格的使用。摘自《路加福音》的网页表格：

因此，表单和可用性之间的关系是双重的：

1. 表单可以成就或毁掉一个网站，因为它们站在用户的立场上来帮助用户实现他们的目标。

2.表单需要易于使用，并能帮助用户实现他们的目标。

这篇文章将重点讨论第二点一个网页下拉功能怎么实现的，因为良好的表单自然会有助于网站的整体可用性，因此它被视为第一个方面。

2. Web 表单的六个组成部分

Web 表单是必需品，但往往也是设计师和用户的痛点。随着时间的推移，用户对表单的外观和功能产生了期望。他们通常期望 Web 表单具有以下六个组件：

1.标签：标签告诉用户相应输入元素的含义。

2. 输入框：输入框允许用户提供反馈。它们包括文本输入框、密码输入框、复选框、单选按钮、滑块等。

3. 操作：当用户按下这些链接或按钮时，表单会执行某个操作，例如提交表单。

4. 帮助：此元素为填写表单提供帮助。

5. 信息：系统根据用户的输入向用户返回信息。信息可以是正面的（例如表明表单已成功提交）或负面的（“您选择的用户名已被使用”）。

6. 验证：这些措施确保用户提交的数据符合可接受的参数。

网站注册表由六个部分组成

3.通过表单的三个方面解决可用性

尽管布局、功能和目的存在差异，但所有形式都具有三个主要方面，正如他们在《That Work: Web for》一书中所描述的那样：

1. 关系：表单建立用户和组织者之间的关系。

2.对话：该形式建立了用户和组织者之间的对话。

3.外观：形式的外观建立了用户和组织者之间的关系和对话。

为了使表单可用，需要解决所有这三个方面的问题。让我们逐一查看，并找出如何使表单真正可用以及易于遵循的实用指南。

第一个方面：关系

约翰是 17 世纪的英国诗人、评论家、律师和牧师，他曾说过：“没有人是一座孤岛。”事实上，人类依靠人际关系蓬勃发展，无论是爱情、友谊、同事还是工作。表单是建立和加强用户与组织之间关系的一种方式。如果做得不好，它们可能会过早结束这种关系。

考虑到这一点，这里有一些原则：

建立关系的基础是信任，因此在表单中建立信任非常重要。您可以通过徽标、图片、颜色、排版和文本来做到这一点。组织良好的表单会让用户感到安心。

每一段关系都有其目的，无论是恋爱关系中的爱与幸福，还是商业关系中的经济利益。问问自己，你建立关系的目的是什么？

表单名称表明表单的用途。表单名称告诉用户表单的内容以及他们为什么需要填写表单。

在人际关系中，了解对方至关重要。要了解您的用户，您始终需要考虑您提出的问题是否合适，如果合适，用户是否会及时填写。这将为您的表单注入自然的流程。

了解用户还可以帮助您选择合适的措辞并删除不必要的词语。此外，它还将帮助您设计一个平衡用户需求和您的需求的界面。

不要问超出表格范围的问题。在人际关系中，你不会信任问不适当问题的人，在网上也会发生同样的事情。咨询利益相关者，探讨真正需要的信息。

行为或外观的突然变化可能会让用户感到焦虑。同样，不要突然更改表单或表单步骤的说明。

了解你的用户。让已注册用户能够轻松登录，让新用户也能够轻松注册。让两者几乎难以区分。

另一方面，该网站简化了新用户的注册流程。

方面二：对话

表单是一种对话。就像对话一样，它代表两方之间的双向交流，在本例中是用户和表单组织者。事实上，用户填写表单是为了与组织者发起对话。

例如，在社交网站上，用户将填写注册表单，告知组织者他们想加入。在接受用户的请求（自动或手动）后，组织将向用户询问一系列问题（以标签的形式），例如他们的名字、姓氏、电子邮件地址等。一旦用户的请求被接受（或拒绝），公司将通知用户结果，从而完成交换过程。

从这个角度来看表格可以得到一些有用的指导原则：

如前所述，表单是一种对话，而不是审问。咄咄逼人的标签文字会让用户感到焦虑，而且（如果他们此时不离开网站）他们很可能会给你想要听到的答案，但事实并非如此。

合理地组织标签以反映对话的自然流程。例如，在问用户一些其他问题后询问他们的名字，这不是很奇怪吗？在问其他问题之前询问某人的名字，这不是很奇怪吗？应该在表单末尾询问更多复杂的问题。

将相关信息（如个人信息）分组。从一组问题过渡到下一组问题更像是一场对话。

注册表格使用紫色标题和细线有效地将相关内容分组。

尽管该网站对相关内容进行了分组，但各组之间的距离太远，可能会让用户感到困惑。

就像真实的对话一样，每个标签应该一次解决一个主题，帮助用户在输入框中做出回应。

对话中的自然停顿意味着在哪里留白、如何分组标签以及是否将表格拆分到多页上。

背景混乱会在任何会话中分散注意力，因此请删除横幅和不必要的导航等可能分散用户填写表单注意力的混乱内容。

该网站很好地展示了注册表单的外观。留白恰到好处，页面简洁。

第三方面：外观

外观或用户界面 (UI) 是 Web 表单可用性的核心，对此有多项标准。为了简化讨论，我们将其分为六点（如上所述）。

1.标签

单词与句子：

如果标签的目的简单易懂，例如询问用户的姓名或电话号码，那么一两个词就足够了。然而，为了消除歧义，可能需要一个短语或句子。

该网站的注册表使用完整的句子，但只需几个词就足够了。

句子大小写与标题大小写：

应该是“姓名和”还是“姓名和”？句子大小写比标题大小写更容易理解，也更容易遵循语法。有一点是肯定的：切勿使用全部大写，否则表格会显得不专业且难以阅读。

看看快速扫描网站上的注册表单标签有多困难！

标签以冒号结尾：

某些桌面应用程序和操作系统（例如）的 UI 设计指南建议在表单标签末尾添加冒号。一些在线表单设计者坚持这样做，主要是因为旧屏幕阅读器主要依靠冒号来识别标签。现代屏幕阅读器依靠标记（尤其是标签标记）。此外，冒号是一个见仁见智的问题，只要样式一致，它既不会增强也不会削弱表单的可用性。

标签对齐：顶部 vs. 左侧 vs. 右侧

与普遍看法相反，将标签放在输入字段上方并不是最实用的位置。您希望用户尽快填写表单，这是理想的选择。但有时您需要故意放慢用户的速度，以便他们注意并阅读标签。此外，将长表单格式化为一列长表单，让用户向下滚动页面。这比将表单分成几列并使所有内容看起来相同要好。每种对齐方法都有其优点和缺点。

基于表单标签对齐的时间线。

表单不应该有超过一列。看看 Geek 网站，你会发现很容易忽略右侧的列（更不用说底部的“必填”注释了）。

2. 输入框

根据所需信息选择合适的输入框类型。每种类型的输入框都有自己的特点，用户已经习惯了。例如，如果只能选择几个选项中的一个，则使用单选按钮；如果可以选择多个选项，则使用复选框。

自定义输入并不意味着创建新的输入类型。这在早期的网站上很常见，而且似乎正在卷土重来；我见过一些用 实现的奇怪输入。简单往往是最有用的。让您的输入尽可能接近其未修改的 HTML 渲染。

改变输入框的界面可能会让用户感到困惑。

如果需要格式化用户输入的数据，您可以限制输入框的格式，然后采取措施至少不会让用户感到不舒服。例如，您可以考虑使用三个下拉菜单，或者更好的是，使用日历控件，而不是在文本输入框旁边显示 MM/DD/YYYY 作为日期选择。

必填字段与可选字段

明确区分用户必须填写的字段。通常使用星号 (*) 来表示必填字段。任何符号都可以，只要标签清楚、明显地表明其含义即可（即使是星号）。

3.行为

主要行为与次要行为

主要操作是表单中的链接和按钮，用于帮助填写表单，例如“保存”和“提交”。次要操作用于确保用户可以撤消已输入的信息，例如“返回”和“取消”。如果误按次要操作，通常会产生不良后果，因此应尽可能仅使用主要操作。如果必须使用次要操作，请确保它们在视觉上不会比主要操作更突出。

如果主要操作和次要操作没有明确区分，很容易导致提交失败。此表单用于圣约翰学院招生，操作按钮位于表单底部。想象一下，意外按下“表单”按钮是多么容易。

命名约定

避免使用“提交”等通用词语作为操作，因为它们会给人留下表单本身很通用的印象。应优先使用“加入”等词语或短语。

虽然可口可乐网站正确地强调了主要操作按钮，但放置“提交”这样的通用词语比“注册加入我们”更有用。

4. 帮助

表格说明文字

您永远都不必向用户解释如何填写表单。如果表单看起来不像表单，或者填写起来太复杂，那么重新设计是您唯一的选择。解释性文字应仅在必要时使用，例如解释为什么需要信用卡信息和出生日期以及为什么有“条款和服务”链接。为了保持表单简洁易读，通常会省略此类文字。根据经验，解释性文字总数不应超过 100 个字。

用户触发的帮助和动态帮助

您不必在每个输入字段旁边都添加帮助文本，而是可以只在需要的地方显示它。您可以在输入字段旁边显示一个图标，当用户需要有关该输入字段的帮助时，可以单击该图标。更棒的是，当用户单击输入字段输入信息时，您可以显示动态帮助信息。这种做法越来越普遍，并且使用诸如 之类的库相对容易实现。

该网站的注册表单同时使用用户触发的帮助（点击问号触发蓝色框）和动态帮助（用户名建议）。

5. 信息

错误信息

错误消息会通知用户发生了错误，通常会阻止他们继续填写表单。错误消息可以通过多种方式强调，例如使用颜色（通常是红色）、熟悉的图像（例如警告标志）或醒目显示（通常在表单顶部或发生错误的位置），或者这些方式的组合。

成功消息

使用成功消息来告知用户他们已在表单中达到一个有意义的里程碑。如果表单很长，成功消息将鼓励用户继续填写。与错误消息一样，成功消息也应该显眼。但它们不应阻止用户继续填写。

6. 验证

只在需要的地方出现

验证次数过多并不好，因为它们会阻止用户继续操作。验证应尽量简短，以确认关键事实（例如用户名是否可用）并确保答案真实（例如年龄不能超过 130 岁），并使用一组可在下拉菜单中显示的有限可能数据（例如国家代码首字母）提供一组建设性响应。

智能默认设置

使用智能默认设置可让用户更快、更准确地填写表单。例如，根据用户的 IP 地址预先选择其所在国家/地区。但请谨慎使用，因为用户往往会忽略默认选择。

该网站的注册表同时使用动态验证（验证姓名、电子邮件地址、密码和用户名）和智能默认值（“登录网站”）。

综上所述

如果你觉得分析的不错，那就把它应用到你自己的表单设计中吧。正如我在开头写到的，单纯地调整 UI 和走捷径并不能让你的表单更易用。我还能说什么呢？这些理论现在都是你的了，所以赶紧付诸实践吧。