it-swarm.com.de

Teaser am Ende der Seite herausschieben?

Auf immer mehr Websites wird am Ende der Seiten das angezeigt, was ich als "Teaser" bezeichne. Was passiert, ist, dass ich die Seite nach unten scrolle und mich dem unteren Rand nähere. Dann wird ein kleines Kästchen angezeigt, das normalerweise in der unteren rechten Ecke des Fensters (nicht auf der Seite) befestigt ist.

So aus der NY Times:

http://www.nytimes.com/
NY Times teaser slide-out

Oder dies von ui-patterns.com:

http://ui-patterns.com/
up-next call to action
Beachten Sie, wie diese Implementierung (a) angezeigt wird, anstatt zu gleiten, aber (b) scheint etwas zu früh ausgelöst zu werden.


Wie heißt dieses Entwurfsmuster und welche Auswirkungen hat UX?

4
Erics

Zunächst einmal - ich mag die Ausführung durch die NYT. Ich habe oft andere Artikel aus dieser Box besucht. Es scheint einige harte Worte für diese Praxis zu geben, aber sie scheinen auf Annahmen darüber zu beruhen, wie sie verwendet (oder missbraucht) wird. Ich glaube nicht, dass es ein Designmuster namens "Box mit beschissenem, nutzlosem Inhalt" gibt.

Es ähnelt den Benachrichtigungsmustern auf anspruchsvollen Websites, die teilweise aufgrund der einfachen Implementierung von jquery populär geworden sind. Suchen Sie nicht weiter als bis zum oberen Rand dieser Seite - stackoverflow hat Benachrichtigungen zum oberen Seitenanfang animiert, wenn ich mich anmelde, neue Abzeichen verdiene usw.

Wie auch immer, zu Ihren Fragen - dieses spezielle Muster scheint mit dem Gedanken verbunden zu sein, eine Art zusätzliche Aktion zu präsentieren, wenn sich der Benutzer dem Ende eines bestimmten Inhalts nähert. Also mein Begriff: verankerte Aktionen. Oder vielleicht verankerte Inhaltsanimationen.

Gut gemacht, sollten sie den Hauptinhaltsbereich nicht stören (die NYT hat nur eine Überlappung mit ihrer rechten Spalte und erst, nachdem der gesamte Inhalt in dieser Spalte gescrollt wurde). Ein guter UX-Profi würde sie sparsam einsetzen und sich nicht auf sie als primäres Mittel zur Navigation/Präsentation wichtiger Informationen verlassen.

Und wie Daniel Newman erwähnte, können diese von bestimmten Bildschirmgrößen abhängen. Sie sollten in mobilen Schnittstellen und anderen kleineren Auflösungen vermieden (oder zumindest sorgfältig durchgeführt) werden.

1
Voodoo

Wenn Sie also über das Benennen eines Musters sprechen, scheint der Name eines Musters durchweg zwei Elemente zu enthalten. Einer ist der Gegenstand, der gemustert wird, der andere ist sein Verhalten/seine Handlung. So sagt uns beispielsweise "Inline-Bearbeitung", dass wir ein Feld bearbeiten, und das Verhalten für die Bearbeitung ist "Inline" (im Gegensatz zum Klicken zum Bearbeiten usw.). Allgemeine Begriffe scheinen "Inline", "Hover", "Continuous", "Dynamic", "Prompt", "Spotlight", "Drag & Drop", "Modal" usw. zu sein.

In diesem Fall haben wir etwas, das basierend auf Triggern angezeigt wird - Position auf Seite, Zeit auf Seite, Entfernung nach unten gescrollt (z. B. 70% zum Ende der Seite) usw. Und es erscheint und klebt oder erscheint und Fading, abhängig von der Implementierung.

Ein Begriff, den ich für die SIMILAR-Funktionalität gesehen habe, ist "Toast Notification". http://bit.ly/spg3yr und http://bit.ly/st3OLL .

Ich denke, es passt zu Ihren Bedürfnissen - es sagt uns, was passiert: "Toast", d. H. Etwas taucht zu einem vorher festgelegten Zeitpunkt auf (wenn der Toast fertig ist!). Es sagt uns, was angezeigt wird - "Benachrichtigung".

Ein anderer Begriff, der anstelle von Benachrichtigung angewendet werden kann, ist "Handlungsaufforderung". Sie können es also als Toast-Aufruf zum Handeln betrachten. In diesem Fall möchten Sie, dass der Benutzer etwas unternimmt - klicken Sie sich durch einen neuen Artikel, geben Sie Feedback, bewerten Sie eine App, was auch immer.

