{"id":3593,"date":"2007-10-11T09:09:25","date_gmt":"2007-10-11T07:09:25","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/2007\/10\/11\/die-startseite-ist-tot-es-lebe-die-startseite\/"},"modified":"2018-02-24T18:16:15","modified_gmt":"2018-02-24T16:16:15","slug":"die-startseite-ist-tot-es-lebe-die-startseite","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2007\/10\/die-startseite-ist-tot-es-lebe-die-startseite\/","title":{"rendered":"Die Startseite ist tot – es lebe die Startseite"},"content":{"rendered":"

Es gab eine Zeit, da war es „in“ dem Auftakt einer Webseite eine besonders gestaltete Startseite zu spendieren. Auch heute noch findet man hier und da solche „Splashscreens“ die nichts weiter enthalten, als ein animierendes Bild und einen Link zur Weiterleitung in das Innere der Webseite.<\/p>\n

Die Vorstellung, dass man eine Webseite wie einen Laden oder ein Haus betritt stand hier wohl Pate. So eine Seite ist jedoch nichts weiter als ein unn\u00f6tiges Nadel\u00f6hr mit Null Information f\u00fcr den Webseitenbesucher. Aus der Sicht der Bedienfreundlichkeit werden mit so einer Seite, mag sie hier und sogar ganz witzig und ansprechend gestaltet sein, einfach ein Overkill, weil dadurch eine ganze Ebene an Linktiefe verschenkt wird.<\/p>\n

Je tiefer ein User in eine Webseite reinklicken muss, desto gr\u00f6\u00dfer die Gefahr, dass er die Orientierung verliert und gefrustet die Seite wieder verl\u00e4sst. Deswegen sind solche Eintrittsseiten einfach nicht sinnvoll. Bei einem guten Webdesign findet der User auf der Startseite alle Links und Themen \u00fcbersichtlich angeordnet.<\/p>\n

Trotzdem haben „Startseiten“ etwas Erhabenes und aus rein gestalterischer Sicht sind sie nicht rundweg abzulehnen. Bei meiner Arbeit gehe ich inzwischen zu einer Alternative \u00fcber. Startseite ja – Linktiefen verschenken und Verwirrung schaffen nein. Wie das geht?<\/p>\n

Das geht ganz einfach und im Prinzip bei allen Webseiten, die vom Inhalt her hierarchische Strukturen haben, gut zu machen. Webseiten kann man mit einem Buch vergleichen. Die Links der ersten Ebene entsprechen dabei meist den Hauptkapiteln, die einzelnen Unterthemen den Abschnitten.<\/p>\n

Bei einer eigens gestalteten Startseite beschr\u00e4nkt man sich auf die Darstellung der Haupt\u00fcberschriften, findet passende Bilder und eine kurze Erl\u00e4uterung oder Teaser dazu. Statt eines Nadel\u00f6hr setzt man so eine mehrspurige Autobahn in das Innere der Seite. Meines Erachtens ist das sogar sinnvoll, vielleicht bei Seiten mit zahlreichen Unterthemen sogar sinnvoller als eine Seite, bei der man von tausenden Links und einer hoffnunglos \u00fcberfrachteten Navigation erschlagen wird. Gut ausgew\u00e4hlte Symbole helfen die Themen einer Webseite, im wahrsten Sinne des Wortes, auf einen Blick zu erfassen – und das ist durchaus erstrebenswert.<\/p>\n

Designmeltdown <\/a>stellt in regelm\u00e4\u00dfigen Abst\u00e4nden Webseiten zusammen, die von deren Redaktion zu einem bestimmten Thema gefunden wurden. Das Thema „Startseite“ hatten sie zwar noch nicht, aber in dem reichhaltigen Fundus sch\u00f6ner CSS-Webseiten habe ich mal vier Beispiele, die eine solche Startseite haben, rausgepickt. Schaut euch das mal an:<\/p>\n


\n\"webdesign_jukemedia_arc90.jpg\"<\/a>
\nlab.arc90.com – webseite besuchen<\/a><\/p>\n

\n


\n\"webdesign_jukemedia_icr.jpg\"<\/a>
\nicrinc.com – webseite besuchen<\/a> <\/p>\n

\n


\n\"webdesign_jukemedia_mkdynamic.jpg\"<\/a>
\nmkdynamic.co.uk – webseite besuchen<\/a> <\/p>\n

\n


\n\"webdesign_jukemedia_typhon.jpg\"<\/a>typhon.eu – webseite besuchen<\/a> <\/p>\n

\n","protected":false},"excerpt":{"rendered":"

Es gab eine Zeit, da war es „in“ dem Auftakt einer Webseite eine besonders gestaltete Startseite zu spendieren. Auch heute noch findet man hier und da solche „Splashscreens“ die nichts weiter enthalten, als ein animierendes Bild und einen Link zur Weiterleitung in das Innere der Webseite.
\nDie Vorstellung, dass man eine Webseite wie einen Laden … Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[14,119,214],"yst_prominent_words":[],"class_list":["post-3593","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-webdesign-2","tag-grafik-gestaltung","tag-usability"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=3593"}],"version-history":[{"count":1,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3593\/revisions"}],"predecessor-version":[{"id":4530,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3593\/revisions\/4530"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=3593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=3593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=3593"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=3593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}