UX: Verbessertes Scrolling-Verhalten in Unterformularen

Bei Benutzerformularen geht es vor allem darum, es dem Benutzer leicht zu machen. Aber was passiert, wenn das Blättern zu einem Kampf zwischen Unterformularen und deren Inhalt wird? Wahrscheinlich haben Sie das schon einmal erlebt: Sie versuchen, durch ein Listenfeld in einem Unterformular zu blättern, aber stattdessen bewegt sich das gesamte Unterformular. Oder, noch schlimmer, Sie versuchen, das Unterformular selbst zu scrollen, aber das Listenfeld bleibt stur an seinem Platz!

Dies wurde mit 4D 20 R6 verbessert, so dass die Aktion natürlicher wirkt.

Was soll gescrollt werden? Das Unterformular oder sein Inhalt?

Ursprünglich (sagen wir mal „vor langer Zeit“) konnte man mit einem Scrollrad oder Trackpad nur das Unterformular selbst scrollen, nicht aber die darin enthaltenen Objekte. Dann war es genau andersherum! Die enthaltenen Objekte wurden gescrollt, aber nicht unbedingt das Unterformular selbst. Es sei denn, Sie verwenden die Bildlaufleisten, aber die sind oft versteckt. Kurzum, es war nicht immer einfach für den Benutzer!

Ein GIF hilft Ihnen vielleicht, das Ziel zu verstehen.

Hier ist, was wir jetzt mit dem Mausrad (oder einem Trackpad) tun können!

Das Beste aus beiden Welten

Wenn ein Unterformular scrollbare Objekte enthält, wird dieses von nun an zuerst gescrollt, vorausgesetzt, der Mauszeiger befindet sich über diesen Objekten, wenn das Scrollrad oder Trackpad aktiviert ist. Einige Objekte können je nach ihrem Inhalt scrollbar sein oder nicht. Eine leere Liste, ein kleines Bild oder ein Listenfeld, dessen Inhalt vollständig angezeigt wird, wird nie gescrollt.

Das Ergebnis ist in allen Fällen natürlich: Wenn ein Objekt innerhalb eines Unterformats scrollen kann, tut es das auch! Andernfalls (wenn es leer ist oder bereits vollständig gescrollt wurde), wird das „übergeordnete“ Unterformular gescrollt… bis ein neues scrollbares Objekt im Unterformular auftaucht. usw. bis zum Ende des Unterformulars.

Dies funktioniert natürlich in alle Richtungen, von oben nach unten, von unten nach oben, von links nach rechts oder von rechts nach links.

Fazit

Diese scheinbar kleine Änderung macht einen großen Unterschied in der Benutzerfreundlichkeit. Die Benutzer können sicher durch die Formulare navigieren, da sie genau wissen, was angezeigt wird, je nachdem, wo sie den Mauszeiger bewegen. So können Sie als Entwickler benutzerfreundlichere und intuitivere Schnittstellen entwerfen.