it-swarm.com.de

Was ist der beste Weg, um Bearbeitungs- / Löschaktionen in einer Zeile anzuzeigen?

Ich erstelle eine Webanwendung, die sich mit vielen Tabellen/Listen von Datensätzen befasst. Ich baue derzeit eine "AJAX-Funktion zum Bearbeiten an Ort und Stelle", damit Sie einen Datensatz bearbeiten können, während Sie sich auf derselben Seite befinden. Sie klicken auf die Schaltfläche/den Link Bearbeiten und die Tabellenzeile schiebt ein Formular nach unten, damit Sie den Datensatz bearbeiten können.

Meine Frage ist, wie Sie diese Aktionen am besten anzeigen können. Ich habe gesehen, dass dies in verschiedenen Anwendungen auf unterschiedliche Weise geschieht: Bearbeiten/Löschen von Links, Schaltflächen, Schaltflächen, die nur angezeigt werden, wenn Sie mit der Maus über die Zeile fahren, ein "Dropdown-Pfeil", bei dem beim Bewegen des Mauszeigers ein "Tooltip" angezeigt wird mit den Aktionen als Liste von Links.

Was ist der beste Weg, um diese anzuzeigen. Bitte geben Sie Links zu Artikeln/Studien an, die Ihre Antwort unterstützen (falls möglich).

12
Andrew

Das Letzte, was Sie möchten, wenn Sie viele Tabellen/Listen mit Datensätzen haben, ist, die Daten weniger lesbar zu machen, indem Sie mehr Rauschen und Unordnung durch permanente Schaltflächen, Links oder Dropdown-Pfeile haben. Daher bevorzuge ich in diesem Fall den Hover-Ansatz.

Ändern Sie den Cursor beim Hover, um das visuelle Feedback zu unterstützen. Richten Sie bearbeiteten Text gegebenenfalls am Zelleninhalt aus, damit er nicht zu springen scheint. Stellen Sie sicher, dass ein Mechanismus zum Abbrechen ohne Änderung vorhanden ist.

Das Hervorheben geänderter Elemente und das Zulassen des Zurücksetzens sind nette Ergänzungen.

Hier ist eine gute Ressource bei Pattenry.com - mit einigen Links für viele jQuery-Plugins.

Ich denke, 7 Signale haben gute Arbeit mit Aufgabenlistenelementen auf BaseCampHQ geleistet (siehe das Tutorial Aufgabenlisten ), wie im Bild unten gezeigt - Entschuldigung, ich musste den eigentlichen Inhalt verwischen ...

enter image description here

7
Roger Attrill

Ebenso bevorzuge ich den "Slide Open" -Ansatz. Nur das Anzeigen von Bearbeitungssteuerelementen beim Öffnen einer Zeile zum Bearbeiten bedeutet viel weniger Unordnung.

Darf ich eine Lösung wie die folgende vorschlagen?

enter image description here

Klicken Sie auf eine Zeile, um sie zu erweitern. Daraufhin wird der Eintrag zu einem Textfeld (idealerweise bereits im Fokus, in einer anderen Farbe als Ihre "geschlossenen" Datensätze).

Ich würde die Textsteuerelemente unten bündig mit dem Textfeld platzieren. Warum?

  • sie sind "nah an der Aktion" - Benutzer müssen nicht über die Seite springen, um den Text zu bearbeiten
  • benutzer sehen viele Textcontroller, die dies bereits tun (z. B. TinyMCE).
  • benutzer lesen von oben nach unten, sodass sie zuerst das Textfeld und dann die Steuerelemente sehen. Dies drückt die Hierarchie von "zu bearbeitendem Ding> dessen Bearbeitung" aus.
0