UI: Каковы разные способы отображения отношений "Имеет и принадлежит многим"?

Question

Это не вопрос о конкретной структуре. Я использую обычный PHP с JQuery. Я пытаюсь связать несколько продуктов с несколькими наборами вариантов. То есть каждый продукт может иметь несколько неисключительных наборов параметров, связанных с ними. Как лучше всего представить это на экране? Я полагаю, это может быть мультиселектор. Это может упростить задачу, но я бы хотел иметь другое значение с именем order, чтобы упорядочить наборы параметров на экране.

Любой вклад или веб-сайт с различными методами пользовательского интерфейса был бы потрясающим! Спасибо!

Answer 1

1) Если имеется небольшое количество параметров, вы можете использовать сетку (продукт в первом столбце, параметры в столбцах 2 ==> N, и иметь флажок для выбора подходящих вариантов.

2) Если OTOH у вас есть больше опций (или сетка не делает это для вас по причинам заказа), вы также можете, вместо многократного выбора по 1 опциону на строку, иметь список с одним выбором для набора опций в строке, с наиболее распространенными наборами, являющимися первыми в списке. Затем в нижней части может быть опция «Другое», которая, если она выбрана, вызывает всплывающий спрайт с множественным выбором для выбора набора опций, которого нет в наиболее распространенном списке.

Второе решение особенно удобно для пользователя, если существует либо очень небольшой набор часто используемых групп опций, и / или существует высокая корреляция между многими опциями.