it-swarm.com.de

Best Practice für einstufige Eltern-Kind-Kontrollgruppen

Ich habe eine Datenbeziehung wie Lehrer -> Kinder. Ziel ist es, einen Lehrer auszuwählen, um die benutzerrelevanteren untergeordneten Daten zu bearbeiten. Sie können einen neuen Lehrer hinzufügen, aber Sie können dem Lehrer auch ein neues Kind hinzufügen.

Gibt es eine gute Möglichkeit, dieses Layout so zu strukturieren, dass die Schaltflächen Hinzufügen/Bearbeiten/Löschen nicht verwirrend erscheinen?

Mein erster Versuch mit einem Layout beinhaltete eine Dropdown-Liste mit "Lehrern" und eine Art Raster, um die Eigenschaften jedes "Kindes" anzupassen. Ich setze das Hinzufügen/Bearbeiten/Löschen neben dem Dropdown in derselben Zeile. Das Raster befindet sich unten mit einer Symbolleiste, die die Schaltflächen Hinzufügen/Löschen für die untergeordneten Elemente enthält. Das scheint klobig.

Gibt es gemeinsame Kontrollen, die helfen könnten oder Gedanken?

1
GotDibbs

Vielleicht könnte eine einfache Baumstruktur (a la Windows Explorer) mit entsprechendem Stil den Trick tun. Betrachten Sie diese Website: Die Antworten sind Ihre Lehrer und die Kommentare sind Ihre Kinder. Sie werden grundsätzlich nacheinander aufgelistet, wobei Kinder unter ihrem Lehrer erscheinen (Kommentare unter Antworten), aber das Styling und die explizit benannten Links (z. B. Kommentar hinzufügen) machen deutlich, welche Schaltfläche welche beeinflusst Artikel.

Sie können beispielsweise eine Liste von Lehrern mit den Schaltflächen Bearbeiten und Löschen auf der linken Seite bereitstellen (auf dieser Website werden bestimmte Schaltflächen nur beim Mouseover angezeigt) Vermeiden Sie die Unordnung, die in Ihrem Fall angemessen sein kann oder nicht. Am Ende dieser Liste wird durch die Schaltfläche "Lehrer hinzufügen" deutlich, wie ein neuer Lehrer zur Liste hinzugefügt werden kann. Auf der rechten Seite jedes Lehrers zeigt eine Schaltfläche "Schüler (nb)" auf einen Blick an, wie viele Kinder Unterricht bei diesem Lehrer nehmen, und ermöglicht das Entfalten der Liste dieser Kinder. Da die Kinder sehr unterschiedlich gestaltet sind (denken Sie an Antworten oder Kommentare), werden sie nicht mit den Lehrern verwechselt, obwohl sie in derselben Liste aufgeführt sind. Auf der linken Seite befinden sich die erwarteten Schaltflächen Bearbeiten und Löschen Und am Ende der Liste die Schaltfläche "Kind hinzufügen". Die Idee ist, konsistent Funktionalität ( bearbeiten/ löschen auf der linken Seite, hinzufügen bereitzustellen unten) für Lehrer und Kinder, aber kontrastierend visuell, um Verwirrung zu vermeiden. Durch zusammenklappbare Schülerlisten kann der Benutzer mehr Lehrer gleichzeitig sehen, wodurch es einfacher wird, den gesuchten zu finden.

Die Verwendung von Bäumen hat viele Vorteile:

  • Die meisten Benutzer wissen bereits, wie sie verwendet werden
  • Sie sind sowohl auf großen als auch auf kleinen Bildschirmen effizient
  • Sie sind einfach zu navigieren (einfach wegblättern)
  • usw.
2
Shawn

Teilen Sie es im Zweifelsfall in mehrere Bildschirme/Seiten auf, denken Sie an das RESTful-Anwendungsgerüst und präsentieren Sie den Benutzern eine Indexliste der Lehrer. Durch Klicken auf die Schaltfläche "Kinder anzeigen" neben dem Lehrer wird eine Indexliste der Kinder angezeigt. Wenn Sie auf ein untergeordnetes Element klicken, werden Details angezeigt oder das untergeordnete Element bearbeitet. Eine "Hinzufügen" -Lehrer- oder Kinderschaltfläche oben auf der Indexlistenseite ist Standard. Es ist immer verlockend, mehrere Datenebenen in einer Schnittstelle zusammenzufassen. Dies sollte jedoch nur erfolgen, wenn Sie eine klare Vorstellung davon haben, warum und wie.

