webentwicklung-frage-antwort-db.com.de

Wie soll ich angeben, dass ein Element auf einen Benutzerklick reagiert?

Ich habe eine Liste von Personen, mit denen der Benutzer Kontakt aufnehmen möchte. Sie können "Als erledigt markieren", wenn sie den Kontakt hergestellt haben (dann geht es 3 Tage später zu ihrer Follow-up-Liste). Durch das Anzeigen der Schaltfläche "Als erledigt markieren" wird die Liste sehr lang und fällt von der Seite ab. Daher habe ich sie standardmäßig ausgeblendet und nur beim Klicken des Kontakts auf den Benutzer angezeigt.

Bei der Beobachtung eines Benutzers, der gestern mit der Liste interagierte, wurde ihm nicht klar, dass er auf einen Kontakt klicken konnte, um ihn als vollständig zu markieren.

Was ist der beste Weg, um anzuzeigen, dass sie durch Klicken auf den Kontakt als erledigt markieren können? Oder sollte standardmäßig eine Schaltfläche/ein Link "Als erledigt markieren" angezeigt werden?

enter image description here

6
kwh941

Denken Sie daran, dass Ihre Benutzer nicht immer wissen, was die erwartete Aktion ist, es sei denn, dies ist für sie sehr offensichtlich. Daher ist es eine schlechte Benutzererfahrung, wenn sie eine verborgene Funktionalität entdecken müssen, indem sie mit der Maus darüber fahren, da die meisten Menschen sich dessen möglicherweise nicht bewusst sind.

Ich habe heute ein Beispiel dafür gesehen, als ich eine Event-Bearbeitung in Eventbrite durchgeführt habe. Eventbrite verwendet die Inline-Bearbeitung für die Betreffzeile, die beim Klicken aktiviert wird. Um ihnen eine Gutschrift zu geben, markieren sie die Zeile, wenn der Benutzer wie unten gezeigt darüber fährt. Dies ist jedoch nicht intuitiv, da ich etwa 20 Minuten lang versucht habe, herauszufinden, wie die Betreffzeile geändert werden kann.

enter image description here

Daher würde ich empfehlen, einen einfachen Textlink oder ein Kontrollkästchen zu verwenden, um Ihre Benutzer über die Aktion zu informieren, die ausgeführt werden kann, da Benutzer nicht nach der Funktionalität suchen müssen und eine einfache Aktion den nächsten Schritt auf ihrem Weg klar macht. Hier ist ein Beispiel für Astrid:

enter image description here

5
Mervin

Websites wie Google Mail ändern den Cursor, wenn Sie den Mauszeiger über Elemente halten, auf die geklickt werden kann, genau wie jede URL auf dieser Seite. Sie können dies tun oder neben jedem Namen ein Kontrollkästchen hinzufügen, das dieselbe Funktion wie die Schaltfläche Als erledigt markieren ausführt.

2
ScottK

Ich mag das Kontrollkästchen, von dem ich denke, dass eine Funktion, die Sie platzieren können, darin besteht, dass, sobald der Benutzer ein Kontrollkästchen aktiviert hat, oben an einer einheitlichen Stelle eine Schaltfläche zum Markieren als erledigt angezeigt wird. Wenn Ihr Benutzer 15 Elemente als erledigt markieren möchte, kann es ärgerlich werden, auf den Namen klicken zu müssen und jedes Mal auf die Schaltfläche "Als erledigt markieren" zu klicken. Hier können Sie sie einfach die Elemente abhaken lassen, die sie als erledigt markieren möchten, und dann zur Bestätigung auf die Schaltfläche Als erledigt markieren klicken.

1
astarnino