In Bezug auf die Benutzerfreundlichkeit ist das Konzept bereits unter OSX und Windows bekannt. Knurrbenachrichtigungen, Taskleistenbenachrichtigungen usw. sind alle Formen derselben Art von Verhalten. Teilen Sie dem Benutzer mit, dass etwas außerhalb des Bereichs seiner Arbeitsoberfläche auffällig passiert ist, und lassen Sie ihn darauf reagieren. Ich bin bereit zu wetten, dass zumindest einige der oben genannten Leute, die poo-pooing machen, auch OSX mit aktiviertem Knurren verwenden. Ich schlage nicht!, Versuche nur darauf hinzuweisen, dass es etwas allgegenwärtiger ist, als wir vielleicht denken.

Nennen Sie es also eine Toast-Benachrichtigung oder einen Toast-Aufruf zum Handeln. Verwenden Sie es, wenn Sie den Benutzer auffällig über etwas außerhalb des "Rahmens" oder "Bereichs" seiner Arbeitsoberfläche/seines Lesebereichs informieren und ihm erlauben möchten, Maßnahmen zu ergreifen - einschließlich Schließen, Klicken, was auch immer.

Hoffe das hilft!

9
Mike Earley

Normalerweise bedeutet dies, dass das Gesamtdesign so voll von Müll und nutzlos ist, dass man, wenn man etwas platzieren möchte, das seine Benutzer interessieren könnte, es einfach nicht kann, weil all dieser Müll bereits vorhanden ist.

Wenn Sie also irgendwann in Ihrem Projekt der Meinung sind, dass das Hinzufügen eines solchen Banners eine gute Idee ist, ist dies ein gutes Zeichen dafür, dass Sie etwas aus dem Design entfernen, es vereinfachen und mehr Wert hinzufügen müssen.

Und zu UX-Implikationen:

  1. es sieht aus wie ein Banner und kann daher Opfer von Bannerblindheit werden.
  2. benutzer mögen normalerweise keine automatisch aktivierten Animationen.
6
Nikita Prokopov

Ich nenne es selbst eine "Zeit, userscripts.org zu besuchen und einen Blocker zu finden".

Im Ernst, tu das nicht. Animation sollte für Dinge verwendet werden, die für den Benutzer wichtig sind, nicht die Marketingabteilung.

4
John Y

Wie Sie anderen Antworten entnehmen können, sind einige Leute über solche Interaktionen nicht sehr aufgeregt. Ich denke, das hat mehr damit zu tun, wie Leute ihr Publikum missbrauchen, wenn es unangemessen verwendet wird.

Die Antwort von Mike Early ist großartig, wenn dies als Alarmmechanismus verwendet wird. Dies scheint nicht die Strategie der NY Times zu sein. Es wird als Werbemittel verwendet. Das ist keine schlechte Sache, kann aber dem Unternehmen (kurzfristig durch mehr Klicks) leicht mehr nützen als den Benutzern (indem es sie ablenkt und frustriert, während sie sich auf etwas anderes konzentrieren).

Ich habe das nur ein paar Mal gut gesehen. NY Times ist nicht einer von ihnen. Seltsamerweise ist einer von ihnen auf Khoi Vinhs Website . Er war der Design Director der NY Times.

Ironie? Vielleicht hat er deshalb aufgehört. :) :)

Previous Post Call to Action

Beachten Sie, dass das Feld "Vorheriger Beitrag" Teil des Designs zu sein scheint, das neben dem Ende des Beitrags und dem Beginn der Kommentare angeordnet ist. In diesem Fall könnten die Leute die Entscheidung treffen, weiterzulesen oder nach etwas anderem zu suchen.

Scrolling Previous Post Call to Action

Dann folgt es Ihnen die Seite hinunter, während Sie die Kommentare scannen. Zu diesem Zeitpunkt scannen Sie wahrscheinlich kleine Inhalte und ein Umzugskarton ist keine große Ablenkung.

Stopped Previous Post Call to Action

Dann stoppt es am Ende des Kommentarbereichs an einer Stelle, an der es immer noch als Teil des Designs aussieht. Zu diesem Zeitpunkt stört es die Fußzeile nicht, da hier möglicherweise nach weiteren Informationen gesucht wird, die nichts mit dem aktuellen oder vorherigen Beitrag zu tun haben.

Mir ist klar, dass dies kein "Ausrutschen" ist, auf das Sie sich bezogen haben. Aber hier könnte ich die Grenze zwischen einer guten Verwendung eines Tools zur Förderung relevanter Inhalte und der Forderung nach Aufmerksamkeit ziehen. Etwas, das sich in den Fluss von irgendetwas einfügt, lenkt die Menschen auf eine Weise ab, die möglicherweise nicht als hilfreich angesehen wird.

Ich bemühe mich sehr, eine Idee zu verteidigen, die viel missbraucht wird ... Hoffentlich macht das alles Sinn!

1
Dan Ritz