it-swarm.com.de

Sind runde Kontrollkästchen verwirrend oder ein akzeptierter Standard?

Ich habe heute dribbble.com durchsucht und bin auf einen neuen Beitrag von einem der Designer gestoßen, denen ich folge. Er hatte ein neues modales Formular veröffentlicht, das abgerundete Kontrollkästchen verwendete. Ich habe diese noch nie gesehen.

enter image description here

Ist dies ein akzeptierter Standard oder sind sie für den Benutzer verwirrend (bevor er sie speziell überprüft), weil sie wie Optionsfelder aussehen?

Update: Gerade gefunden ein anderer Ort der sie auch benutzt.

Update Nr. 2: Nachdem ich einige der Kommentare gelesen hatte, stellte ich fest, dass dies auch in iOS vorhanden ist, aber ich habe es nie bemerkt. Auch nachdem ich Morgans andere Arbeit zurückgegangen war, sah ich, dass sein ursprüngliches Design dieser Art von Kontrollkästchen eine Neugestaltung des aktuellen iOS war:

enter image description here

Meine Vermutung, woher dies kam, ist eine Modifikation der üblichen runden iOS-Löschtaste. Da das runde Kontrollkästchen nur beim Löschen von Nachrichten angezeigt wird, muss es eine klarere Möglichkeit gewesen sein, anzuzeigen, dass mehrere Nachrichten zum Löschen bereit waren, aber sie haben nicht daran gedacht, dass es wie ein Radio aussieht Taste. Es scheint auch nur zum Entfernen eines Elements verwendet zu werden.

enter image description here

82
Matt Rockwell

Wenn ich das in einer Benutzeroberfläche sehen würde, würde ich davon ausgehen, dass nur ein Element überprüft werden kann, insbesondere bevor eines ausgewählt wurde. Nur der Wortlaut des Titels würde mir anzeigen, dass eine Mehrfachauswahl möglich ist. Ich denke, dieses Design würde dazu führen, dass mehr als die normale Anzahl von Personen einen einzelnen Artikel anstelle einer Auswahl von Artikeln auswählt.

Ich sehe hier keinen Vorteil darin, akzeptierten Trends zu trotzen, außer alles überall kurvig zu machen, aber hübsche, abgerundete Rechtecke würden den Job genauso gut machen, intuitiver und standardisierter sein.

Ich mag das Aussehen aus einer reinen grafischen Perspektive nicht - ich denke nur nicht, dass es aus der Erschwinglichkeit Perspektive richtig ist.

- Update bearbeiten -

Ich habe es mit abgerundeten Quadraten neu gestaltet:

enter image description here

- weiteres Update -

Als interessantes Addendum - ich habe dies (unten) kürzlich in einer Umfrage zu Google Spreadsheets Viewform (von UXPin) gefunden. Es kombiniert die äußere Form eines Kontrollkästchens, sodass Fragen mit mehreren Antworten und Fragen mit einer Antwort Optionen haben, die im Aussehen ziemlich ähnlich aussehen, die Optionen mit einer Antwort jedoch die innere Kreisform eines Optionsfelds haben.

Ich hatte keine Verwirrung darüber, wie es verwendet werden könnte, aber ich fand diese Darstellung sehr ungewöhnlich - tatsächlich war dies das erste Mal, dass ich sie sah. Ich finde das ziemlich interessant.

enter image description here

131
Roger Attrill

Ein Testbox sollte wie eine Box und nicht wie ein Kreis aussehen. Sie sind schließlich keine Kontrollkreise. Subtil abgerundete Ecken wären, wie andere bereits erwähnt haben, in Ordnung, aber Benutzeroberflächen haben immer ein Kontrollkästchen als Quadrat und ein Optionsfeld als Kreis dargestellt. Die Designer hinter Ihren Beispielen versuchen wahrscheinlich, anders zu sein und bevorzugen Stil gegenüber Funktion.

40
jimp

Ein Kontrollkästchen sollte quadratisch sein. Wie Cooper, Reimann und Cronin in About Face (Hervorhebung von mir) geschrieben haben:

