Usability 模式面板中的滚动条

我正在开发一个web应用程序，其中有一个模式面板/对话框弹出窗口来收集用户数据。面板中的表单越来越大，我们建议将表单拆分为多个选项卡，但我们的客户建议在模式面板中添加滚动条

模式面板中的滚动条是否存在可用性问题？我认为这是一种不好的做法，但我想听听其他的意见

谢谢

峡谷

更新： 我将更详细地解释这个场景。我们有一个搜索页面，可以保存搜索结果项（复制到系统的另一个区域）。其他信息可以与此项一起保存（例如，其他注释、分配到其他存储桶-我无法获得更多详细信息）。当用户想要保存搜索结果项时，他们可以选中一个或多个项，然后单击保存按钮——这时会弹出模式面板

最初，用户被带到一个单独的页面，然后他们跟随一系列页面。我们的客户觉得这很耗时，所以我们将页面更改为使用模式面板

---

我不是100%确定使用模态面板是最好的设计，但这就是我们现在拥有的。我欢迎任何其他想法。

好吧，我得问问，如果你有一个这么长的模态表单，它不应该被制作成自己的页面吗

我的意思是，模态对话的全部目的是告诉用户一些他需要知道的事情（通常被忽略并且很烦人），或者在继续之前从用户那里获得一些必要的信息

您说您的表单用于收集用户输入。如果这是用户在继续之前必须输入的内容（如在签出流的一部分或类似内容中），那么我认为最好将整个页面用于该流

如果它更像是一种“在继续做你正在做的事情之前先登录这里”之类的东西，那么，我认为它是一个自己的页面，一旦你填写完表格，它会让你回到你进入之前的页面，这会更有意义。堆栈溢出人工验证页面就是这样工作的

如果是像“给我们你对网站的反馈”这样烦人的东西，那么它不应该是模态的，而应该是一个容易被忽略的（我敢说吗？）弹出窗口

情态对话确实应该尽可能简短。如果简短是不可能的，而且对话必须是模态的，那么我认为在下一个页面被访问之前，创建一个页面流是更有意义的。像结帐一样：在添加装运信息之前，您需要将产品添加到购物车中，在确定装运成本之前，您需要装运信息。那种事

但是在不知道你的模态对话的确切性质的情况下，我不能确切地告诉你哪种方式是最好的

---

编辑：啊哈！你的客户觉得这很费时，嗯？在这种情况下，你应该做一个非常快速和肮脏的实时可用性测试，看看哪种方法实际上更好。从大厅下面抓到一些人，向他们中的一些人展示模式方式（滚动），向其他人展示旧的（非模式）方式，看看他们有什么要说的

（理想情况下，您正在录制会话和屏幕，并且确保不让您自己的个人偏好显示出来。只需让他们使用系统，同时观察他们执行任务的情况。使用录制来计时两种方法，以查看一种方法是否真的比另一种方法快。）

你不应该做出一个违背规范的可用性决策（本例中的规范是“大表单值得它们自己的页面”），而不确保它实际上更可用。说到可用性，标准通常是标准，因为它是可用的（但不总是，这就是为什么你必须测试）。如果客户反击，你至少会有证据表明他们反对他们想要的是愚蠢的硬经验证据

但最终，客户才是付账单的人。如果你不能让他们明白原因，那么你就必须充分利用他们告诉你的。如果表单必须处于模式对话中，那么您至少可以尝试在折叠下隐藏非基本字段（如果有非基本字段），这样大多数用户就不必滚动

---

确保无论用户滚动到何处，提交表单的按钮（或您需要对表单执行的任何操作）都是可见的。一个非常糟糕的主意是将所有必需的字段放在顶部，然后强制用户向下滚动以点击提交按钮。这太粗鲁了。

在这里放置一个模式窗口似乎是有意义的——我假设您是作为页面上的一个层来做的。但听起来好像是越来越拥挤了，你正在寻找管理不断增加的UI元素数组的方法

要回答您最初关于滚动条的问题，不，它们不是verboten。然而，正如另一个响应者所断言的，您永远不应该在滚动区域内设计动作UI元素

听起来，一些好的用户研究在这里可能有用。哪些项目对用户很重要。哪些项目是必需的，哪些是可选的？它们可以分类吗

有些人建议，当UI项的数量溢出对话框时，选项卡对于分类很有用。不过，在这种情况下，我认为这是个坏主意。这不是一个对话框的设置类别，而是一个确认/选择/输入对话框，用户将保存输入和选择的内容。使用选项卡时，用户很可能会错过选项卡和输入信息。如果需要“返回”选项卡上的某些内容，而用户没有访问，那么您的错误体验就非常糟糕

滚动的一个好处是，对于鼠标用户来说很容易。他们有选择权