{"id":625,"date":"2018-03-21T20:06:08","date_gmt":"2018-03-21T18:06:08","guid":{"rendered":"http:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=625"},"modified":"2019-07-18T13:49:38","modified_gmt":"2019-07-18T11:49:38","slug":"navigations-und-funktionale-links","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/konzeption\/navigations-und-funktionale-links\/","title":{"rendered":"Navigations- und funktionale Links"},"content":{"rendered":"<p>Im <a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/entwicklung-und-design\/behinderte-personas\/\">ersten Teil bin ich auf die Navigation und die Kategorisierung \u00fcber Tags und Rubriken als Formen der Nutzerf\u00fchrung  eingegangen<\/a>. In diesem Beitrag m\u00f6chte ich die Nutzerf\u00fchrung \u00fcber Links erl\u00e4utern.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/konzeption\/navigations-und-funktionale-links\/#Hin_und_zurueck\" >Hin und zur\u00fcck<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/konzeption\/navigations-und-funktionale-links\/#Contentlinks\" >Contentlinks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/konzeption\/navigations-und-funktionale-links\/#Sitemaps_und_Indizes\" >Sitemaps und Indizes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/konzeption\/navigations-und-funktionale-links\/#Fazit\" >Fazit<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/konzeption\/navigations-und-funktionale-links\/#Weiterlesen\" >Weiterlesen<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Hin_und_zurueck\"><\/span>Hin und zur\u00fcck<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Der Brotkrummenpfad oder die Breadcrumb geh\u00f6rt bei vielen Seiten zu einer unauff\u00e4lligen, aber wichtigen Funktion. Sie verr\u00e4t kurz und anschaulich, wo man sich gerade befindet und was die h\u00f6here Ebene der aktuellen Seite ist. Damit ist eine wichtige Regel der Usability erf\u00fcllt: Sie verr\u00e4t, jederzeit wo man ist, was die n\u00e4chsth\u00f6here Ebene ist und wie man auf diese Ebenen gelangt.<br \/>\nEine \u00e4hnliche Funktion kann im \u00fcbrigen auch die URL erf\u00fcllen, wenn sie lesbar ist. Bei dem Windows Explorer ist das ein wenig augenf\u00e4lliger: hier kann ich anhand des Pfades erkennen, welche Ordner und Unterordner zu meiner Datei f\u00fchren und bekomme ein Gef\u00fchl daf\u00fcr, wie Strukturen in diesem Ordnungssystem aufgebaut sind. Weil die meisten Websites heute auf Redaktionssystemen basieren, spielt die klassische Ordnerstruktur im Web keine gro\u00dfe Rolle mehr. Viele Leute schauen gar nicht mehr auf die Adressleiste des Browsers, angeblich soll der neue Chrome die URL der aufgerufenen Seite gar nicht mehr anzeigen.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Contentlinks\"><\/span>Contentlinks<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nat\u00fcrlich geh\u00f6ren auch die Links im Content zur Benutzerf\u00fchrung, ein Punkt, der h\u00e4ufig \u00fcbersehen wird. Bei Wikipedia spielen die Links neben der Suche die eigentliche Hauptrolle oder hat einer der Leser schon mal die Navigation benutzt?<br \/>\nIch bin \u00f6fter mal auf das Thema <span class=\"removed_link\" title=\"http:\/\/www.oliveira-online.net\/wordpress\/index.php\/2010\/10\/21\/die-kunst-des-richtigen-verlinkens-teil-ii\/\">Verlinkung im Content<\/span> eingegangen.<br \/>\nOnline-Publikationen und <span class=\"removed_link\" title=\"http:\/\/openbook.galileocomputing.de\/it_handbuch\/\">Online-B\u00fccher<\/span> verwenden gerne eine Bl\u00e4tterfunktion. Die ersteren wollen wahrscheinlich die Klickraten steigern oder glauben an das veraltete Dogma, dass Nutzer nicht scrollen. Bei B\u00fcchern hingegen macht es Sinn, die Texte kapitelweise bereit zu stellen, weil sie sich als nat\u00fcrliche Abschnitte anbieten.<br \/>\nDas hei\u00dft, am Ende des Textes sollte man dem Nutzer immer Fortsetzungen anbieten: verwandte Artikel, Quellen, weitergehende Informationen und gerne auch externe Webseiten!<br \/>\n<span class=\"removed_link\" title=\"http:\/\/www.oliveira-online.net\/wordpress\/index.php\/2010\/08\/01\/querlesen-fur-blinde\/\">Blinde verwenden gerne die Funktion<\/span>, sich alle Links einer Seite anzeigen zu lassen. Das erlaubt einen sehr schnellen \u00dcberblick \u00fcber den Inhalt des Dokuments.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Sitemaps_und_Indizes\"><\/span>Sitemaps und Indizes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Sitemaps und Indizes sind bisher noch nicht weit verbreitet. Dabei sind Sitemaps eine interessante Alternative zu Navigationen, denn sie zeigen alle Ober- und Unternavigationspunkte, ohne dass man die einzelnen Navigationspunkte aufklappen muss. Wenn die Navigationspunkte auch verst\u00e4ndlich benannt sind, kann man das Gesuchte sehr viel schneller finden, als wenn man die klassische Navigation verwenden w\u00fcrde.<br \/>\nDaran sieht man auch, wie schon im ersten Beitrag geschrieben, dass weniger entscheidend ist, wie viele Haupt- und Unternavigationspunkte man unterbringt, entscheidend ist, dass sie vern\u00fcnftig gruppiert und benannt sind.<br \/>\nEine Alternative zur Sitemap w\u00e4re ein Index oder Inhaltsverzeichnis.  Ein Index basiert meistens auf einer alphabetischen Sortierung wichtiger Begriffe. Jedem Buchstaben sind bestimmte Begriffe zugeordnet, wodurch jeder sehr schnell die Gruppierung durchschauen kann.  Solche Indizes kennen wir aus Sachb\u00fcchern, sie k\u00f6nnen aber auch im Web sinnvoll sein.<br \/>\nViele Leute wissen, dass sie etwas bestimmtes auf einer Website finden k\u00f6nnen, haben aber keine Idee davon, wie es hei\u00dft oder es ist ihnen gerade entfallen. Oder sie wissen, dass sich eine bestimmte Information auf der Website befindet, aber nicht wo. In diesem Fall ist es einfacher, \u00fcber Sitemaps oder Indizes zu gehen als \u00fcber Suchmaschinen.<br \/>\nEin einfacher Weg, Indizes f\u00fcr Weblogs zu generieren sind die Tags. Man kann aber auch bestimmte Programme verwenden, wie sie von SEOs oder Online-Marketing-Experten eingesetzt werden. Diese Programme extrahieren Keywords aus Texten.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Fazit\"><\/span>Fazit<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Die Rolle der Links als Elemente der Nutzerf\u00fchrung wird kaum ber\u00fccksichtigt. Bereiche, die zueinander in Verbindung stehen oder sich auf aufeinander beziehen, werden kaum miteinander verbunden. Es gibt zum Beispiel kaum ein brauchbares Glossar, welches einem beim Erschlie\u00dfen eines komplexen Inhalts helfen w\u00fcrde. Die Blogger sind hier noch vorbildhaft, auch wenn der Linkgeiz dank SEO sich auch hier breit gemacht hat. \u00dcberwiegend gut gel\u00f6st hat es die Wikipedia oder <a>das Online-Magazin Telepolis<\/a>. Telepolis geh\u00f6rt zu den wenigen echten Online-Magazinen in Deutschland, weil sie bei aller berechtigten Kritik an der Qualit\u00e4t der Beitr\u00e4ge immer auf externe Quellen und weiterf\u00fchrende Informationen verlinken.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Weiterlesen\"><\/span>Weiterlesen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Louis Rosenfeld, Peter Morville. Information Architecture for the World Wide Web. O&#8217;Reily 2002 als PDF<br \/>\nDonna Spencer. A Practical Guide to Information Architecture. Five Simple Steps 2010<br \/>\nLesenswert ist die <span class=\"removed_link\" title=\"http:\/\/www.antary.de\/2009\/05\/07\/visuelle-rhetorik-teil-1\/\">Artikelserie Visuelle Rhetorik<\/span> auf dem Antary-Blog<br \/>\n<span class=\"removed_link\" title=\"http:\/\/www.usabilityblog.de\/2009\/11\/suchst-du-noch-oder-findest-du-schon-navigationsmechanismen-im-www-teil-1-grundlegendes\/\">Artikelserie auf dem Usability-Blog<\/span> Suchst Du noch oder findest Du schon? Navigationsmechanismen im WWW<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Im ersten Teil bin ich auf die Navigation und die Kategorisierung \u00fcber Tags und Rubriken als Formen der Nutzerf\u00fchrung eingegangen. In diesem Beitrag m\u00f6chte ich&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/konzeption\/navigations-und-funktionale-links\/\">Weiterlesen<span class=\"screen-reader-text\">Navigations- und funktionale Links<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":611,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-625","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/comments?post=625"}],"version-history":[{"count":9,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/625\/revisions"}],"predecessor-version":[{"id":6317,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/625\/revisions\/6317"}],"up":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/611"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}