geschlossen. Diese Frage ist nicht zum Thema . Derzeit werden keine Antworten akzeptiert.

Kommentare

  • Wir ' verwenden ein kleines Symbol mit einem + und – Zeichen neben einem Ordnerbild. (Unsere Baumknoten sind normalerweise Ordner.)
  • Das ' ist eine Entwurfsfrage. Zum Schließen gewählt.
  • @Phil: Es gibt viele Fragen, die " Was ist ein gutes Symbol? " das hat viele positive Stimmen und Antworten. Ich kann ' nichts in den FAQ sehen, was darauf hinweist, dass Designfragen verboten sind.
  • @Phil Wie ist Design kein großer Teil der Benutzererfahrung …? Ich kann sehen, dass eine rein stilistische Frage unerwünscht ist, aber bei UX geht es darum, die Dinge richtig zu gestalten …
  • @alastairs: In den FAQ wird auch ' nichts gesagt dass Fragen zu Giraffen verboten sind;) Eine gute Frage wäre: Kann dies mit einem Symbol erreicht werden? Und wenn ja, welches ' ist das häufigste? Und meine Antwort wäre, dass nur sehr wenige Symbole ohne Label für ein breites Publikum funktionieren und dass ein anderer Ansatz besser sein könnte (mit einem schnellen Usability-Test leicht zu testen).

Antwort

Gehen Sie mit einem Chevron. Es ist weit verbreitet zum Reduzieren und Erweitern, und es ist ziemlich selbsterklärend.

hier Bildbeschreibung eingeben hier Bildbeschreibung eingeben

Kommentare

  • Ich mag diese. Wo haben Sie sie gefunden?
  • Ich habe mich selbst erstellt, fühlen Sie sich frei um sie zu verwenden.
  • Ich erstelle diese mit einem Guillemet ( en.wikipedia.org/wiki/Guillemet ), das ich dann um 90 Grad drehe Ich kann eine bestimmte Schriftart auswählen, um ein bestimmtes Aussehen zu erhalten.
  • Ja, dies ist für mich intuitiver als Dreiecke, die sich um 90 Grad drehen, um im Grunde genommen einen vertikalen Gleitratten darzustellen äh als eine Rotation. Eine Redewendung, die ich ' gesehen habe, ist die Verwendung eines einzelnen Abwärts-Chevrons zum Erweitern eines und des doppelten Abwärts-Chevrons zum Erweitern aller. Nach oben und nach oben verdoppeln, um zu kollabieren.
  • Ich denke, dies sind Aktionen von Seite zu Seite. Ist es nicht etwas verwirrend, '? oder bin ich der einzige?

Antwort

Ich habe diese Art von Idee zuvor verwendet – nicht Diese tatsächlichen Symbole, aber etwas, das auf ihnen basiert und dem Rest des Designstils entspricht.

Geben Sie hier die Bildbeschreibung ein.

Geben Sie hier die Bildbeschreibung ein.

Kommentare

  • Danke, ich hatte etwas Ähnliches wie das " " Symbol an anderer Stelle erweitern.
  • Dies ist sinnvoll, da die einzelnen Knoten vermutlich aus einer einzelnen Box bestehen, die entweder a enthält Plus- oder Minuszeichen. Wenn Sie OTOH für jeden Knoten im Baum einen einzelnen Chevron verwenden, kann die Version " all " verwendet werden Seien Sie Doppelsparren, was ein einfacher zu visuell zu analysierendes Symbol ist.

Antwort

Ich würde visuell zu einem gehen sauberere Lösung, dh mit weniger Artefakten / Unordnung.

Google Mail - Alle reduzieren Google Mail - Alle reduzieren Beispiel2

Beispiel1

Kommentare

  • Ich don ' Ich glaube nicht, dass ich ' dies jemals zuvor gesehen habe, also würde ich persönlich ' nicht anrufen Es wurde allgemein übernommen!
  • Ich habe gerade Google Mail überprüft und es wird ein ähnliches Symbol für die Schaltfläche zum Erweitern / Reduzieren verwendet, wenn eine E-Mail-Konversation angezeigt wird.

Antwort

Gibt es also einen Konsens? Im gesamten Web haben sie sogar innerhalb derselben Organisationen unterschiedliche Symbole verwendet. In Google Groups verwenden sie die Kombination aus Pfeil nach rechts und Pfeil nach unten. In Google Mail verwenden sie das + / -. In Google Plus verwenden sie das Chevron-Doppelpfeil. WTF? Ich verstehe, dass verschiedene Gruppen diese Anwendungen erstellen und ein Symbol an einer Stelle möglicherweise kontextbezogener ist als an der anderen, aber im Ernst, Standardisierung wäre nett.

Außerhalb des Chevron-Doppelpfeils, I. Ich habe es immer abgelehnt, den nach rechts / unten gerichteten Pfeil zu verwenden. Ich denke, es geht verloren / verwechselt mit irgendwelchen Kombinationsfeldern auf der Seite.

Antwort

Ich kann den Kontext, in dem das Design implementiert werden soll, nicht ganz erfassen. Aber ich habe immer Fälle gefunden wie diese müssen das Rad nicht unbedingt neu erfinden.

Eine gute Referenz ist http://patterntap.com/ Ich finde es immer nützlich, hoffentlich hilft es Ihnen.

Kommentare

  • Leider ist der Patternap-Link defekt.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.