it-swarm.com.de

So unterscheiden Sie zwischen Schaltfläche und Beschriftung

Ich hatte Schwierigkeiten, diese Frage zu formulieren. Grundsätzlich habe ich bei meinem aktuellen Design einen "Scrubbing" -Schieberegler. Wenn Sie den Schieberegler bewegen, wirkt sich dies auf die Videovorschau aus.

Ich habe eine weitere Komponente hinzugefügt. Auf beiden Seiten des Schiebereglers befinden sich die Schaltflächen PLUS (+) und MINUS (-) . Wenn Sie auf diese klicken, wird das Video in Bild für Bild (jeweils) vorgerückt.

Ich habe einige Tests durchgeführt und anscheinend denken Benutzer, dass es sich um ein Indikatoretikett handelt und nicht um Schaltflächen. Sie sprechen nicht darüber, dass es sich um einen + - Frame Advancer handelt.

Was sind Ihre Empfehlungen zur Lösung dieses Problems? ohne die Benutzeroberfläche zu verletzen?

Aktuelles Design

(enter image description here

Previus Design

(enter image description here

4
Roi Mulia

Sie müssen dies lösen, indem Sie die Schaltfläche verständlicher/offensichtlicher machen. Ich denke, Sie können dies auf zwei Arten erreichen:

  1. Die Form der Schaltfläche. Versuchen Sie, ein Symbol zu finden, das verdeutlicht, dass Sie einen Frame "verschieben". Die in anderen Antworten vorgeschlagenen Symbole sehen für mich korrekt aus. Sie können auch testen, ob der Button ein Raised Button ist. Überprüfen Sie andere Branchen-Bearbeitungssoftware und sehen Sie, wie das gleiche Problem gelöst wird.

  2. Die Position der Schaltfläche. Benutzer haben möglicherweise Schwierigkeiten, die Schaltfläche aufgrund der Position an den Seiten des Schiebereglers nicht als Schaltfläche zu sehen. Obwohl es mit der Logik der Funktion der Schaltfläche übereinstimmt, entsteht der Eindruck, ein Etikett zu sein. Sie können Schaltflächen vom Schieberegler trennen, da es sich nicht um dieselbe Aktion handelt. Das Anzeigen an einer anderen Stelle (wie unter dem Schieberegler) könnte deutlicher machen, dass es sich um eine andere Aktion handelt, und wird auch auf sie aufmerksam machen (wie Sie auch sagen, dass dies eine der Hauptfunktionen der App ist). (Bewegen Sie die Tasten jedoch nicht und folgen Sie nicht der Position des Schiebereglers.)

Ebenfalls wichtig:

  1. Zusatzinformation. Der Benutzer muss wissen, was die Schaltfläche tun wird, bevor er sie verwendet. In diesem Fall hilft das Anzeigen der Zeit des nächsten und des vorherigen sichtbaren Frames dem Benutzer, seinen Zweck zu verstehen (Sie können auch "nächstes Frame" anstelle der Zeit des Frames versuchen, aber ich denke, die Zeit sollte in Ordnung sein). Reduzieren Sie außerdem die Verwirrung, da die Symbole für sich genommen als zum nächsten Video übergehend verstanden werden können.

Ich füge ein Bild als Vorschlag bei, indem ich das anwende, was ich vorgeschlagen habe.

[~ # ~] edit [~ # ~] : Das Bild wurde aktualisiert, um besser zu erklären, wie sich der Schieberegler verhalten würde.

(ui

4
Alvaro

Für diese Verwendung würde ich erwarten, "<|" zu sehen. und "|>" Symbole auf diesen Schaltflächen (dh eine Mischung aus "⏸" Pause und "⏵" Wiedergabe).

Ich würde wetten, dass die Verwendung von Standardsymbolen, wie sie auf Wiedergabegeräten zu finden sind, Ihre Benutzerzufriedenheit erhöhen würde.

Bearbeiten: Ich habe einen zufälligen Screenshot gefunden, der beschreibt, was ich meine:

(Screenshot of video editor showing previous and next buttons

3
KlaymenDK

Plus- und Minuszeichen erhöhen/verringern normalerweise die Menge oder den Grad von etwas, wie z. B. die Anzahl der Artikel in einem Einkaufswagen, der Zoomstufe eines Bildes. In Ihrem Fall könnte man sagen, dass sie den Fortschritt des Schiebereglers erhöhen, aber das würde ihn ziemlich dehnen. Die unmittelbarste Bedeutung der beiden Schaltflächen besteht darin, dass sie den Schieberegler nach links und rechts bewegen. Das Ersetzen des Plus und Minus durch linke und rechte Winkel (<>) wäre also viel effektiver, um sowohl ihre Bedeutung als auch ihre Funktion (d. H. Tasten und keine Indikatoren) zu vermitteln.

In Bezug auf die Benutzeroberfläche gibt es eine Reihe von Möglichkeiten, die Erschwinglichkeit zu erhöhen, aber alle bedeuten einen Kompromiss für die Benutzeroberfläche. Zum Beispiel: Platzieren Sie sie in Kästchen/Kreisen. Geben Sie ihnen die gleiche violette Farbe wie dem Schieberegler. Erhöhen Sie sie ein wenig mit einem Schlagschatten. Aber ich denke, dass Sie auf jeden Fall einen langen Weg zurücklegen müssen, wenn Sie nur die Zeichen ändern.

1

Das sieht für mich in Ordnung aus, aber sehen Sie, was Ihre Benutzer denken.

(nextpreviousframe

1
Keno