更好的表单设计:UX 提示、工具和教程

表单是用户会遇到的最常见的界面模式之一,他们对表单的体验通常会为他们对整个产品或品牌的体验定下基调。

由于表单使用户能够输入文本和其他信息,因此它们可以成为界面中可用的一些最关键的工具。但伴随这种力量而来的是适当设计和构建表单的责任;功能失调的表格会导致客户感到沮丧,而损坏的表格通常意味着销售损失。

如果设计得当,表单可以让用户感到高兴和有成就感。修复 NVIDIA 控制面板无法在 Windows PC 上打开的简单步骤这种成功意味着用户将愿意再次与您的表单或您的应用程序或网站上的其他元素进行交互,而这种品牌忠诚度是物有所值的NVIDIA 控制面板是否打不开?这是一个有用的指南以下准则可以帮助您将笨拙和尴尬的遭遇转变为用户的流畅体验。

  • 类型或形式简单表格精灵表格可导航表格

  • 表单剖析

  • 最佳实践保持路径线性分组相似元素将不同的元素分解为多个步骤使用文本标签而不是依赖文本提供良好的反馈温和地处理错误

  • 如何让表单更智能

表格类型

您可能需要为您的产品创建多种形式。如何修复 NVIDIA 控制面板无法在 Windows 10 上打开有些很简单,例如带有用户名和密码输入的登录表单。其他的则很复杂,有许多步骤、各种输入,有时甚至跨越多个页面。提前知道您可能需要创建哪种形式将帮助您决定如何更好地设计它。

简单表格

最基本的表单通常包括一页上的一小部分输入,以及一个操作按钮。

简单表单是从界面到系统后端的基本信息交换。故障排除:Nvidia 控制面板不断关闭假设用户成功输入信息,界面将进入一个新屏幕,用户可以继续进行其他操作。下面的表单是一个简单的表单界面的例子。

精灵表格

向导表单的行为就像一组按引导顺序出现的简单表单的链接组GeForce Experience 无法打开:4 种修复方法。页面上有输入或输入组,但完成此页面上的输入集将进入另一个页面,该页面具有自己的单独、不同的形式。

扫描二维码关注公众号,回复: 14667676 查看本文章

向导表单通常不仅包含单个操作按钮,还包含在步骤序列中向前或向后移动的方向按钮。

理想情况下,向导表单会保存用户在每个页面上的所有输入Nvidia 控制面板打不开,这样如果后续步骤出现任何问题,之前输入的数据就不会丢失。

以下来自电子商务网站的示例是向导表单的示例。在此页面上,如何打开 Nvidia 控制面板用户可以输入送货地址。使用操作按钮向前翻页会导致另一种选择运输选项的形式。


超过 20 万名开发人员和产品经理使用 LogRocket 创造更好的数字体验

了解更多 →


可导航表格

可导航表单类似于阶梯式向导表单,修复“无法打开 Nvidia 控制面板”错误的 7 种方法?但不是每个部分都按照步骤的引导序列出现在新页面上,可导航表单将在一个页面上显示许多或所有步骤,并根据需要展开或折叠步骤.

与向导表单不同,可导航表单的步骤通常可以按任何顺序访问。可导航表单使用现代界面控件,例如手风琴内容部分或侧面导航选项[已解决] NVIDIA 控制面板无法在 Windows 上打开卡,作为隐藏一组表单字段并显示另一组表单字段的方式。当表单内容复杂、包含许多步骤并且可能需要多个会话才能完成时,可导航表单特别有用。

可导航的表单应该在允许用户移动到另一部分之前保存在一个部分中收集的数据。这样,如果用户在第 7 步时意识到他们在第 4 步中犯了错误修复:Windows 11 Nvidia 控制面板无响应则可以轻松导航回第 4 步并对之前保存的数据进行更改。

下面的政府表格展示了一个可导航的表格,允许用户在各种类型的所需信息之间移动。

表单剖析

无论您构建的表单类型如何如果您收到 NVIDIA 控制面板丢失错误它都可能包含四个主要元素:输入、描述符、操作和反馈机制。

输入控件

输入是用户可以控制页面上显示的内容以及最终在表单中提交的信息的任何方式。

表单的输入可能看起来简单明了,修复 Windows 上的“NVIDIA 控制面板未打开”问题但是有很多方法可以将信息输入到表单中。最常见的输入是短文本形式,但它们也可以包括长文本形式、下拉菜单、切换、开关等等。

