web-dev-qa-db-de.com

Bearbeitbare Feldsymbolplatzierung?

Ich habe ein Formular zum Hochladen von Anhängen (PDFs). Nach dem Hochladen gibt es einen Abschnitt (siehe Abbildung unten), in dem Sie den Anhang umbenennen, anzeigen oder löschen können.

Die Bearbeitungssymbole scheinen Usability-Probleme zu haben. Sie sind aufgrund des hohen Kontrasts der Ansichtsschaltfläche, des Löschsymbols und des Anhangsnamens schwer zu bemerken.

Ich frage mich, ob es besser ist, das Bearbeitungssymbol direkt neben dem zu bearbeitenden Symbol oder neben dem Löschsymbol zu platzieren (um einen umsetzbaren Bereich zu erstellen).

Und welche objektiven Gründe gibt es, um diese Wahl zu unterstützen?

(enter image description here

4
Bill Martin

Es gibt einige Bereiche innerhalb des Layouts, die wahrscheinlich einige Probleme verursachen.

  1. Sie haben sowohl Bearbeitungs- als auch Löschaktionen, die auf unterschiedliche Weise angeordnet sind
  2. Ihre Schaltfläche zum Bearbeiten ist sehr schwach und schwer zu erkennen

Um dies zu beheben, würde ich empfehlen, einen Aktionsbereich zu implementieren, der klar zeigt, welche möglichen Aktionen für jede Anhangsposition wie folgt ausgeführt werden können.

(enter image description here

Um diese Wahl zu unterstützen -

  • Der Aktionsbereich ist jetzt viel klarer, mit Titeln und bekannten Symbolen, um dies zu unterstützen.
  • Die Farbe des Symbols ist viel stärker und für den Benutzer viel besser lesbar

Ich hoffe, das hilft.

6
stradled

Ich stimme den anderen nicht zu, dass die Bearbeitung und das Löschen näher sein müssen. Die Bearbeitung gilt, wie ich verstanden habe, nur für den Anhangsnamen. Das Löschen gilt für den gesamten Anhang. Es gibt keine Möglichkeit, den gesamten Anhang zu bearbeiten. Die Löschaktion bezieht sich also auf das gesamte Element und sollte nicht wie die Aktion zum Bearbeiten des Namens des Elements aussehen. Ich schlage vor, das Bearbeitungssymbol nur dunkler zu machen, und das war's. Der beste Weg ist, beide Arten von Lösungen gemeinsam in A/B-Tests auszuprobieren und einfach zu sehen, auf welche Bearbeitung mehr geklickt wird. Bei einer hohen Anzahl von Benutzern sollte der Prozentsatz der "Änderungen" gleichmäßig verteilt werden, wenn die A/B-Tests zufällig sind.

4
Yoav Moran

Die Ansichts- und Bearbeitungsfunktionen sollten näher beieinander liegen. Der Anhangsknopf nimmt viel Platz in Anspruch. Der Haftungsausschluss kann von selbst sein. Das Papierkorbsymbol ist expliziter.

(cleaner layout

2
Ballisticone

Ändern Sie die Farbe des Stifts, damit er mehr Kontraste aufweist. Das Blau ist in Ordnung, verdunkeln Sie es nur ein wenig, damit es ein ähnliches visuelles Gewicht wie das X hat.

Bewegen Sie den Stift viel näher an das Kreuz. Im Moment sind Ihre Knöpfe überall; eine links, Mitte, rechts. Durch Verschieben der Bearbeitung neben Löschen erstellen Sie eine Art Änderungsleiste.

Ich würde auch die Ansichts-/Detailschaltfläche (das V) breiter machen, den gesamten Titeltext oder sogar die gesamte Leiste, um sie zu einer größeren Schaltfläche zu machen.

(Bearbeiten) im Grunde, was gespreizt sagte, während ich abgelenkt war.

0
PixelSnader