【问题标题】:What's best UX practice for a OR/AND search box?OR/AND 搜索框的最佳 UX 实践是什么?
【发布时间】:2018-06-14 22:45:45
【问题描述】:

我正在创建一个允许搜索 2 个字词的搜索框,由 ; 分隔,但我想让用户选择仅搜索具有这两个字词的个人资料(如果“所有" 被选中),或仅搜索具有两个术语之一的配置文件(如果选中“任何”)。 (换句话说,您可以将该半列视为搜索文本框中插入的两个术语之间的 OR 或 AND)

在屏幕截图中,您可以看到此时复选框的 2 个实例。 有人暗示它不是很直观,而且新用户的学习曲线相当高... => 我的问题:对于这样的搜索框还有其他最佳 UX 实践吗?

提前谢谢你:)

【问题讨论】:

  • User Experience Stack Exchange 可能是一个更好的提问地点。
  • @Mikey 谢谢,我也会去那里试试,但是那里的用户很少 :( 我认为开发者在 stackoverflow 的经验会更有帮助
  • @cabral_007 质量胜于数量。

标签: user-interface search checkbox frontend user-experience


【解决方案1】:

用户必须输入两个词吗?为什么他们在同一个盒子里?

如果总是正好两个条目,我会这样做:

否则,我认为这对人类更友好。让用户思考“和”与“或”逻辑对他们来说可能不是一个好的用户体验(这些术语在计算机科学中被大量使用,但在其他日常事务中却没有),所以这可以避免:

【讨论】:

    【解决方案2】:

    您在模拟中使用的切换的问题是用户现在没有预先知道他有什么选项。这样的东西更直观:

    另外,你为什么需要 ;首先?这不能只是一个空格吗? 这感觉很混乱

    【讨论】:

      【解决方案3】:

      我同意,看起来不是很直观。我认为带有下拉菜单的输入将是执行此操作的标准方法。 Bootstrap 有一个简单的可以使用: https://getbootstrap.com/docs/4.0/components/input-group/#buttons-with-dropdowns

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2020-12-15
        • 1970-01-01
        • 2011-03-04
        • 2013-11-03
        • 2011-06-07
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多