描述符

描述符在不直接影响表单内容的情况下提供表单输入的外围细节修复 NVIDIA 控制面板无法在 Windows 10 上打开的问题。描述符可以是表单的标题、描述表单用途的正文,也可以是描述每个输入的标签。

动作

操作是表单的任何部分NVIDIA 控制面板无法打开:如何修复?它从表单传输信息或以其他方式生成反馈。在大多数情况下,这是表单底部的按钮,上面写着sign uplog insubmitback。动作不必是表单的最后一步;它可以将用户返回到上一步或验证中间步骤。

反馈

反馈是响应表单的输入和操作的任何内容。在不同的情况下,反馈可以采用不同的形式。

提交无效密码时,出现的错误信息是一种反馈。NVIDIA 控制面板不见了?诸如“此用户名可用”之类的验证消息是另一种类型的反馈。有时反馈会出现在新屏幕上,例如当完成购买并进入显示“您的订单已收到”的确认页面时。

反馈是通知用户其输入已完成、确认或接受的重要方式。未能提供反馈通常会导致用户感到沮丧,因为用户会多次提交表单已解决:Windows 10/11 上缺少 NVIDIA 控制面板或者在没有完成购买的情况下不知不觉地离开了页面。

最佳实践

保持路径线性

表格已经很麻烦了。即使设计得很好,他们也会感到不知所措。

减少一些认知负担的一种方法是尽可能简单地设置你的表格。6 简单修复:Nvidia 显示设置不可用一般来说,如果用户沿着页面的线性路径向下移动,他们会觉得他们正在快速浏览表单。

对于某些字段,如全名或出生日期,您仍应将名字、中间名和姓氏字段在一个水平行中对齐,但对于包含单个不同输入的任何其他字段NVIDIA 控制面板在 Windows 上无法打开的 10 个修复最好将它们堆叠在一起在一个垂直列中。

不要在不需要时引入额外的列。在可能的情况下,如何修复 NVIDIA 控制面板在 Windows 11/10 上无法打开尽量减少页面上的输入宽度;每行都在不同的位置结束可能会让人迷失方向。

分组相似元素

另一种减少认知负荷的方法是将相似的元素组合在一起。如何针对游戏优化 NVIDIA 控制面板?这样做时,您可以在不同的部分之间创建视觉分隔。

这样做的一件事是保持表单输入的逻辑顺序。询问用户名,然后是城市名,然后是电子邮件地址,然后是邮政编码,然后是邮寄地址,然后是用户名NVIDIA 控制面板打不开:如何解决?,然后是信用卡号是没有意义的。如果你这样做了,你的用户的大脑就会在许多不同类型的信息之间切换,这会造成不必要的困扰。

相反,将个人详细信息放在一个部分,将联系信息放在另一个部分。找不到 Nvidia 控制面板?在这里找到它使用文本层次结构或分隔线来区分组。

在下面的示例中,从 USPS 的地址变更表中,如何修复 NVIDIA 控制面板在 Windows 10 上崩溃?这些区别可能非常有用,这样用户就不会混淆哪个城市输入属于旧地址,哪个城市输入属于新地址。

将不同的元素分解为多个步骤

有时一个表单会有非常不同的元素。Windows 11、10、8、7 中缺少 NVIDIA 控制面板 [已解决]填写纳税申报表、报名参加政府计划或申请大学都涉及极其复杂的表格和各种各样的信息。

在一个页面中显示这些表单的每个输入字段会让人不知所措,再加上用户在有机会保存或提交表单之前会遇到的大量耗时输入,如果有任何干扰如何修复 NVIDIA 控制面板在 Windows 11 中不显示就会带来更大的失去进度的风险有一个中间步骤。

当一个表单涉及许多不同类型的数据时一篇图文详解如何判断二极管的正负极它有助于将不同的元素分成不同的组。这可以使用阶梯式向导来完成,用户可以在其中通过单击按钮并进入一个全新的页面来保存并继续下一步二极管端子 - 阳极、阴极、正极、负极或者在一个页面上使用手风琴元素折叠先前填充的部分并展开下一个。下面显示的政府表格是分成多个页面并在各部分之间导航的表格示例。

使用文本标签而不是依赖提示文本