Kontrollkästchen sind traditionell quadratisch. Benutzer erkennen visuelle Objekte an ihrer Form, und das quadratische Kontrollkästchen ist ein wichtiger Standard. Rechtwinkligkeit ist an sich nichts Gutes oder Schlechtes. Es war einfach die ursprünglich gewählte Form und viele Benutzer haben bereits gelernt, diese Form zu erkennen. Es gibt keinen guten Grund, von diesem Muster abzuweichen. Machen Sie sie nicht rautenförmig oder rund, unabhängig davon, was die Marketing- oder Grafikleute sagen.

Die runden "Kontrollkästchen" in Ihrem zweiten Update scheinen einen Verstoß gegen Apples eigene Richtlinien für die Benutzeroberfläche zu sein.

Die Benutzer erwarten, dass Standardansichten und -steuerelemente in allen Anwendungen einheitlich aussehen und sich einheitlich verhalten.

Befolgen Sie die empfohlenen Verwendungszwecke für Standardelemente der Benutzeroberfläche. Auf diese Weise können sich Benutzer auf ihre Vorkenntnisse verlassen, um beim Erlernen der Verwendung Ihrer Anwendung zu helfen.

...

Vermeiden Sie es, das Erscheinungsbild eines Steuerelements, das eine Standardaktion ausführt, radikal zu ändern. Wenn Sie unbekannte Steuerelemente zum Ausführen von Standardaktionen verwenden, verbringen Benutzer Zeit damit, die Verwendung zu ermitteln Sie werden sich fragen, was Ihre Steuerelemente, wenn überhaupt, tun, was die Standardsteuerungen nicht tun.

Insbesondere werden in diesem Dokument keine Kontrollkästchen oder Optionsfelder erwähnt.

Die Mac OS X-Richtlinien beschreiben, wie Optionsfelder und Kontrollkästchen verwendet werden sollten ("Verwenden Sie Optionsfelder anstelle von Kontrollkästchen, um eine Reihe von Auswahlmöglichkeiten bereitzustellen, aus denen Benutzer nur eines auswählen können.") Und das Die Standard-Kontrollkästchensteuerung ist ein Quadrat mit abgerundeten Ecken.

27

Die runden "Kästchen" implizieren, dass es sich um eine andere grafische Darstellung eines Optionsfelds handelt. Eine verwirrende.

Ob das der Fall ist oder nicht, weiß ich nicht, ohne den Kontext zu lesen. Abgerundete Kästchen sind eine Sache, aber Kreise sind nicht so hilfreich wie sie sein könnten, da sie die visuelle Sprache eines anderen Widgets verwenden, dessen Funktionalität nahe genug ist, um kognitive Dissonanzen zu verursachen.

8
Nathanael

Es gibt nicht genug Kontext auf dem dribble.com-Posting, um sicherzugehen, ob dies funktioniert. Im Kontext einer App funktionieren diese abgerundeten Kontrollkästchen möglicherweise einwandfrei. Sie können auch funktionieren, wenn einer von ihnen (immer) standardmäßig aktiviert ist (d. H. Das Häkchenbild hilft beim Verständnis der Funktion).

Ich habe jedoch keinen Zweifel daran, dass runde Kontrollkästchen KEIN Standard sind. diese sehen gut aus, sorgen aber für Verwirrung. Jakobs Gesetz der Webbenutzererfahrung sagt, dass "Benutzer die meiste Zeit auf anderen Websites verbringen".

6
Jacque

Ich denke nicht, dass die iOS-Version verwirrend ist. Was verhindert, dass es als Optionsfeld im üblichen Sinne des vertrauten Kreises mit dem Punkt darin gesehen wird, wie es sowohl von Windows als auch von Mac OS seit vielen Jahren bereitgestellt wird, ist die Verwendung der Tick-Ikonographie. Das Häkchen deutet auf ein Häkchen hin, das einem Kontrollkästchen (Kreuz) ähnelt. Nicht die umgebende Randform. Wenn sie einen runden Punkt in einem quadratischen Kästchen verwendet hätten, wäre dies meiner Meinung nach verwirrend. Aber warum? Zecken werden seit Jahren als Ersatz für ein Kreuz (oder einen Scheck) verwendet. Sehen Sie sich das vollständige Feld in einer Aufgabenliste an. Niemand ist davon verwirrt. Wenn aus meiner Sicht die richtige Ikonographie im Design verwendet wird, spielt es keine Rolle, wie die umgebende Randform aussieht. Schieben Sie das Boot heraus. Du könntest Sterne. Nicht dass ich würde. :) :)

0
Darren