我可以将选择框与搜索栏组合在一起吗？

有一本著名的书 （不要让我思考：Web可用性的常识方法 ），它解释了如何使用户（甚至一秒钟）认为可能会使他们对您的网站感到沮丧，从而影响可用性等.

用户希望这样的通用控件以某种方式出现，否则，他们会感到沮丧。考虑一下汽车-您几乎可以踏入任何一辆汽车并驾驶它，因为所有关键控件都非常相同-一切都是可预测和期望的，这是一件好事。

顺便说一句-您是否想过如果用户尝试输入一个很长的名字会怎样？在您的控件中，看起来该文本将被下拉框隐藏或覆盖在其上方，但两者都不是一件好事。另一方面，如果文本框和放置框是分开的，则不会出现此问题（文本将简单地水平自动滚动）。

因此，您以这种方式设计UI的两个原因是“看起来很酷”和“它与其他所有人的不同”？

在这种情况下，我的答案是：我认为这些并不是以某种方式设计UI的充分理由。创建用户界面时，要记住的最重要的事情之一是您不是为自己设计的，而是为最终用户设计的。

这意味着您应该找出访问您网站的人期望，了解并曾经使用过。因此，例如，对您的某些用户进行可用性测试，您可以使用竞争对手的站点将选择框放在搜索字段之外，然后观察他们，然后观察使用您设计的用户。看看哪个效果更好（可能没有什么区别，因为这是一个很小的UI）。

但是总的来说，请记住，“它看起来很酷”和“我喜欢与众不同”不会让您认真地担任UI设计师。大多数时候，您需要有事实来支持您的论点。使用情况数据或指标是一个好的开始。

这个问题似乎值得更新...

保持冷静并结合控制

七年前（提出问题时），对于某些人来说这似乎并不常见。谢天谢地，像@kawoki这样想问的人-现在可以混搭控件了！

作为一个行业（尤其是在电子通讯和移动行业中），我们尝试过组合相互补充的控件。亚马逊搜索框就是一个典型的例子。经过无休止的测试（仍在进行中），通常的分类浏览体验被淡化为一个细微的菜单，并且搜索框占据了最高的位置。默认情况下，这是全局搜索，但是可以在搜索框中直接访问上述类别以限制范围。

这个故事的主旨

如果创新的交互似乎可以解决特定问题，那么对您的用户来说也可能有意义。不要以“不常见”的方式扔掉它-测试它！

同样值得注意的是，搜索栏的大多数访问者很可能会移动。不知道该下拉列表对于移动设备用户是否非常有用。