标签和提示文本是传达用户应输入的信息类型的重要方式如何安排 PC 自动打开 Windows 10最佳做法通常是同时使用两者,因此您的标签可能会显示出生日期,而提示文本会显示mm/dd/yyyy以补充输入类型并提供额外的有用建议。

您可能会发现在某些情况下提示文本不是必需的如何使 Windows 11 自动启动这也没关系。只是不要仅依赖提示文本来描述所需的输入。请记住,一旦用户单击该字段,提示文本就会消失;不要让您的用户有可能开始输入内容,然后失去应该进入该字段的上下文。

提供良好的反馈

所有的表单都应该提供反馈,如何在指定时间自动打开计算机但仅仅提供任何类型的反馈是不够的;反馈应该是有意义的、描述性的和建设性的。这是对用户产生同理心的重要之处。是的,用户的无效输入可能会对您的系统后端产生影响,但您的重点应该放在您的用户以及他们与您的界面的流畅交互上。

如果输入无效,请描述错误,如何让您的电脑按计划自动开机并尝试以客观和中立的语气进行描述。不要说“您输入的电子邮件地址有误”。说“请输入有效的电子邮件地址”或“电子邮件地址的格式应为‘ [email protected]。’”您的后端可能有常见错误的错误代码,这些代码可能对您的工程师和 IT 人员有用,但请避免在前端界面中显示这些代码。

同样,这是尽可能具有描述性的地方。如何设置您的计算机在断电后自动开机。用简短、通用的语言解释错误,并建议用户可以采取哪些措施来修复错误。

温和地处理错误

既然您知道如何提供良好的反馈,PC 气流指南:如何设置和放置风扇请确保仅在必要时使用反馈。验证某些输入字段是件好事,但如果输入字段在用户有机会输入有效数据之前就出现错误消息,这可能会让用户感到不安或沮丧。作为一般规则,在用户将焦点移入和移出某个字段之前,DIY电脑机箱要注意什么不要对输入进行验证。

如何让表单更智能

虽然上面的大部分指南都涉及 Web 表单的静态设计如何管理 PC 的风扇以实现最佳气流和冷却但您可以将大量交互式元素构建到 Web 表单中,从而使体验更加轻松。

一个简单的技巧是在页面加载后立即自动关注表单的第一个字段。当您加载 Gmail 主页时,它会自动将您的焦点带到电子邮件地址输入字段,该字段处于明确表示的焦点状态。

另一种改善用户表单体验的方法是启用字段屏蔽。如何判断您的 PC 机箱和 CPU 风扇在哪个方向吹这是一种您可以在前端代码中使用的技术,可以自动将用户的输入配置为您想要的格式。

例如,与其强制用户使用括号或破折号输入首选电话号码,不如屏蔽电话号码字段以在用户输入号码时自动添加这些字符。

最后,尽可能使用自动填充输入来减少用户需要键入的字符数如何判断你的风扇吹向哪个方向,并帮助确保输入的格式正确。这对于已与该帐户相关联的国家或城市名称或电子邮件地址等字段特别有用。

当一个字段的输入可用于填写其他字PC 风扇方向:如何在 PC 中安装风扇(例如与特定城市和州关联的邮政编码)时,允许您的表单执行此操作。下面的示例来自 USPS 网站,在输入有效的邮政编码后填写城市和州。

结论

看起来可能不像,但人们在互联网上互动的很多内容都是某种形式的。什么是正确的 CPU 冷却器风扇方向?我们几乎在每个网站和应用程序上都依赖表单,我们希望它们能够始终如一地运行。

否则,我们将很难登录帐户,甚至一开始就无法注册帐户。我们将无法编辑我们的个人资料,也无法将我们在线购买的商品运送到正确的地址。

我们相信我们在网上遇到的表格——我们的数据会准确地传输到数据库,如果我们犯了错误,我们会得到通知,当我们进入下一页时,我们的进度会被保存。如何安装 PC 机箱风扇当表单表现得像我们一样智能时,当它们看起来准备好接受我们的输入时,可以直观地完成我们键入的输入,并以友好熟悉的语言提醒我们,它们可以培养更多的信任。但为了做到这一切,设计和构建表单的人员需要了解良好表单设计的关键概念。

猜你喜欢

转载自blog.csdn.net/weixin_47967031/article/details/129971555