你需要个模糊的背景。您需要在点击时触发它，
而通常您的卡已经在界面中了。所以我们使用这个卡片组件是因为它有很多我们需要的东西，比如背景、标题和顶部的标题，底部的一些按钮。所以我们有了结构，然后我们稍微调整一下。但有时我们最终会在语义和 HTML 方面遇到一些冲突。因为例如，我想要没有按钮形状的按钮，所以就像链接按钮一样，开发人员说，“好吧，所以我们使用像您的 href 链接这样的链接。” 我说：“不，这不是链接。这是一个按钮。当他们单击它时，它不会打开新页面。它清除了表单中的所有内容。” 斯蒂芬妮：所以从技术上从语义的角度来说它应该是一个按钮。“是的。但它不存在于框架中。” 我说：“好吧，我知道我们该怎么办？” 因此，通常你会开始讨论这些小事情，而且由于我的可访问性也让我的开发人员感到烦恼，这是另一个额外的层，试图确保我们拥有他们可以很好地工作的基本组件。而且它们在语义上就像我不想在 gif 中的 gif 中添加带有 gif 的按钮。否则我们最终会遇到问题。德鲁：我想开始一个将使用 UI 框架的新项目，您可能需要从某 美国手机号码列表种用户研究开始。 斯蒂芬妮：是的。 德鲁：这公平吗？ 斯蒂芬妮：你应该。你需要。所以是的，通常您可以拥有您想要的所有组件。您仍然需要知道用户在页面上需要什么，他们将如何导航？你需要建立一个流程。因此，通常在决定框架之前，我们所做的就是去找我们的用户，与他们交谈，尝试了解他们的需求。所以目前我很幸运，因为用户都在银行内部。所以我们和他们一起举办了很多研讨会，你必须想象这是一个超级复杂的界面。我们正在从 10 甚至 15 年前构建的东西迁移到使用 Material-UI React 构建的全新东西。所以这是一个相当大的变化，你必须明白，在这 15 年里，每个想要某些东西的人都可以寻求支持，然后他们要求 IT 团队来实施它。因此，目前我的界面大约有 400 个页面，其中包含表格、表格内、表格内、表格内，以及甚至不应该出现在表格中的内容。 斯蒂芬妮：就像我们有很多东西只是键值，键值，键值。因此他们构建了包含两列的表格。我想，“不，也许我们可以做得更好。” 因此，目前我们正在做的是进行一些用户研究，以了解用户的不同目标。所以我们发现他们对界面所做的事情有一些规划目标。他们需要计划他们的工作。所以我想知道这个行动将在这次会议上进行，所以我需要按照时间表进行，诸如此类。他们想要监控某件事，他们想要报告数据。因此，监控就像查看数据并确保一切正常。报告能够利用数据，用数据做一些他们想要分享的事情，并与同事进行协作，所有这些都是我们通过与用户直接讨论发现的。 斯蒂芬妮：我们发现，实际上我们计划最终迁移的一些内容对于用户来说是日常最重要的内容。因此，规划用户目标是目前最大的目标之一。所以我们真的非常非常努力。所以，是的，我们确实使用了面试，现在我们正处于一个阶段，目前我们处于超高水平，说好的我们需要构建 shell，我们需要了解导航。但目前我们还没有真正检查所有数据，这就是我们现在要做的。这很有趣，因为我们有很多表，我们说我们可以采取一种不明智的方式，将表放入新界面中，我们就完成了，或者我们可以说，好吧，让我们尝试了解什么这些表是，我们的用户使用该表做什么？ 斯蒂芬妮：然后也许一些表格可以显示为数据可视化，然后要做到这一点，您需要了解整个业务，以便数据有意义。因此，如果你有一个不错的框架，并且你说，好吧，让我们使用这个图表......我认为这称为图表 JS 框架。
https://btocdatabase.com/wp-content/uploads/2023/10/Heading.png
你有很多东西，你可以有直方图、饼图和图形等等，但在某些时候你仍然需要设计师来帮助你做出决定。好的，这些数据，如果我们将其显示为图表是否有意义，或者将其显示为饼图更有意义，因为我们想要显示整体的一部分，或者我们想要比较一个国家在过去 10 年的演变年，那么直方图就更有趣了。因此，根据用户想要对数据执行的操作，您将以完全不同的方式显示它们。 斯蒂芬妮：通常这不是开发人员的工作。我们的开发人员，他们是超级聪明的人。抱歉，但老实说，我与男性开发人员一起工作，我希望有一些女士，但没有。他们都不是女性。超级聪明的人，但他们没有超级资格说，好吧，这些数据应该这样、那样、那样地显示。所以最终你仍然需要一些设计师去与用户交谈，了解你可以用数据做什么，这远远不仅仅是说，好吧，这应该是一个选项卡栏或者这应该是左侧的导航。 德鲁：在与用户交谈的基础上做出这些决定之后。您通常会将生成的原型或设计返回给用户以再次测试它们，看看他们是否理解您选择的图表类型？ 斯蒂芬妮：是的，我们实际上做了很多这样的事情，这真的很好，因为只有当你知道某样东西有用且可用时，你才会开发它。所以这取决于。如果实际开发东西更快，因为他们已经拥有了大部分组件，那么我通常做的就是快速进行纸质原型设计，然后我们开发东西，因为即使没有数据，它也很快。如果它是复杂的、非常非常新的东西，需要花费大量时间来开发，那么我们会说，好吧，我们设计一些屏幕，然后直接在屏幕上进行一些测试。所以我们有一个叫做 InVision 的工具，基本上你可以把所有的设计都放在其中，你可以在不同部分之间创建链接。问题是这还取决于您想要测试的内容。例如，如果你想测试手机，那么在 InVision 中测试手机就是一场噩梦，因为人们无法真正感受到它们，尤其是在手机上。
页:
[1]