2009-03-15 12 views
0

Was ist der beste Weg, visuell zu kommunizieren, dass ein Element zu einer Liste von Elementen hinzugefügt oder daraus entfernt wurde? (Ich bin für die Benutzerfreundlichkeit geht, nicht unentgeltlichen Augenschmaus)Beste Animation, um das Hinzufügen/Entfernen von Listenelementen anzuzeigen

  1. Schieben Sie die anderen Elemente nach oben oder unten das neue Element zu zeigen oder das gelöschte Element
  2. Fade Artikel in oder out verstecken, aber animieren nicht die andere Artikel
  3. eine Kombination von # 1 und # 2
  4. Keine Animation an allen
  5. eine andere Form der Animation

Antwort

2

ich denke, eine direkte Insertion mit einem progressiven (und langsam) Änderung der Hintergrundfarbe würde den Trick tun ... Ich finde es besonders effektiv auf SO selbst.

+0

Ich mag das ... wie sollten Umzüge aussehen? –

+0

Ich denke, der beste Weg wäre, das Listenelement unsichtbar zu machen und dann den Leerraum, den es in der Höhe gelassen hat, zu verkleinern. Ich versuchte, an etwas weniger Animation-schweres zu denken, aber nichts kam mir in den Sinn. –

0

ausbauen:

Wenn Sie ein Element aus einer Liste entfernen, können Sie davon ausgehen, dass dieses Element sichtbar ist (weil der Benutzer sie nur ausgewählt zu entfernen), so einfach es fade out (vielleicht mit einem Blinken bewirken).

Hinzufügen:

Wenn ein Element einer Liste hinzugefügt wird dann Scrollen ist keine gute Alternative, weil es nicht etwas, das der Benutzer direkt eingeleitet wird. Vielleicht muss er dann zurückblättern. Das wäre ein eindringliches Verhalten. Alternativ zeigen Sie neben der Liste eine blinkende Informationsmeldung an, dass der neue Artikel hinzugefügt wurde.

Verwandte Themen