it-swarm.com.de

Gibt es einen bevorzugten Speicherort für Erweitern / Reduzieren?

Ich bin gerade dabei, ein Formular zu entwerfen, das sowohl erforderliche als auch optionale Informationsgruppen enthält. Wir verwenden derzeit Gruppenabschnittsüberschriften in der gesamten Anwendung, daher habe ich sie hier aus Gründen der Konsistenz genutzt. Dies ist jedoch das erste Mal, dass wir Abschnitte erweitern.

Meine Frage ist, wo sollte sich das Symbol zum Erweitern/Reduzieren in diesem Szenario befinden, wo es eine Mischung aus expandierenden und statischen Abschnitten gibt?

Die Platzierung auf der linken Seite scheint logischer zu sein, aber die Platzierung auf der rechten Seite stellt sicher, dass die Gruppenbezeichnung immer an derselben Stelle beginnt.

(enter image description here

1
Mike N

Ich würde entweder ganz links oder ganz rechts sagen. Nicht im Zickzack in der Mitte. Konsistenz ist super wichtig.

Haben Sie jedoch darüber nachgedacht, die gesamte Zeile als Schaltfläche zu verwenden? Dies würde es zu einem viel größeren Ziel machen. Es hat den kleinen Nachteil, dass die Auswahl des Etikettentextes etwas schwieriger, aber nicht unmöglich ist. Versuchen Sie beispielsweise, eine der "verwandten Fragen" in der rechten Seitenleiste auszuwählen.

Sie würden am Ende so etwas wie auf diese Seite : enter image description here Es spielt keine Rolle, wie Sie es stylen, Sie können wählen (und ich würde das raten), immer noch ein + oder V als Dropdown-Indikator einzuschließen, um den Unterschied zwischen erweiterbaren und nicht erweiterbaren Headern anzuzeigen.

Wenn Sie genug, aber nicht zu viel Leerzeichen haben und Ihr Symbol ziemlich solide ist (verwendet viele Pixel, also ▼ anstelle von ▽), würde ich es ganz nach rechts verschieben, damit es von der Beschriftung abweicht. Auf diese Weise können Sie leicht überfliegen, um zu sehen, welche Teile sich ausdehnen können und welche nicht.

2
PixelSnader

Das Erweiterungssymbol auf der rechten Seite kann dazu beitragen, dass sich der Fluss "natürlicher" anfühlt. Wenn Sie es links platzieren, kann dies zu einem einheitlichen Erscheinungsbild führen. Die "Erweiterbarkeit" ist jedoch eine sekundäre Information. Die primäre Information, die der Benutzer bemerken soll, ist der Inhalt, auch bekannt als Text.

0
qbo

Option 1 ist besser als Option 2. Die + -Tasten sehen zumindest einheitlich positioniert aus und sind leichter zu identifizieren, sobald ihre Aktion gelernt ist.

0
uxpalette