网站建设创建登录和注册表单
在网站建设中人们甚至在使用您的产品创建帐户之前就已成为您产品的用户。这个过程从注册开始。注册和登录页面是产品中影响用户转化的重要部分。糟糕的登录表单会切断访问者的路径，并对他们的进一步体验产生负面影响，直到离开。在设计这些屏幕时，设计师需要小心确保访问者没有障碍物。
通常用户不想无缘无故地注册——为了开始使用他们需要价值的产品，并获得它，他们需要一个简单的注册过程。表格应该有一个明确的解决问题的建议。在表单的标题中添加一个号召性用语，并向提交按钮添加用户将采取的操作的描述。最好使用“创建帐户”、“开始使用”、“登录您的帐户”或“获取我们的产品”，而不是中性的“提交表单”。用户将清楚地了解他们在注册时将收到什么以及当他们单击提交按钮时会发生什么。
为了让用户尽可能轻松地登录，登录和注册表单应该在页面上清晰可见。最好不要在页面上放置其他会分散填充注意力的元素。在视觉上区分注册和登录很重要。如果表单相同，用户可能会混淆这些模式并离开站点。因此，您应该使“注册”和“登录”按钮不同：更改它们的设计和语言。例如，“登录”和“注册”看起来太相似了，使用“登录”、“注册”、“创建帐户”。这将减少用户意外尝试通过注册表登录的可能性。
如果表单有很多字段，最好显示里程碑或完成百分比。用户需要了解他们还剩下多少。注册时，表明输入的信息受到可靠保护，这样访问者会更冷静。在填写所有必需的输入数据之前，提交按钮可能会被禁用并因单击而变灰。这是在提交数据之前目视检查数据的一种方法。如果用户出于某种原因离开了页面，最好将他们的数据保存在本地并在他们返回时替换它。如果出现问题，他们不必重新输入所有信息。
所以，现在很明显，登录和注册表单最好是分开的页面，在这些页面上没有任何多余的东西会干扰用户。但如果表单中的字段本身有助于填写它会更好。为了让用户立即关注第一个字段（最好是当这个字段是电子邮件时），值得设置自动关注它：该字段将被突出显示并立即可供输入。这可以节省时间和精力，并允许您立即开始填充。用户将需要少走一步，这已经增加了完成注册的机会。
注册表应尽可能简单。如果无法使用社交登录，则应努力减少必填字段。您所要做的就是要求一个电子邮件地址并提供创建密码的机会。在这个阶段，询问不重要的信息绝对不值得。例如，可以要求稍后填写性别或出生日期。
另外，不要强迫我为帐户创建一个唯一的名称。可能会使用所有常见的昵称，用户将不得不花时间想出一个新昵称并记住它。如果您确实需要姓名，请尝试使用默认的电子邮件地址或电话号码。如果可能，您应该将多个相同类型的字段合并为一个。例如，名字和姓氏很容易成为一个字段，就像出生日期和年份一样。这消除了视觉和认知负担，使形状看起来更简单。
当每个字段都按照用户输入的数据进行查找时，这是很好的。您不能在带有电话号码的字段中输入字母和其他符号，对于日期，您可以使用下拉日历。使用字段掩码、占位符和工具提示帮助用户避免表单填写错误。该过程将变得尽可能简单和高效。这些字段应该直观地表明它们的状态：它是活动的还是不可用的，是成功填写的还是有错误的。使它们在整个表单中保持一致并且用户可以理解。我们之前在构建有用的 UI 工具包文章中写了更多关于状态的内容。
通常用户不想无缘无故地注册——为了开始使用他们需要价值的产品，并获得它，他们需要一个简单的注册过程。表格应该有一个明确的解决问题的建议。在表单的标题中添加一个号召性用语，并向提交按钮添加用户将采取的操作的描述。最好使用“创建帐户”、“开始使用”、“登录您的帐户”或“获取我们的产品”，而不是中性的“提交表单”。用户将清楚地了解他们在注册时将收到什么以及当他们单击提交按钮时会发生什么。
为了让用户尽可能轻松地登录，登录和注册表单应该在页面上清晰可见。最好不要在页面上放置其他会分散填充注意力的元素。在视觉上区分注册和登录很重要。如果表单相同，用户可能会混淆这些模式并离开站点。因此，您应该使“注册”和“登录”按钮不同：更改它们的设计和语言。例如，“登录”和“注册”看起来太相似了，使用“登录”、“注册”、“创建帐户”。这将减少用户意外尝试通过注册表登录的可能性。
如果表单有很多字段，最好显示里程碑或完成百分比。用户需要了解他们还剩下多少。注册时，表明输入的信息受到可靠保护，这样访问者会更冷静。在填写所有必需的输入数据之前，提交按钮可能会被禁用并因单击而变灰。这是在提交数据之前目视检查数据的一种方法。如果用户出于某种原因离开了页面，最好将他们的数据保存在本地并在他们返回时替换它。如果出现问题，他们不必重新输入所有信息。
所以，现在很明显，登录和注册表单最好是分开的页面，在这些页面上没有任何多余的东西会干扰用户。但如果表单中的字段本身有助于填写它会更好。为了让用户立即关注第一个字段（最好是当这个字段是电子邮件时），值得设置自动关注它：该字段将被突出显示并立即可供输入。这可以节省时间和精力，并允许您立即开始填充。用户将需要少走一步，这已经增加了完成注册的机会。
注册表应尽可能简单。如果无法使用社交登录，则应努力减少必填字段。您所要做的就是要求一个电子邮件地址并提供创建密码的机会。在这个阶段，询问不重要的信息绝对不值得。例如，可以要求稍后填写性别或出生日期。
另外，不要强迫我为帐户创建一个唯一的名称。可能会使用所有常见的昵称，用户将不得不花时间想出一个新昵称并记住它。如果您确实需要姓名，请尝试使用默认的电子邮件地址或电话号码。如果可能，您应该将多个相同类型的字段合并为一个。例如，名字和姓氏很容易成为一个字段，就像出生日期和年份一样。这消除了视觉和认知负担，使形状看起来更简单。
当每个字段都按照用户输入的数据进行查找时，这是很好的。您不能在带有电话号码的字段中输入字母和其他符号，对于日期，您可以使用下拉日历。使用字段掩码、占位符和工具提示帮助用户避免表单填写错误。该过程将变得尽可能简单和高效。这些字段应该直观地表明它们的状态：它是活动的还是不可用的，是成功填写的还是有错误的。使它们在整个表单中保持一致并且用户可以理解。我们之前在构建有用的 UI 工具包文章中写了更多关于状态的内容。
分享：
相关资讯
阿里云、腾讯云、华为云严选优质服务商
