it-swarm-eu.dev

Bestes Symbol zum Minimieren

Ich habe immer Probleme damit, das richtige Symbol für die Minimierung von Aktionen auszuwählen. Zum Beispiel: Im Akkordeon-Menü oder auf Bedienfeldern, die minimiert werden können, welches das beste Symbol wäre:

Ein Pfeil, der sich wie im OSX Finder dreht (z. B. rechte Seite/Gerätebedienfeld).

Eine +/- Taste?

Das Problem, das ich mit dem Pfeil habe, ist, dass eines oft als erweitertes Menü verwendet wird (Dropdown)

Zum Beispiel. Sie haben sie unter Firefox/dh/Windows OS. Es wird die Tatsache hervorgehoben, dass dies nicht nur eine Schaltfläche ist, sondern dass ein Dropdown-Menü angezeigt wird.

Das Problem des +/- ist, dass es häufig zum Erstellen/Löschen (Entfernen) verwendet wird.

Irgendwelche Ideen? Vorschläge?

10
Marc D

Ich würde definitiv Nein zum Unterstrich sagen, es ist spezifisch für die Minimierung eines Fensters, es hat auch nicht wirklich eine Umkehrung, was würden Sie zum Öffnen der Oberfläche wieder verwenden.

Sowohl Windows als auch OS X verwenden den Offenlegungspfeil/das Dreieck/das Steuerelement in der von Ihnen beschriebenen Situation. Er tritt sogar auf dem iPhone auf, obwohl in diesem Fall die Untersteuerung nicht geöffnet wird, sondern die Ansicht geändert wird

Windows Disclosure controls

Diese Steuerelemente stammen aus Microsoft UI Experience Guidelines , während sie die +/- Symbole enthalten. Alle anderen sind Pfeile und Dreiecke.

Das entsprechende Apple Dokument nennt es das Disclosure Triangle

Apple Disclosure Triangle Example

Und wie bereits erwähnt, verwendet das JQuery-Akkordeon das gleiche Aussehen für diese Art von Funktionalität.

In den meisten Fällen dreht sich der Pfeil mit dem Öffnen und Schließen des verborgenen Abschnitts

In Bezug auf Ihre Sorge, dass es mit dem Pfeil verwechselt wird, der im Dropdown-Feld verwendet wird, sieht es in den meisten Fällen völlig anders aus, erfüllt aber auch einen ähnlichen Zweck, indem es eine verborgene Ansicht aufdeckt, selbst wenn die Ansicht über dem aktuellen Inhalt liegt statt innerhalb des Inhalts.

Wenn Sie mit dem +/- Hinweis fortfahren möchten, dass Windows nicht nur freistehend verwendet wird, sondern sich auf einer abgestuften Oberfläche befindet, die auf eine Schaltfläche hinweist

14

Der Pfeil, der Unterstrich und +/- würden höchstwahrscheinlich funktionieren. Ich würde sagen, Sie sollten über die Assoziationen nachdenken, die jeder von ihnen hat, und herausfinden, was in Ihrer Situation am sinnvollsten ist.

Minimizing in Google Chrome on Ubuntu

Der Unterstrich hat, wie ChrisF sagte, die Assoziation, eine komplette Einheit vom Bildschirm zu minimieren - sie nicht an Ort und Stelle zu reduzieren, sondern eine Art "get" das aus meinem Gesicht "Gefühl. Es würde es auf einen Ort minimieren, der unscharf ist, anstatt es an Ort und Stelle zu halten, aber es kleiner zu machen.

Plus-Minus Icon, meaning "collapse a tree"

