it-swarm.com.de

Wie zeige ich ein komplexes interaktives Raster an?

Ich arbeite an der Administratorkomponente für eine Web-App, die Websites für mehrere Clients erstellt/verwaltet. Dieser Admin-Teil bestimmt, welche Seiten/Funktionen enthalten sein werden und welche Steuerelemente (und deren Werte und Attribute) auf jeder Seite enthalten sein werden.

Die Herausforderung : Es wird auch festgelegt, welche Seiten/Funktionen von jeder der 4 Endbenutzerrollen angezeigt und/oder bearbeitet werden können. Mein primärer Geschäftsbenutzer (der auch mein Chef ist) besteht darauf, dass die Berechtigungen der Rollen zugewiesen und alle auf einer Seite angezeigt werden. Ich würde gerne Gedanken zu Vor- und Nachteilen der folgenden Ideen sowie zu Verbesserungen oder völlig unterschiedlichen Ansätzen hören.

Derzeit habe ich es in einem Raster angeordnet, in dem sich die über 20 möglichen Seiten links unten und die 4 Rollen oben befinden. In jeder Zelle befindet sich ein Dropdown-Menü mit den drei Optionen: Anzeigen, Bearbeiten, Keine . Dies ist funktional, aber wenn Sie sich die Seite ansehen, können die Einstellungen nicht einfach gescannt werden (siehe verkürztes Beispiel unten).

enter image description here

In meinem ursprünglichen Layout musste eines von drei verschiedenen Symbolen (jedes mit einer bestimmten Farbe) angezeigt werden, die geändert werden konnten, indem Sie darauf klicken und eine neue Option aus einem modalen Popup auswählen. Die Entwickler des Projekts haben dies aufgrund der Komplexität abgeschossen. (In der Tat haben sie versucht, dieses ganze Wirrwarr zu töten, aber wie ich bereits erwähnte, ist der Hauptnutzer unser Chef.)

enter image description here

Mein nächster Gedanke ist, einen Weg zu finden, um jede Zelle oder jedes Dropdown-Menü basierend auf der Auswahl farblich zu kennzeichnen.

enter image description here

- OR -

enter image description here

3
ph33nyx

Ich habe schon früher mit solchen Berechtigungsmatrizen zu kämpfen. Ich habe es in einer Business Analytics-App auf den Kopf gestellt. Ich habe Spalten für jede der 3 Zugriffsebenen erstellt. Sie können einen Bereich mithilfe der Mauszeigerpfeile von einer Spalte in eine andere verschieben. Es gibt auch eine Stapelmethode, um alle zu verschieben, aber das ist im Modell nicht dargestellt.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

5
drawtheweb

Dies ist wie eine Vielzahl von Dropdowns, aber wenn Ihr Chef es will, lassen Sie es sein.

Eine Möglichkeit, die Komplexität zu reduzieren, besteht darin, zwei statt drei Optionen zu verwenden und diese mithilfe von Kontrollkästchen anstelle von Dropdowns anzuzeigen. Keines der ausgewählten Kontrollkästchen würde keine Berechtigung bedeuten. Da die Bearbeitungsoption die Ansicht enthält, muss bei Auswahl der Option "Bearbeiten" die Ansicht automatisch ausgewählt (und deaktiviert) werden.

Einige der Seiten auf der linken Seite können auch einschließlich anderer Seiten erstellt werden. Beispielsweise können Sie das Kennwort nicht ändern, ohne sich anzumelden. Es kann auch andere solche Szenarien geben.

Ich hoffe ernsthaft, dass dies nur eine Trickfrage ist, die Ihr Chef für Sie erstellt hat.

1
ashes