Die Gefahren der Entführung von Schriftrollen im Webdesign
Trent Waltons Artikel ' Scroll Hijacking 'sagt, dass die Erwartung eines Benutzers an die Scrolling-Interaktion einer Website nicht aus Gründen der narrativen Erfahrung zerstört werden sollte.
Er zitiert den Fall von Apfel Die neuesten Produktseiten, die das Scrollen an bestimmten Stellen auf der Seite stoppen. Ich habe vorher darüber geschrieben, wie mir das gefallen hat, aber ich habe es mir anders überlegt.
Eine immersive Erfahrung mit einer starken Erzählung zu schaffen, ist etwas, das man gesehen haben muss, wenn es richtig gemacht wird. Momentan gibt es auch einen Trend, bei dem lange Bildlaufseiten mit bestimmten Abschnitten Animationen oder tiefgreifendere Interaktionen enthalten.
Diese sind großartig und ich liebe es, dieselben Websites zu entdecken und den Inhalt aufzunehmen. Aber wir müssen bei diesem Ansatz vorsichtig sein, da ein kleiner Fehler dazu führen kann, dass die gesamte Erfahrung auseinander fällt.
Wenn Sie die Erwartungen der Benutzer an die Funktionsweise eines bestimmten Steuerelements für eine Webseite untergraben, kann dies ihre Erfahrung beeinträchtigen und eine negative Reaktion hervorrufen.
Wenn Sie die Bildlaufrate einer Seite überholen, nehmen Sie dem Benutzer die Steuerelemente weg, um den Inhalt der Seite in seiner eigenen Zeit durchzugehen.
Öffnen von Links in einem neuen Browserfenster, nicht unterstrichene Links, die sich in die Textkopie einfügen und das Logo auf einer Seite nicht wieder mit der Startseite verknüpfen: All diese kleinen Details, denen es an festen Regeln mangelt, sind alles, was möglich ist die Erfahrung eines Benutzers beeinträchtigen. Interaktionen sind winzig, aber mächtig.
Schauen Sie sich diese Beispiele für schlechte Bildlaufinteraktion an:
01. iPad Air
Das Seitendesign für das Apple iPad Air ist ein großer Übeltäter, wenn es darum geht, die Geschwindigkeit zu stoppen, mit der Sie die Seite selbst scrollen können. Es ist ein schöner Effekt, bis Sie einen Teil des Inhalts überspringen möchten.
02. Kit Kat
Die Website für Kit Kat bietet eine Erzählung über eine lange Bildlaufseite mit unzähligen Interaktionen und großen Bildern. Der Benutzer kann steuern, wie der Inhalt aufgenommen werden soll: schnell oder langsam oder sogar mithilfe der bereitgestellten Navigation auf der Seite.
03. ConvergeRVA
Achten Sie darauf, dass Sie einen Benutzer nicht aufhalten. Wenn ein Benutzer mit einem mobilen Gerät auf unserer alten ConvergeRVA-Konferenzseite zur Karte gelangt, überholt der Bildlauf der Karte die Bildlauffunktion des Benutzers und stoppt die Seite. Wir haben dies auf der neuen Version der Website behoben.
Wörter : Gene Crawford
Gens Mission ist es, unermüdlich daran zu arbeiten, Entwicklern Inspiration und Einblicke zu bieten. Dieser Artikel erschien ursprünglich in Netzmagazin Ausgabe 249.