{"id":4025,"date":"2024-09-02T13:50:59","date_gmt":"2024-09-02T13:50:59","guid":{"rendered":"https:\/\/hocoos.com\/?post_type=answer&#038;p=4025"},"modified":"2026-01-20T14:48:28","modified_gmt":"2026-01-20T14:48:28","slug":"was-ist-unendliches-scrollen-auf-websites","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/de\/antworten\/was-ist-unendliches-scrollen-auf-websites\/","title":{"rendered":"Was ist unendliches Scrollen auf Websites?"},"content":{"rendered":"<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Inhaltsverzeichnis<\/h2><nav><ul><li><a href=\"#pagination-vs-infinite-scroll-which-is-better-for-your-content\">Paginierung vs. Endlos-Scrollen: Was ist besser f\u00fcr Ihre Inhalte?<\/a><ul><li><a href=\"#what-are-the-benefits-and-limitations-of-infinite-scrolling\">Was sind die Vorteile und Grenzen des Endlos-Scrollens?<\/a><\/li><li><a href=\"#is-infinite-scrolling-right-for-your-design\">Ist Endlos-Scrollen das Richtige f\u00fcr Ihr Design?<\/a><ul><li><a href=\"#what-types-of-websites-or-applications-are-best-suited-for-infinite-scrolling\">F\u00fcr welche Arten von Websites oder Anwendungen ist Endlos-Scrollen am besten geeignet?<\/a><\/li><li><a href=\"#are-there-any-accessibility-concerns-related-to-infinite-scrolling\">Gibt es Bedenken hinsichtlich der Barrierefreiheit im Zusammenhang mit Endlos-Scrollen?<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#conclusion\">Fazit<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pagination-vs-infinite-scroll-which-is-better-for-your-content\" style=\"font-size:32px\"><strong>Paginierung vs. Endlos-Scrollen: Was ist besser f\u00fcr Ihre Inhalte?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Die Wahl der richtigen Option h\u00e4ngt vom Kontext, dem Zweck und den Inhalten ab, die Sie vermitteln m\u00f6chten. <\/p>\n\n\n\n<p style=\"font-size:18px\">Bedenken Sie Folgendes:<\/p>\n\n\n\n<p style=\"font-size:18px\">Unendliches Scrollen ist in der Regel geeignet f\u00fcr:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Unterst\u00fctzung der Inhaltserkundung und -entdeckung:<\/strong> Anwendbar auf soziale Medien, Newsfeeds, E-Commerce-Produktlisten oder Bildergalerien, in denen Benutzer ohne bestimmten Zweck eine eingehende Erkundung durchf\u00fchren k\u00f6nnen.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Mobile-First-Design: <\/strong>Es betont die Benutzerfreundlichkeit und Navigation auf Mobilger\u00e4ten.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p style=\"font-size:18px\">Und die Paginierung wird bevorzugt, wenn:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Benutzer nach einer bestimmten Information suchen:<\/strong> Zum Beispiel Produktkataloge oder Suchergebnisse, bei denen der Benutzer m\u00f6glicherweise zu einer bestimmten Seite oder einem bestimmten Produkt springen m\u00f6chte.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"what-are-the-benefits-and-limitations-of-infinite-scrolling\" style=\"color:#422b82;font-size:22px\"><strong>Was sind die Vorteile und Grenzen des Endlos-Scrollens?<\/strong><\/h3>\n\n\n\n<p style=\"font-size:18px\">Die Vorteile und Einschr\u00e4nkungen von Endlos-Scrolling umfassen in der Regel Folgendes:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Verbesserung der Benutzerbindung x \u00dcberlegungen zur Barrierefreiheit: <\/strong>Die F\u00fclle an Informationen h\u00e4lt die Nutzer auf der Webseite interessiert, kann aber f\u00fcr Tastaturnutzer und andere, die auf Bildschirmleseger\u00e4te angewiesen sind, sehr frustrierend sein.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Verbessertes mobiles Erlebnis x M\u00f6gliche Leistungsprobleme:<\/strong> Die Anwendung ist auf Touch-Ger\u00e4ten intuitiv und einfach, aber eine gro\u00dfe Datenmenge macht die Webseite langsam.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Nahtlose Navigation x Finden bestimmter Inhalte:<\/strong> Es ist eine m\u00fchelose Interaktion, einfach gerade nach unten zu scrollen; dennoch k\u00f6nnen Benutzer Schwierigkeiten haben, etwas zu finden, das sie zuvor gesehen haben.<\/li>\n<\/ul>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nProfi-Tipp: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nF\u00fcgen Sie immer einen visuellen Hinweis hinzu, wenn Sie weitere Daten abrufen, z. B. eine Ladeanimation, um die Wahrscheinlichkeit von Mehrdeutigkeiten f\u00fcr die Benutzer zu beseitigen. Dies verhindert jegliche Verwirrung und \u00c4rger.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"is-infinite-scrolling-right-for-your-design\" style=\"color:#422b82;font-size:22px\"><strong>Ist Endlos-Scrollen das Richtige f\u00fcr Ihr Design?<\/strong><\/h3>\n\n\n\n<p style=\"font-size:18px\">Die folgenden Fragen k\u00f6nnen Ihnen helfen, festzustellen, ob Endlos-Scrolling f\u00fcr Ihr Website-Design geeignet ist:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Was ist die Gesamtwirkung Ihrer Webseite?<\/strong> Ist die Absicht, den Benutzern das Entdecken zu erm\u00f6glichen, oder geht es darum, eine bestimmte Information zu vermitteln?<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Benutzen die Nutzer haupts\u00e4chlich ihre Smartphones? <\/strong>Dann w\u00fcrde wahrscheinlich unendliches Scrollen f\u00fcr sie funktionieren.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Wie sieht es mit der Leistungsoptimierung aus?<\/strong> Bei unendlichem Scrollen muss eine sorgf\u00e4ltige Optimierung durchgef\u00fchrt werden, um langsame Seitenneigungen zu vermeiden.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Haben Sie die Barrierefreiheit ber\u00fccksichtigt?<\/strong> Abst\u00e4nde werden empfohlen, um sicherzustellen, dass unendliches Scrollen f\u00fcr Benutzer mit anderen Behinderungen praktikabel ist.<\/li>\n<\/ul>\n\n\n\n<p style=\"font-size:18px\">Es ist ideal, sowohl unendliches Scrollen als auch Seitenumbruch auf Ihrer Website auszuprobieren und die Leistung derjenigen Methode zu messen, die f\u00fcr Ihr Publikum am besten funktioniert.<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nProfi-Tipp: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nWenn Sie unendliches Scrollen verwenden, ist es empfehlenswert, eine \"Zur\u00fcck nach oben\"-Schaltfl\u00e4che anzubieten, da kontinuierliches Scrollen f\u00fcr Benutzer unpraktisch sein kann, was zum Abbruch der Suche f\u00fchren kann.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-color has-medium-font-size\" id=\"what-types-of-websites-or-applications-are-best-suited-for-infinite-scrolling\" style=\"color:#422b82\"><strong>F\u00fcr welche Arten von Websites oder Anwendungen ist Endlos-Scrollen am besten geeignet?<\/strong><\/h4>\n\n\n\n<p style=\"font-size:18px\">Unendliches Scrollen wird f\u00fcr Websites oder Anwendungen wie die unten aufgef\u00fchrten verwendet:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Soziale Netzwerke:<\/strong> Twitter, Instagram, Facebook und Social-Media-Websites.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Nachrichten-Websites:<\/strong> Diese Websites ben\u00f6tigen h\u00e4ufige Aktualisierungen, insbesondere in diesem Fall.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Bildergalerien und E-Commerce-Produktlisten:<\/strong> M\u00fcssen in der richtigen Reihenfolge und im passenden Kontext angeordnet sein.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Mobile Apps:<\/strong> Die Integration von Endlos-Scrolling in die mobile Benutzeroberfl\u00e4che ist ein relativ unkomplizierter Prozess.<\/li>\n<\/ul>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nProfi-Tipp:\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nEndloses Seiten-Scrolling kann f\u00fcr solche Arten von Website-Inhalten verwendet werden, die fortlaufend sind und bei denen Benutzer nicht regelm\u00e4\u00dfig zu bestimmten Teilen scrollen m\u00fcssen.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-color has-medium-font-size\" id=\"are-there-any-accessibility-concerns-related-to-infinite-scrolling\" style=\"color:#422b82\"><strong>Gibt es Bedenken hinsichtlich der Barrierefreiheit im Zusammenhang mit Endlos-Scrollen?<\/strong><\/h4>\n\n\n\n<p style=\"font-size:18px\">Ja. Es ist wichtig zu beachten, dass Endlos-Scrolling auf Websites seine Vorteile hat, die Nutzung jedoch mit Vorsicht erfolgen sollte. Diese Aspekte spielen neben der Art und Weise, wie das Endlos-Scrolling integriert ist, eine wichtige Rolle f\u00fcr eine konsistente Benutzererfahrung.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Die Bereitstellung klarer Navigationsmarken, alternativer Zugriffsmethoden auf die Inhalte und eine ordnungsgem\u00e4\u00dfe Fokusverwaltung sind einige der wichtigen Funktionen, um Endlos-Scrolling f\u00fcr alle Benutzer nutzbar zu machen.<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nTiefer Einblick: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\n\u2022 Bieten Sie optimierte Alternativen zum Endlos-Scrolling, z. B. die Einbindung von ARIA-Landmarken.<br><br> \n\u2022 Strukturieren Sie den Inhalt so, dass er klare Orientierungspunkte und \u00dcberschriften f\u00fcr Nutzer von Bildschirmleseger\u00e4ten bietet, auch bei der Option des Infinite Scrolling.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\" style=\"font-size:32px\"><strong>Fazit<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Infinite Scrolling ist eine interaktive Funktion, die kontinuierliches Betrachten von Inhalten beim Herunterscrollen erm\u00f6glicht und potenziell die Nutzerbindung erh\u00f6ht. Dies ist jedoch nicht bei jedem Ansatz der Fall. Die Untersuchung der Vor- und Nachteile einer Funktion und ihrer Eignung f\u00fcr eine bestimmte Zielgruppe erm\u00f6glicht fundierte Entscheidungen hinsichtlich der Funktionalit\u00e4t und User Experience der Website.<\/p>","protected":false},"excerpt":{"rendered":"<p>Paginierung vs. unendliches Scrollen: Was ist besser f\u00fcr Ihre Inhalte? Die Wahl des Passenden h\u00e4ngt vom Kontext, Zweck und den Inhalten ab, die Sie bereitstellen m\u00f6chten. Bedenken Sie Folgendes: Unendliches Scrollen ist normalerweise geeignet f\u00fcr: Und Paginierung wird bevorzugt, wenn: Was sind die Vorteile und Einschr\u00e4nkungen des unendlichen Scrollens? Die Vorteile und Einschr\u00e4nkungen des unendlichen [&hellip;]<\/p>","protected":false},"author":39,"featured_media":4043,"template":"","answers_category":[28],"class_list":["post-4025","answer","type-answer","status-publish","has-post-thumbnail","hentry","answers_category-website-design"],"acf":{"image":7816,"card_image":4043,"content":[{"acf_fc_layout":"header_section","title":"Was ist unendliches Scrollen?","descriptions":"Infinite scrolling, also referred to as endless scrolling, is a web design technique in which the site loads additional content as the user scrolls down viewing an infinitely long web page. Removing the need for \u201cnext page\u201d button clicks could result in a more comfortable navigation experience.\r\n\r\nYou can imagine a social networking site (e.g. Instagram) or an image gallery website with endless scrolling.","tip_label":"Pro Tip","tip":"If you want to use the infinite scrolling functionality, don\u2019t forget to implement \u201clazy loading\u201d. This is done to increase the speed of the application meaning that some content will load dynamically upon becoming visible.","additional_tips":null,"key_takeaways_label":"Key Takeaways:","key_takeaways":[{"label":"Endless scrolling = more engagement; however, not ideal if you want to search for a particular piece of information","body":""},{"label":"Optimizing performance and accessibility is crucial when implementing infinite scroll","body":""},{"label":"Check out different versions of scrolling and pagination to see what is best for your users","body":""}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/answer\/4025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/users\/39"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/media\/4043"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/media?parent=4025"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/de\/wp-json\/wp\/v2\/answers_category?post=4025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}