{"id":18634,"date":"2023-02-09T18:56:53","date_gmt":"2023-02-09T18:56:53","guid":{"rendered":"https:\/\/datei.wiki\/definition\/breadcrumbs-verstehen\/"},"modified":"2023-02-09T18:56:53","modified_gmt":"2023-02-09T18:56:53","slug":"breadcrumbs-verstehen","status":"publish","type":"post","link":"https:\/\/datei.wiki\/definition\/breadcrumbs-verstehen\/","title":{"rendered":"Breadcrumbs verstehen"},"content":{"rendered":"<div class=\"articlecontent\">\n<div class=\"newlinediv\"><\/div>\n<div id=\"title1\" class=\"title\">Was sind Brotkr\u00fcmel?<\/div>\n<p> Brotkr\u00fcmel sind eine Art Navigationshilfe, die in Websites, Anwendungen und anderen digitalen Produkten verwendet wird. Sie werden in der Regel oben auf der Seite platziert und bieten dem Benutzer eine M\u00f6glichkeit, zu einer \u00fcbergeordneten Seite oder einem Abschnitt des digitalen Produkts zur\u00fcckzukehren. Breadcrumbs helfen dem Benutzer auch, seine aktuelle Position innerhalb der Struktur des digitalen Produkts zu verstehen. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title2\" class=\"title\">Geschichte der Brotkr\u00fcmel<\/div>\n<p> Brotkr\u00fcmel werden seit den sp\u00e4ten 1990er Jahren in einer Vielzahl von digitalen Produkten verwendet. Das Konzept wurde durch das M\u00e4rchen \"H\u00e4nsel und Gretel\" inspiriert, in dem die beiden Kinder Brotkr\u00fcmel fallen lassen, damit sie den Weg nach Hause finden k\u00f6nnen. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title3\" class=\"title\">Vorteile von Breadcrumbs<\/div>\n<p> Breadcrumbs k\u00f6nnen sowohl f\u00fcr Benutzer als auch f\u00fcr Entwickler von Vorteil sein. F\u00fcr die Benutzer bieten Breadcrumbs eine bequeme M\u00f6glichkeit, durch ein digitales Produkt zu navigieren. F\u00fcr Entwickler k\u00f6nnen Breadcrumbs dazu beitragen, die Benutzererfahrung zu verbessern, indem sie den Benutzern ein Gef\u00fchl der Orientierung geben und ihnen helfen, die Hierarchie des Inhalts zu verstehen. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title4\" class=\"title\">Arten von Breadcrumbs<\/div>\n<p> Es gibt zwei Hauptarten von Breadcrumbs: hierarchische Breadcrumbs und Breadcrumb Trails. Hierarchische Breadcrumbs zeigen dem Benutzer, wo er sich in Bezug auf die \u00fcbergeordnete Seite oder den Abschnitt des digitalen Produkts befindet. Brotkrumenpfade sind eine Liste von Links, die dem Nutzer zeigen, von wo aus er innerhalb des digitalen Produkts gekommen ist. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title5\" class=\"title\">Design\u00fcberlegungen<\/div>\n<p> Bei der Gestaltung von Breadcrumbs ist es wichtig, die Erfahrung des Nutzers zu ber\u00fccksichtigen. Breadcrumbs sollten einfach zu lesen und zu verstehen sein und dem Nutzer klar anzeigen, wo er sich innerhalb des digitalen Produkts befindet. Brotkr\u00fcmel sollten auch \u00fcber verschiedene Seiten und Abschnitte des digitalen Produkts hinweg konsistent sein. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title6\" class=\"title\">Beispiele f\u00fcr Breadcrumbs<\/div>\n<p> Breadcrumbs sind in einer Vielzahl von digitalen Produkten zu finden, darunter Websites, Anwendungen und E-Commerce-Shops. Beispiele f\u00fcr Breadcrumbs sind die Breadcrumbs \"Home &gt; Clothing &gt; Men's Clothing &gt; Shirts\" in einem E-Commerce-Shop oder die Breadcrumbs \"Blog &gt; Technology\" in einem Blog. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title7\" class=\"title\">bew\u00e4hrte Praktiken<\/div>\n<p> Bei der Gestaltung von Breadcrumbs ist es wichtig, sie kurz und pr\u00e4gnant zu halten. Lange Breadcrumbs k\u00f6nnen schwer zu lesen und zu verstehen sein. Es ist auch wichtig, dass die Breadcrumbs sichtbar und anklickbar sind und dass sie \u00fcber verschiedene Seiten und Abschnitte des digitalen Produkts hinweg konsistent sind. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title8\" class=\"title\">Barrierefreiheit<\/div>\n<p> Bei der Gestaltung von Breadcrumbs ist es wichtig, die Barrierefreiheit zu ber\u00fccksichtigen. Brotkr\u00fcmel sollten mit Bildschirmleseger\u00e4ten kompatibel sein und so strukturiert sein, dass sie f\u00fcr alle Benutzer sinnvoll sind, unabh\u00e4ngig von ihren F\u00e4higkeiten oder Behinderungen. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title9\" class=\"title\">Schlussfolgerung<\/div>\n<p> Breadcrumbs sind ein n\u00fctzliches Werkzeug sowohl f\u00fcr Benutzer als auch f\u00fcr Entwickler. Sie bieten den Nutzern eine M\u00f6glichkeit, innerhalb eines digitalen Produkts zu navigieren, und helfen den Entwicklern, das Nutzererlebnis zu verbessern. Bei der Gestaltung von Breadcrumbs ist es wichtig, die Benutzerfreundlichkeit zu ber\u00fccksichtigen, sie \u00fcbersichtlich zu halten und sicherzustellen, dass sie zug\u00e4nglich sind.  <\/p><\/div>\n<div class=\"questions\">\n<div class=\"questionstitle\">FAQ<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Was sind Breadcrumbs in der UX?<\/div>\n<p> Breadcrumbs sind eine Art Navigationselement, das den Benutzern hilft, ihre Position innerhalb einer Website oder Anwendung zu verstehen. Sie bestehen in der Regel aus einer Reihe von Links, die jeweils zu einer anderen Seite oder einem anderen Abschnitt innerhalb der Gesamthierarchie f\u00fchren. Ein Breadcrumb-Trail k\u00f6nnte zum Beispiel so aussehen: <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> Startseite &gt; Produkte &gt; Kleidung &gt; Herrenhemden <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> In diesem Fall w\u00fcrde jeder Link den Benutzer zu einer anderen Seite f\u00fchren, beginnend mit der Startseite, dann die Produktseite, die Kleidungsseite und schlie\u00dflich die Seite mit den Herrenhemden. <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> Brotkr\u00fcmel k\u00f6nnen eine hilfreiche Methode sein, um Benutzer zu orientieren und ihnen ein Gef\u00fchl daf\u00fcr zu vermitteln, wo sie sich innerhalb einer Website oder App befinden. Sie k\u00f6nnen auch verwendet werden, um den Nutzern zu helfen, ihre Schritte zur\u00fcckzuverfolgen, wenn sie es m\u00fcssen.  <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Was sind die 5 Phasen der Website-Entwicklung?<\/div>\n<p> Die 5 Phasen der Website-Entwicklung sind: <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> 1. Planung <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> 2. Design <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> 3. Entwicklung <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> 4. Testen <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> 5. Start <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Was bedeutet der Begriff Breadcrumb?<\/div>\n<p> Ein Breadcrumb ist eine Navigationshilfe, die in Benutzeroberfl\u00e4chen verwendet wird. Sie gibt den Benutzern die M\u00f6glichkeit, ihren Standort innerhalb einer Website oder Anwendung zu verfolgen. Breadcrumbs werden in der Regel als eine Liste von Links angezeigt, wobei die Position der aktuellen Seite durch einen hervorgehobenen Link gekennzeichnet ist.  <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Was ist eine Breadcrumb-Struktur?<\/div>\n<p> Die Breadcrumb-Struktur ist eine M\u00f6glichkeit, Informationen auf einer Website so zu organisieren, dass die Benutzer leicht erkennen k\u00f6nnen, wo sie sich in der Hierarchie der Website befinden. Dazu geh\u00f6rt in der Regel eine Liste von Links, die zur\u00fcck zur Startseite f\u00fchren, sowie der Titel der aktuellen Seite.  <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Was bedeutet der umgangssprachliche Begriff Crumbs?<\/div>\n<p> Der umgangssprachliche Begriff crumbs bedeutet in der Regel Geld in kleinen St\u00fcckelungen.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Was sind Brotkr\u00fcmel? Brotkr\u00fcmel sind eine Art Navigationshilfe, die in Websites, Anwendungen und anderen digitalen Produkten verwendet wird. Sie werden in der Regel oben auf der Seite platziert und bieten dem Benutzer eine M\u00f6glichkeit, zu einer \u00fcbergeordneten Seite oder einem Abschnitt des digitalen Produkts zur\u00fcckzukehren. Breadcrumbs helfen dem Benutzer auch, seine aktuelle Position innerhalb der &#8230; <a title=\"Breadcrumbs verstehen\" class=\"read-more\" href=\"https:\/\/datei.wiki\/definition\/breadcrumbs-verstehen\/\" aria-label=\"Mehr Informationen \u00fcber Breadcrumbs verstehen\">Weiterlesen<\/a><\/p>\n","protected":false},"author":2835,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58],"tags":[],"class_list":["post-18634","post","type-post","status-publish","format-standard","hentry","category-technische-begriffe"],"_links":{"self":[{"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/posts\/18634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/users\/2835"}],"replies":[{"embeddable":true,"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/comments?post=18634"}],"version-history":[{"count":0,"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/posts\/18634\/revisions"}],"wp:attachment":[{"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/media?parent=18634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/categories?post=18634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/tags?post=18634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}