Предложения по разработке пользовательского интерфейса для группировки условий поиска

Question

Я создаю страницу расширенного поиска для своего сайта, где пользователи могут выбрать категорию поиска для условия и затем ввести значение для него. Пользователь может ввести столько условий, сколько он пожелает, и каждое условие может быть связано с следующим с помощью предложения AND или OR. Как визуально, это очень похоже на то, что я собираюсь: http://blog.lib.umn.edu/jeffryes/biomedical/Copy%20of%20Web%20of%20Science.png

Я также хочу, чтобы пользователи могли группировать условия поиска условий. Например, интерфейс Web of Science разрешает только такие запросы:

a == apple AND b == 10 OR c == cranberry AND d == 20

Однако я бы хотел, чтобы мои пользователи могли делать что-то вроде этого:

(a == apple AND b == 10) OR (c == cranberry AND d == 20)

Но мне трудно придумать интуитивно понятный и простой в использовании способ реализации пользовательского интерфейса, позволяющий пользователям группировать подобные условия поиска. Какие-нибудь предложения или примеры сайтов с чем-то похожим, что я мог бы черпать вдохновение?

Answer 1

Хотя это действительно зависит от того, кто является вашей целевой аудиторией и насколько они технически. Поскольку вы описываете довольно сложную условную фильтрацию, я предполагаю, что целевому пользователю удобно писать логику.

Мне понравилось, как salesforce.com реализовал подобную фильтрацию в своей системе отчетов. Как пользователь, вы можете добавить столько условий, сколько захотите, щелкнув знак плюса (значок). По умолчанию все они являются AND, однако у вас есть текстовое поле, в которое можно ввести логику.

Например: 1. == яблоко 2. б == 10 3. с == клюква 4. д == 20 Условная логика: (1 и 2) или (3 и 4)

Как указано выше, это имело бы смысл для бизнес-приложения или где-то в потребительском приложении, где пользователь сам выбрал себя достаточно опытным. Это определенно неправильный подход, если вы ожидаете, что потребители будут использовать его без какой-либо продвинутой подготовки.