{"id":27267,"date":"2026-05-13T10:30:28","date_gmt":"2026-05-13T08:30:28","guid":{"rendered":"https:\/\/birdux.studio\/?p=27267"},"modified":"2026-05-13T11:10:27","modified_gmt":"2026-05-13T09:10:27","slug":"cognitive-load-care-dimension","status":"publish","type":"post","link":"https:\/\/birdux.studio\/en\/cognitive-load-care-dimension\/","title":{"rendered":"The costs of cognitive load and what that has to do with hidden picture puzzles"},"content":{"rendered":"\n<p>Dieser Artikel wurde erstmals als&nbsp; 17. Ausgabe des LOVE \/: RAGE LinkedIn Newsletters (<a href=\"https:\/\/www.linkedin.com\/newsletters\/love-or-rage-7285297224371085312\/\" target=\"_blank\" rel=\"noopener\">www.linkedin.com\/newsletters\/love-or-rage<\/a>) ver\u00f6ffentlicht. Ein deutschsprachiger Newsletter dar\u00fcber, wie wir (digitale) Erlebnisse von RAGE zu LOVE bringen!&nbsp;<\/p>\n\n\n\n<p>Er ist der erste von vier LOVE \/: RAGE Ausgaben, die sich tiefer mit den vier Dimensionen des CARE-Checks (Cognitive, Responsible, Accessible, Ethical) befassen. CARE ist ein ethischer Webseiten-Check, DSA sowie BSFG orientiert, psychologisch fundiert und konkret umsetzbar und ein neues Angebot, von BIRD UX entwickelt.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hach, Wimmelbilder!<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>Erinnert ihr Euch noch an Wimmelbilder?&nbsp; Ganze Nachmittage konnte man mit ihnen verbringen! Situationen entdecken, Geschichten \u00fcberlegen und immer wieder neues entdecken \u2013 ein Traum. But there is a time and place for Wimmelbilder.&nbsp;<\/p>\n\n\n\n<p>Wenn Webseiten oder digitale Prozesse so \u00fcberladen sind, dass sie Wimmelbildern gleichen, dann laden sie ggf. auch zum Tr\u00e4umen ein &#8211; allerdings zu Albtr\u00e4umen. Das liegt daran, dass Menschen sich in der Regel mit digitalen Produkten besch\u00e4ftigen, weil sie bestimmte Inhalte finden oder Dinger erledigen wollen. In diesem Nutzungskontext suchen sie nach Orientierung, nicht Zerstreuung wie z.B. im Umgang mit Wimmelbildern. Im Fall von Webseiten sorgt die \u00dcberladung deshalb nicht f\u00fcr Spa\u00df, sondern f\u00fcr \u00dcberforderung. Man spricht in diesem Fall von Cognitive Overload.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"636\" src=\"https:\/\/birdux.studio\/wp-content\/uploads\/2026\/05\/where-s-waldo-city-crows-j0uj07nd9msvfch7.jpg\" alt=\"Eine komplexe und detailreiche Messeszene aus der klassischen \u201eWo ist Wally?\u201c-Reihe. Wally hat sich in einer gesch\u00e4ftigen Menschenmenge versteckt und fordert die Betrachter heraus, ihn in der Messe zu finden. Die lebhaften Farben und die reichhaltigen Details vermitteln ein eindrucksvolles Bild der Messe und bleiben dabei dem Thema des Buches \u2013 versteckte Objekte und detailreiche Suchr\u00e4tsel \u2013 treu.\" class=\"wp-image-27271\" srcset=\"https:\/\/birdux.studio\/wp-content\/uploads\/2026\/05\/where-s-waldo-city-crows-j0uj07nd9msvfch7.jpg 900w, https:\/\/birdux.studio\/wp-content\/uploads\/2026\/05\/where-s-waldo-city-crows-j0uj07nd9msvfch7-480x339.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><figcaption class=\"wp-element-caption\">Bild Quelle: https:\/\/wallpapers.com\/wallpapers\/where-s-waldo-city-crows-j0uj07nd9msvfch7.html <\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist Cognitive Load?<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>Digitale Produkte funktionieren nur, wenn sie zur Art passen, wie Menschen denken, wahrnehmen und entscheiden. Design, das die Grenzen der menschlichen Kognition beachtet, reduziert mentale Belastung und macht komplexe Inhalte erst nutzbar. Design das die Grenzen der menschlichen Kognition nicht beachtet, sorgt f\u00fcr \u00dcberlastung des der Ged\u00e4chtniskapazit\u00e4t (Cognitive Load), was zu Verwirrung, Fehlern und letztendlich auch Prozessabbr\u00fcchen f\u00fchren kann.&nbsp;<\/p>\n\n\n\n<p>Es geht bei dieser \u00dcberlastung allerdings nicht nur um die visuelle \u00dcberlastung, die z.B. bei&nbsp; Wimmelbildern vorhanden ist. Denn es gibt laut Cognitive Load Theory (Chandler, P., &amp; Sweller, J.) verschieden Formen von Cognitive Overload:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Intrinsic Load<\/strong> (inhaltliche Komplexit\u00e4t) beschreibt die gegebene, reale Komplexit\u00e4t von Themen (z.B. ein Bestellprozess eines personalisierbaren Produkts). Dieser Load ist unausweichlich und harte Realit\u00e4t mit der wir umgehen m\u00fcssen.&nbsp;<\/li>\n\n\n\n<li><strong>Extraneous Load<\/strong> (unn\u00f6tige Zusatzbelastung) beschreibt eine unn\u00f6tige kognitive Zusatzbelastung, die nicht auf der Komplexit\u00e4t eines Themas beruht, sondern durch Gestaltungsentscheidungen (oder das Fehlen dieser Entscheidungen) erst entsteht (z.B. wenn Informationen in einem Bestellprozess nicht vorhanden ist, die Personen aber ben\u00f6tigen, um eine informierte Entscheidung treffen zu k\u00f6nnen bzw. die richtigen Angaben machen zu k\u00f6nnen).&nbsp;&nbsp;<\/li>\n\n\n\n<li><strong>Germane Load<\/strong> (sinnvolle Beanspruchung) beschreibt die lernbezogene Belastung, also den Teil der kognitiven Belastung, der f\u00fcr den Lernprozess notwendig ist und der, wenn er gef\u00f6rdert wird, den gezielten Aufbau von Schemata\/mentaler Modelle im Arbeitsged\u00e4chtnis, oder das Abrufen vorhandene mentale Modelle oder (z.B. bekannte Muster f\u00fcr Navigation, Suche, Spendenformulare) erm\u00f6glicht, was auch gleichzeitig den <strong>Intrinsic<\/strong> wie auch den <strong>Extraneous Load <\/strong>gering h\u00e4lt.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Der Zusammenhang von Kognitiver \u00dcberlastung und Fehlerquoten und was das f\u00fcr Eure digitalen Produkte bedeutet<\/h3>\n\n\n\n<p><strong>Die schlechten Nachrichten zuerst<\/strong>: je sensibler der Kontext desto nachteiliger die Folgen hoher kognitiver Belastung. Werden Menschen z.B. in einem Zahlungs- oder Spendenprozess \u00fcberlastet, ist die Wahrscheinlichkeit hoch, dass sie abbrechen. Zu hoch ist das Risiko, dass sie etwas falsch machen, oder suboptimale Entscheidungen treffen. Als w\u00e4re der Verlust des fehlenden Abschlusses f\u00fcr uns nicht schlimm genug, ist eine weitere m\u00f6gliche Folge ein Vertrauensverlust. Ein Double Whammy of \ud83d\udca9 so to say. <strong>Wie also mit den unterschiedlichen Loads umgehen?<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Instrinsic Load Akzeptieren<\/h4>\n\n\n\n<p>Wenn wir komplexe Prozesse online erm\u00f6glichen wollen oder m\u00fcssen, m\u00fcssen wir uns des <strong>Instrinsic Loads, <\/strong>den diese mitbringen bewusst sein und akzeptieren. Diese Form von Load existiert nun mal und wir k\u00f6nnen damit umgehen, z.B. durch gute Strukturierung und Dosierung von Inhalten. Die Aufteilung langer Prozesse in mehrstufige und f\u00fcr Menschen nachvollziehbare Schritte (z.B. Personalisierung der Bestellung in Schritt 1, Adress-Angabe in Schritt 2 usw.) ist eine Art, wie gutes Experience Design in der Regel damit umgeht. Die Bereitstellung sinnvoller und passender Hilfetexte ist eine weitere Art. Dies sind alles gelernte Schemata (Germane Load sei Dank), die wir uns zu Nutzen machen k\u00f6nnen und die, die Fehlerquote gering halten k\u00f6nnen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Extraneous Load Minimieren<\/strong><\/h4>\n\n\n\n<p>Im Gegensatz zu <strong>Instrinsic Load <\/strong>ist<strong> Extraneous Load<\/strong> selbst gebastelt und z.B. eine Folge \u00fcberfrachteter, unstrukturierter Prozesse, die entweder gestaltet, bzw. nicht gestaltet wurden. Diese Art von Load ist vermeidbar und kann immer existieren, selbst in scheinbar&nbsp; wenig komplexen Prozessen. Stellt Euch z.B. ein einfaches Kontaktformular mit 5 Eingabefeldern vor. Easy, oder? Nicht, wenn keines der Eingabefelder Euch dar\u00fcber informiert, welche Art Information in das Feld rein soll (z.B. Name, E-Mail Adresse, Nachricht, Telefon Nummer) und ihr den Inhalt erst abschicken k\u00f6nnt, wenn der korrekte Inhalt im korrekten Feld ist [insert sound effect \ud83d\udebf\ud83d\udc75\ud83c\udffc\ud83d\udd2a Psycho, Shower Scene <a href=\"https:\/\/youtu.be\/HCpRt-3SMWE?si=n3v55G2HSpmma9wz\" target=\"_blank\" rel=\"noopener\">https:\/\/youtu.be\/HCpRt-3SMWE?si=n3v55G2HSpmma9wz<\/a>]. Die m\u00f6gliche Fehlerquote ist in diesem Beispiel unfassbar hoch und Menschen w\u00fcrden \u2013 zu Recht \u2013 den Prozess abbrechen.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Germane Load F\u00f6rdern<\/strong>&nbsp;<\/h4>\n\n\n\n<p>Alle Menschen bringen Wissen und Erwartungen, sogenannte mentale Modelle und Schemata mit, wenn sie einen interaktiven Prozess starten. Sie haben gewisse Erwartungen wie z.B. ein Bestellprozess typischerweise funktioniert. Diesen sogenannten <strong>Germane Load<\/strong> k\u00f6nnen wir uns zu Nutzen machen, indem wir z.B. erwartungsgem\u00e4\u00df gestalten und nicht jedes Mal das Rad neu erfinden. Wir k\u00f6nnen Germane Load auch nutzen, um neue Schemata oder mentale Modelle zu bilden &#8211; z. B. durch die Nutzung konsistenter Patterns, die Nutzer*innen in ihrem Langzeitged\u00e4chtnis verankern. Ein erfolgreiches Beispiel der Schemata Bildung ist das Hamburger Men\u00fc (\u2630). W\u00e4hrend sich anfangs viele Menschen gefragt haben, was diese drei horizontalen Striche bedeuten, ist es mittlerweile ein etabliertes mentales Modell, welches von den meisten Personen sofort als Men\u00fc erkannt wird (<a href=\"https:\/\/www.nngroup.com\/articles\/hamburger-menu-icon-recognizability\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.nngroup.com\/articles\/hamburger-menu-icon-recognizability\/<\/a>).&nbsp;<\/p>\n\n\n\n<p>Zusammengefasst, wenn wir <strong>Intrinsic Load<\/strong> akzeptieren, <strong>Extraneous Load<\/strong> minimieren und <strong>Germane Load<\/strong> gezielt f\u00f6rdern, sind wir auf dem besten Weg Menschen mit den Inhalten in unseren digitalen Prozessen und auf unseren Seiten nicht zu \u00fcberfordern. <strong>Aber woher wissen wir \u00fcberhaupt, ob unsere Designs ein Cognitive Load Problem haben?<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verhindert kognitive \u00dcberlastung erfolgreiche Abschl\u00fcsse in Euren digitalen Produkten?<\/h2>\n\n\n\n<p>Falls ihr euch nun fragt, ob kognitive \u00dcberlastung eine Problemursache auf Eurer Seite oder in Euren digitalen Prozessen darstellt, findet ihr Anhaltspunkte, wenn ihr z.B. Personen dabei beobachtet, wie sie Eure Seite bedienen. Das muss nicht in Form eines ausgefeilten Usability-Tests passieren. Schnappt Euch Kollegen, Bekannte, Freunde, Familienmitglieder und bittet sie mal z.B. einen bestimmten Inhalt auf Eurer Seite zu finden oder einen Prozess (Spende, Registrierung, Anmeldung, you name it) durchzuspielen. Achtet dann mal auf verr\u00e4terische Soundbytes (z.B. \u201cDas soll ich alles ausf\u00fcllen?\u201d, \u201cWo finde ich\u2026\u201d, \u201cWie hie\u00df das nochmal?\u201d, \u201cWas habe ich denn jetzt falsch gemacht?\u201d). Mimik ist auch ein guter Indikator. Exemplarische Gesichtsausdr\u00fccke umfassen \ud83d\ude33,\ud83e\udd75,\ud83e\udee0. Falls Euch das bekannt vorkommt, k\u00f6nnte es mit kognitiver \u00dcberforderung zu tun haben.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Euer digitales Produkt \u00fcberfordert Menschen, was nun?&nbsp;<\/h3>\n\n\n\n<p>Jetzt wo ihr f\u00fcr das Thema sensibilisiert seid, k\u00f6nnt ihr eure Seiten und Prozesse sichten und optimieren. Behaltet dabei das Mantra \u201c<strong>Intrinsic Load akzeptieren, Extraneous Load minimieren, Germane Load gezielt f\u00f6rdern<\/strong>\u201d, im Kopf.<\/p>\n\n\n\n<p><strong>Alternativ k\u00f6nnt ihr einen Blick auf unser neues Audit Angebot werfen, das wir f\u00fcr diesen Fall neu entwickelt: den CARE-Check. <\/strong>Der CARE-Check zeigt euch, wie eure Website oder App wirklich funktioniert \u2013 nicht nur technisch, sondern f\u00fcr echte Menschen. Wie genau und was hinter dem Begriff CARE steckt, erfahrt ihr hier: <a href=\"https:\/\/birdux.studio\/leistungen\/ethischer-webseiten-check\/\">birdux.studio\/leistungen\/ethischer-webseiten-check\/<\/a>&nbsp;<\/p>\n\n\n\n<p>Ihr fandet diesen Inhalt hilfreich? Der deutschsprachige LOVE \/: RAGE LinkedIn Newsletter erscheint monatlich auf LinkedIn und kann dort abonniert werden: <a href=\"https:\/\/www.linkedin.com\/newsletters\/love-or-rage-7285297224371085312\/\" target=\"_blank\" rel=\"noopener\">www.linkedin.com\/newsletters\/love-or-rage<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dieser Artikel wurde erstmals als&nbsp; 17. Ausgabe des LOVE \/: RAGE LinkedIn Newsletters (www.linkedin.com\/newsletters\/love-or-rage) ver\u00f6ffentlicht. Ein deutschsprachiger Newsletter dar\u00fcber, wie wir (digitale) Erlebnisse von RAGE zu LOVE bringen!&nbsp; Er ist der erste von vier LOVE \/: RAGE Ausgaben, die sich tiefer mit den vier Dimensionen des CARE-Checks (Cognitive, Responsible, Accessible, Ethical) befassen. CARE ist ein [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":27270,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[11,286],"tags":[],"class_list":["post-27267","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-studio-news","category-care"],"_links":{"self":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts\/27267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/comments?post=27267"}],"version-history":[{"count":5,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts\/27267\/revisions"}],"predecessor-version":[{"id":27279,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts\/27267\/revisions\/27279"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/media\/27270"}],"wp:attachment":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/media?parent=27267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/categories?post=27267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/tags?post=27267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}