Das +/- (nur wenn es zwischen den beiden wechselt - entweder eins für sich würde das Hinzufügen oder Entfernen eines Elements aus einer Liste ähnlicher Elemente bedeuten, hat wie die Registerkarten in FF/Chrome eine spezifische Zuordnung zu Bäumen und zusammenklappbaren Knoten. Die Annahme ist, dass der Titel an Ort und Stelle bleibt, wenn Sie [-] drücken, und der Inhalt erweitert wird. Soweit ich das beurteilen konnte, bezieht es sich eher auf Listen und Namen/Titel von Inhalten als auf den Inhalt selbst (wie in können Sie damit eine Liste erweitern von Dateien, aber nicht die Dateien zu sehen selbst).

Ich sehe in letzter Zeit mehr von dem Pfeil/Dreieck in verschiedenen Formen, wie in den Adobe-Bedienfeldern und in verschiedenen Web-Apps. Dies ist ein Abwärtspfeil, dessen Funktion dem +/- ähnelt, wobei das + ein Seitenpfeil (wie gezeigt) und das - ein Abwärtspfeil ist. Es macht etwas Ähnliches wie +/-, obwohl ich argumentieren würde, dass es weniger Wert auf die aufgezählten Werte im Untermenü von +/- legt und mehr zu einem generischen "Inhalt" führt. Es wäre nicht seltsam zu sehen, dass ein neues Panel, das in seinem Stil nichts mit der Liste zu tun hat, aus der es herausspringt, unter dem Pfeil hervorkommt - siehe jQuerys Akkordeonmenü für ein Beispiel dieses Stils. Ich würde argumentieren, dass die Pop-out-Menüzuordnung mehr ist, wenn sie nicht direkt neben dem Titel/Bezeichner platziert ist und wenn sie eher wie eine Schaltfläche aussieht, wie folgt:

alt text

Hier haben Sie drei Pfeile, die jeweils von einem Titel getrennt sind und eher wie Schaltflächen als alles andere aussehen. Wie erwartet werden alle Menüs angezeigt. (Eine weitere interessante Wendung ist der Rechtspfeil, der sich überhaupt nicht bewegt - eine Art "Link".)

Um ehrlich zu sein, wenn es sich um ein Akkordeonmenü handelt, warum nicht auf ein Symbol verzichten und einfach den Titel/die Kennung anklickbar machen, mit einem Mauszeiger, um dies anzuzeigen? Das Beispiel bei UI Patterns hat das, ich bevorzuge eigentlich den Stil - es entfernt die Assoziationen all dieser Symbole.

Ich hoffe, das hilft!

5

Der "Microsoft" - ein Unterstrich am unteren Rand der Schaltfläche - scheint auf den ersten Blick ein sicherer Ansatz zu sein.

Minimize Icon

aber es würde davon abhängen, wo das Fenster "auf" minimiert wurde und funktioniert möglicherweise nicht, wenn Sie ein Panel "auf sich selbst" reduzieren.

4
ChrisF

Windows 95 hat den Unterstrich populär gemacht, wie in ChrisFs Antwort beschrieben, aber ich denke, das liegt an der Zuordnung zur Taskleiste, auf die das Fenster "minimiert" wird, und an seiner häufigsten Position. Ein mögliches Problem besteht darin, dass die Taskleiste verschoben werden kann (z. B. an den oberen Bildschirmrand). An diesem Punkt fällt die Analogie des Symbols ab. Windows 3 verwendet Aufwärts- und Abwärtspfeile .

Ich denke, wenn die Verkleinerung einem Fenstersystem entspricht, ist der Unterstrich sinnvoll. Ein Akkordeon ist jedoch ganz anders, und ich denke, die häufigsten Beispiele haben kein Symbol, sondern nur einen horizontalen Block mit festem Hintergrund, der sich beim Klicken erweitert. Normalerweise gibt es eine Art Schwebeeffekt, um Interaktion zu vermitteln.

1
Bobby Jack

Der Unterstrich oder "-" ist sicher, hängt aber auch davon ab, wie genau das Menü/Panel minimiert wird. In Photoshop werden die Werkzeugfenster beispielsweise mit einem kleinen Doppelpfeil minimiert, der in die Richtung zeigt, die das Bedienfeld beim Reduzieren minimiert. Ich denke, in diesem Fall funktioniert der Doppelpfeil besser als ein Unterstrich.

0
Ben

Also, um zusammenzufassen,

_ (Unterstrich/Quadrat), warum nicht abhängig von der kommenden Animation? Meine Frage ist, dass ich das auf einem OSX-System nie symbolisch sehe. Ist ich Windows OS nur Metapher?

›Pfeil scheint weit verbreitet zu sein. Passt aber nicht zu einem Erweiterungs-/Minimierungsverhalten (wie in iGoogle)

-/+ (minus/plus) sieht nicht sehr beliebt aus. und es wird mit dem Hinzufügen/Entfernen von Inhalten verwechselt.

Recht?

0
Marc D

Der Unterstrich funktioniert unter OSX nicht (es ist - im Kreis)

Ich denke, Sie sollten sich etwas anderes fragen.

Wie maximieren Sie das Erscheinungsbild von Symbolen? Dann wissen Sie, wie Ihr Minimierungssymbol aussehen wird. (zum Beispiel + dann -)

0
ThomPete