0
sirtimbly

Viel hängt von der Bildschirmgröße ab, für die Sie entwerfen. Im Allgemeinen ermöglicht ein großer Bildschirm (und daher erwarten Benutzer), mehr Ebenen auf einer Seite zu sehen, aber für einen kleineren Bildschirm ist die Lösung von sirtimbly gut. Zeigen Sie entweder Lehrer oder Kinder auf einer Seite, damit klar ist, um was es sich handelt, und verschwenden Sie keine begrenzte Bildschirmfläche mit etwas, auf das ich mich nicht konzentriere.

Wenn Sie sich auf einem größeren Display befinden, haben Sie zunächst mehr Platz. Ziehen Sie daher die Schaltflächen "Lehrer hinzufügen" und "Kind hinzufügen" in Betracht. Auf diese Weise ist es unwahrscheinlich, dass sie verwirrt werden. Klarheit sollte wichtiger sein als Kürze.

0
JohnGB

Ein gut ausgestattetes Master-Detail-Design bietet Ihnen möglicherweise die größte Effizienz und Flexibilität des Benutzers. Oben/links im Fenster befindet sich ein scrollbarer Bereich mit einer Lehrertabelle, während unten/rechts ein scrollbarer Bereich mit einer Schülertabelle angezeigt wird. Im Bereich Schüler werden die Schüler des Lehrers angezeigt, die derzeit den Fokus haben (es gibt immer genau einen). Ein einziger Klick auf einen Lehrer füllt die Schülertabelle sofort wieder mit den entsprechenden Schülern.

Normalerweise können Sie eine einzelne Schaltfläche zum Einfügen und eine Schaltfläche zum Löschen verwenden, die jeweils auf den aktiven Bereich (je nachdem, welcher zuletzt verwendet wurde) wirken. Dies kann durch eine Hervorhebung (z. B. einen farbigen Rand oder eine Titelleiste) angezeigt werden. Im Idealfall können Benutzer die Felder beider Tabellen direkt bearbeiten, sodass keine Schaltfläche "Bearbeiten" erforderlich ist. Dieses Design minimiert die mit Mehrseiten-/Fensterdesigns verbundene Navigationssteuer.

Das Design ist am besten geeignet, wenn Sie eine relativ große Anzahl von Lehrern und Schülern pro Lehrer haben, während es relativ wenige Felder pro Schüler und Lehrer gibt, sodass in einigen Tabellen alles gut funktioniert. Es ist ein besonders gutes Design, wenn von den Benutzern erwartet wird, dass sie mehrere Änderungen an einer Mischung aus Lehrern und Schülern vornehmen, oder wenn sie Lehrer miteinander und Schüler eines bestimmten Lehrers miteinander vergleichen müssen. Dieses grundlegende Design kann jedoch verbessert werden, um auch unter anderen Bedingungen gut zu funktionieren:

  • Wenn Sie die Größe der Fenster ändern, können Benutzer die Anzahl der Schüler und Lehrer anpassen. Möglicherweise möchten Sie Benutzern erlauben, einen der Bereiche zu „schließen“, damit sie das Fenster nur mit Lehrern oder nur Schülern eines bestimmten Lehrers füllen können, wenn sie sich nur auf eine Datenklasse konzentrieren müssen.

  • Wenn entweder Lehrer oder Schüler eine große Anzahl von Feldern haben, können Sie einen zusätzlichen Überlaufbereich für sekundäre Felder einfügen, die wie ein Formular angeordnet sind.

  • Wenn der Benutzer Lehrer in einer Sitzung nicht häufig bearbeitet oder vergleicht (z. B. müssen sie normalerweise nur an den Schülern arbeiten), können Sie den Lehrerbereich kompakter wie ein Formular anstatt einer Tabelle gestalten und nur einen Lehrer an einem anzeigen Zeit. Wenn die Anzahl der Lehrer in der Regel gering ist, kann der Benutzer die Lehrer mit "Paging" -Steuerelementen im Lehrerbereich wechseln, obwohl Ihre Dropdown-Liste auch eine gute Idee ist. Wenn viele Lehrer vorhanden sind, stellen Sie in der Symbolleiste und/oder in einem separaten Dialogfeld Steuerelemente zum Filtern/Abfragen bereit.

Ich vergleiche verschiedene Arten des Umgangs mit Eltern-Kind-Beziehungen unter Panes nehmen .

0