UI: Was sind die verschiedenen Möglichkeiten, wie ein Hat und gehört Viele Beziehung anzuzeigen?

Question

Dies ist keine Frage zu einem bestimmten Rahmen. Ich verwende einfache PHP mit jquery. Ich versuche, mehrere Produkte, um mehrere Sätze von Optionen beziehen. Das ist jedes Produkt kann mehrere nicht-exklusive Gruppen von Optionen im Zusammenhang mit ihnen. Was wäre der beste Weg, dies auf dem Bildschirm darzustellen? Ich nehme an, es könnte eine Multiselect-Box sein. Das könnte es einfach machen, aber ich möchte einen anderen Wert haben genannten Reihenfolge die Option Sätze auf dem Bildschirm zu bestellen.

Jede Eingabe oder eine Website mit verschiedenen UI-Techniken wäre genial! Dank!

Answer 1

1) Wenn es eine kleine Anzahl der Optionen können Sie ein Gitter (Produkt in dem ersten Spalte verwenden, Optionen in den Spalten 2 ==> N, und haben Kontrollkästchen für entsprechend diejenigen auswählen.

2) Wenn OTOH Sie mehr Möglichkeiten haben (oder Gitter tut es nicht für Sie für die Bestellung Gründen), können Sie auch anstelle von Mehr wählen Listing 1 Option pro Zeile, haben eine einzelne Wählen Sie eine Reihe von Listing Optionen pro Zeile, mit den meisten gängigen Sätze zuerst in der Liste zu sein. Sie können dann am unteren Rand haben Option „Sonstige“, die, wenn ausgewählt, eine Multi-Select-Sprite erscheint für die Auswahl Option Satz, der nicht in der Liste am häufigsten ist.

Die zweite Lösung ist besonders benutzerfreundlich, wenn es entweder eine sehr kleine Gruppe von häufig verwendeter Option Gruppierungen und / oder gibt es eine hohe Korrelation zwischen vielen Optionen.