it-swarm.com.de

In einer gruppierten Liste - Verschieben von Elementen von einer Gruppe in eine andere

Ich habe eine Web-App. Auf einem der Bildschirme habe ich eine gruppierte Liste ähnlich dem iPhone-Adressbuch, zum Beispiel:

enter image description here

Stellen Sie sich vor, ich kann auf Steve Becker tippen und sein Name ändert sich in Steve Acker. Sein Gegenstand wird von der B-Liste in die A-Liste verschoben.

Gibt es Best Practices für diese Art der Bewegung von Gegenständen?

Das Problem, das ich vorhersehen kann, ist das folgende; Wenn ich "Jeff Zed" auf "Jeff Add" verschiebe, verschwindet das Objekt aus dem Ansichtsfenster. Das A-Element wird dann weit über dem Ansichtsfenster außerhalb des Bildschirms eingefügt. Funktionell ist es erledigt, Jeffs Gegenstand wurde von der Z-Gruppe in die A-Gruppe verschoben. Das Einfügen des A-Elements würde jedoch dazu führen, dass das Ansichtsfenster Ruck nach unten so hoch ist wie die Höhe des neuen Elements, das eingefügt wurde. Eine böse UI-Erfahrung.

Ich könnte einfach die Bildlaufposition anpassen, um das neue Element zu löschen.

Gibt es Apps, von denen Sie wissen, dass sie dieses Verhalten auf erfreuliche Weise erreicht haben?

4
Gareth Elms

Ich glaube nicht, dass Sie hier ein großes Problem haben.

Sie haben eine Liste von Elementen, die über das Ansichtsfenster hinausgehen. Eine Aktion gegen Ende der Liste verschiebt sie nach oben. Na und? Sie müssen in der aktuellen Ansicht keine Elemente nach unten verschieben. Sie erhöhen einfach die Anzahl der Elemente über dem Ansichtsfenster und verschieben die Elemente mit schrittweiser Animation von unten nach oben. Möglicherweise geben Sie einen subtilen Hinweis darauf, dass das Element oben hinzugefügt und nicht gelöscht wurde - möglicherweise einen Pfeil oder einen kleinen Bezeichner oben in der Liste, der die Verwandtschaft mit dem gerade ausgewählten Element anzeigt - aber das bedeutet nicht Verschieben von Elementen nach unten. Sie können Ihren Pfeil oder Ihr Zeichen über einem anderen Element oder am Rand der Liste anzeigen lassen.

Wenn sich Ihr Artikel am Ende der Liste befindet, ist das etwas anders. Am Ende der Liste befindet sich eine Lücke, und Sie benötigen möglicherweise einen animierten Übergang, um Elemente nach unten zu ziehen. Die Benutzer haben jedoch eine Aktion ausgeführt. Sie erwarten, dass sich die Liste als Reaktion bewegt und ändert. Aktionen stören nur, wenn sie unerwartet sind - andernfalls sind sie Antworten und die Reaktionsfähigkeit ist gut.

3