Die 2-Ebenen-Navigation

Jeder Link in der Menüleiste ist eine einzelne Seite. Aber Website-Neulinge können zunächst die Seitentitel nicht vom Inhalt unterscheiden, legen für jeden Textabsatz eine neue Unterseite an und verschachteln die Menüleiste unnötig. Wie erstellt man nun aber eine gute Seitenstruktur?

Idealerweise hat die Menüleiste maximal 2 Ebenen: Die Hauptebene und die Unterebene. Die Hauptebene ist beim Öffnen einer Website meistens oben oder seitlich zu sehen. Wir nehmen die Beispielfirma „Bio Obstanbau Müllermeier“:

Start | Obst | Saft | Marmelade | Müllermeier | Kontakt

Die Unterebene ist erst beim Auswählen eines Hauptlinks zu sehen:

Obst > Äpfel + Birnen + Pflaumen + Kirschen

Das Obstbeispiel zeigt sehr schön, dass es bei der Struktur um das klare, eindeutige Sortieren geht. Die Unterseiten Äpfel, Birnen usw. entstehen deshalb, weil es zu den Sorten noch mehr Inhalt und Informationen gibt, die nicht auf die Hauptseite passen. Wissenswertes zum biologischen Anbau kann entweder als zusätzliche Hauptseite ergänzt oder direkt im Textinhalt zu den einzelnen Sorten erläutert werden. Und was Ihnen hier am Obstbeispiel ganz einfach und sinnvoll vorkommt, gilt ebenso für abstrakte Themen und komplexe Dienstleistungen. Klare Sortierung ist alles. Halten Sie die Hauptebene so kurz und klar wie möglich – fügen Sie nur dort Unterseiten hinzu, wo Umfangreiches zu erklären und voneinander zu unterscheiden ist.

Das schematische Grundprinzip sieht zum Beispiel so aus:

So planen Sie die Struktur

Gehen Sie am besten zuerst ganz altmodisch analog vor mit Papier, Zetteln und Stift. Legen Sie leere Karten oder Papierseiten nebeneinander auf einen Tisch und schreiben Sie auf jede Karte oben den kurzen Seitentitel drauf. Wichtig: Kurze Links, sonst passt nicht genug in die Menüleiste.

Beginnen Sie mit Startseite, Firma, Kontakt und fügen Sie maximal 4 weitere Themenseiten hinzu. Die Seitentitel bitte nicht zu allgemein benennen, besser sind konkrete Begriffe. „Angebot“ steht auf Tausenden von Internetseiten und ist nicht unterscheidbar für Suchmaschinen. Wenn Sie also Akupunktur anbieten, heißt Ihr Angebote-Link natürlich „Akupunktur“.

Sie haben nun eine Reihe von 6 Seiten oder Karten auf dem Tisch liegen. Notieren Sie mit Farbstift stichpunktartig die Inhalte, die auf der Seite stehen sollen. Beispiel:

Inhalt auf der Kontaktseite
Anschrift, Telefon, Mailadresse, Lageplan, Öffnungszeiten, Kontaktformular,
2 Fotos: Hofladen und Qualitätssiegel

TIPP: Gehen Sie bei allen Seiten so vor und notieren Sie erstmal nur Stichpunkte auf den Karten, um zu überblicken, wo mehr Umfang entsteht oder wo schon mit einem Satz alles gesagt ist.  Sortieren Sie möglichst klar zueinander, was zusammen gehört, keine Doppelungen, keine Wiederholungen! Wo Unterseiten nötig werden, legen Sie kleinere Karten als senkrechte Reihe direkt unter die Hauptkarte. Auch hier notieren Sie als Stichpunkt, was eine Unterseite enthalten soll.

Wenn der Aufbau der Seitenstruktur steht, beenden Sie die Zettelwirtschaft und übertragen den Aufbau in eine digitale Textdatei. So entsteht eine Sitemap. In eine digitale Liste übertragen sieht die Sitemap so aus:

Startseite
Obst > Äpfel + Birnen + Pflaumen + Kirschen
Saft > Naturtrüb + Gemischte + Pfandsystem
Marmelade > Kompott + Gelee
Bioanbau > Hofladen + Liefern + Wochenmarkt
Müllermeier
Kontakt

Wie groß ist eine Themenseite?

Wie lang ein Blatt Papier ist, sieht man ja, aber eine Internetseite ist theoretisch unendlich lang. Da passt viel rein! Man ist früher knickerig mit dem Platz umgegangen, weil das Abwärts-Skrollen unbeliebt war, aber heute mit Touchscreen ist das kein Thema mehr und Wischen ist beliebter als Klicken.

Google sieht das auch so und mag viel Text auf einer Seite: Mit 500 Wörtern sind Sie gut dabei. Als Orientierung zur Menge empfehle ich 3/4 oder eine ganze Wordseite in 12 Punkt-Schrift. Texte werden sehr schnell geladen, aber wenn noch Bilder hinzukommen, ist es sinnvoll, den Inhalt zu begrenzen und in Unterseiten zu portionieren.

Inhaltstexte schreiben

Das Lesen einer Website unterscheidet sich gravierend von Gedrucktem, es ist eher eine interaktive Handlungsabfolge, eine zeitliche Dramaturgie unter der Regie der Websitenutzerinnen und Besucher. Optisch nimmt man nicht von oben nach unten sondern von Groß zu Klein wahr:

• die ganz große Überschrift mit der News
• danach fallen andere gut lesbare Überschriften ins Auge
• und erst danach der Fließtext in Absätzen

Nicht nur die Internetbesucher sondern auch die Suchmachinen benötigen diese Gliederung mit Überschriften und Verlinkungen. Daher kann ich als Webdesignerin nicht einfach Kundentexte direkt in eine Internetseite reinsetzen, ohne selbst ausgiebig Hand anzulegen. Ihre Textlieferung ist  Rohmaterial, das weiter bearbeitet wird. Lassen Sie mir als Webdesignerin bitte für suchmachinenfreundliche freie Hand, denn ich kann das. Lesen Sie noch ein paar Tipps zu Texten für das Internet‎

Eine Kundeninformation von Marion Brandes Design.

Schriftklasse Antiqua mit Serifen

Die Antiqua mit Serifen wurde für den Bleisatz entworfen und zeichnet sich durch eine elegante Strenge aus. Die Antiquaschriften wurden über längere Zeit als vermeintlich klassische, traditionelle Schriften verwendet. Einige bekannte Beispiele sind Times New Roman, Georgia, Garamond, Baskerville, Bodoni, Palatino, Walbaum. In digitalen Zeiten werden die serifenbetonten Schriften wieder modernisiert und vermehrt eingesetzt, weil sie eine gute Lesbarkeit bieten: Merriweather, Bitter, Cambria, Alegreya, Chaparral, Deca Serif, Lora und sehr viele mehr.

Eine besondere Gruppe bilden Frakturschriften, die heute in Teilen der Musik- und Jugendkultur stilbrechend und konträr wiederbelebt werden. Der unübliche Einsatz einer Schrift kann durchaus reizvoll sein. Im modernen Firmendesign spielen Retro-Frakturschriften aber keine Rolle.

Schriftklasse Grotesk ohne Serifen (sans serif)

Die Typographen nehmen es ganz genau: Eigentlich ist die Grotesk eine Linear-Antiqua ohne Serifen. Das muss man sich als Laie nicht merken. Der gut erkennbare Unterschied zur Antiqua liegt in der sachlichen Schlichtheit der einzelnen Buchstaben. Berühmte Schriftfamilien wie Frutiger oder Gill tragen oft die Namen ihrer Urheber. Bekannte Grotesk-Schriften sind z.B. Futura, Optima, Meta, Helvetica und Univers. In digitalen Zeiten sind die Sans-Schriften extrem verbreitet, aber die Modernität lässt sich heute nicht mehr an der Serifenfrage festmachen. Beliebte Webfonts sind z.B. Open sans, Lato, Fira sans oder Roboto.

Schriftklasse Schreibschriften

Schreibschriften imitieren Handgeschriebenes und können in der Stilrichtung sehr unterschiedlich sein. Die große Bandbreite reicht vom kalligrafisch feierlichen Tintenfederstil über scheinbar persönliche Notizschriften bis zu frechen Kritzel-Imitationen. Das Angebot an webtauglichen Schreibschriften ist riesig: Beispiele bei Google Webfonts

Schreibschriften sind bei Laien sehr beliebt. Der Einsatz der passenden Schreibschrift oder Pseudo-Handschrift erfordert aber ein feines typografisches Verständnis, um die passende Stilwirkung zu erreichen.

Schriftklasse Effektschriften

Es gibt eine unüberschaubar große Anzahl an Effektschriften, die markante und originelle Formen aufweisen. Auch hier lassen sich Gruppen einteilen, aber zur ersten Übersicht sollten einige exemplarische Beispiele reichen. Diese Effektschriften wurden teils ganz eigenständig entwickelt oder zum großen Teil aus schon vorhandenen Groteskschriften abgewandelt. Die Qualität der Schriften ist daher auch unterschiedlich beschaffen. Die wenigsten sind für den vielfältigen Einsatz geeignet und im gesamten Schriftbild gut ausgearbeitet. Typographische Laien sollten sehr reduziert mit Effektschriften umgehen!

Fazit: Auf dem Markt stehen unendlich viele Schriften für jeden Zweck und jede Wirkung zur Verfügung. Lassen Sie sich von Typographen beraten. Die Nutzungslizenzen für Schriften sind bei Anbietern wie Linotype oder bei Fontshop Berlin erhältlich. Es muss ja nicht immer die Helvetica sein. Wie wäre eine Schrift mit unverwechselbarem Charakter?

Nur eine einzige Schrift ist absolut tabu und strengstens verboten: Die Comic Sans. Wer die Comic Sans benutzt, kommt ganz sicher in die Hölle! Ganz sicher.

Gendern ist die sprachliche Gleichsetzung von Mann und Frau (und weiteren geschlechtlichen Identitäten), und zwar dort, wo in der Sprache bisher die männliche Form dominierte und weibliche Anwesende oder Leserinnen ausschloß. Prüfen Sie mal nach: „Der Mensch“ meint eigentlich Männlein und Weiblein und Transsexuelle in ihrer Gesamtheit, aber vor dem geistigen Auge sieht man immer den Vitruvianischen Menschen von Leonardo da Vinci, oder?

*Eine kleine Anmerkung zum Bild: Zur Abwechslung illustriere ich einfach mal den Text mit einem nackten Mann, weil ja heute jede Lötlampe und jeder Bürohefter mit Bildern von nackten Frauen beworben wird.

Einige Linguistikspezis werden jetzt einwenden, dass das grammatische Geschlecht (Genus) eines Wortes mit dem biologischen Geschlecht (Sexus) gar nichts zu tun hat. „Der Patient soll dem Arzt vorgestellt werden.“ Es könne natürlich auch eine Frau gemeint sein, wenn nicht sogar zwei. Trotzdem klingt dieser eigentlich korrekte Satz merkwürdig: „Der Patient ist im vierten Monat schwanger.“

Grausig Gegendertes

Männliche Allgemeinformen wie „der Patient“, „der Bürger“ oder „der Verbraucher“ kann man nicht mehr ungegendert lassen, denn damit fühlen sich eben nicht „irgendwie alle“ gemeint. Weiterhin stur die männliche Form zu benutzen ist ganz sicher keine Lösung!

Der Schräg/strich
Lange Jahre hatte sich das /innen verbreitet, das einfach an alles drangehängt wurde, was wie ein Substantiv aussah: Unternehmer/innen und Besucher/innen und Gabelstaplerfahrer/innen und Kommunikationsberater/innen, alles war mit /innen eigentlich schnell versorgt.

Das Gender*sternchen
Relativ jung ist nun das * , das den schlanken Schrägstrich ablöst. Es fällt leider *innen* im Text mehr auf und stört den Lesefluss:

„Die Fortbildungsteilnehmer*innen stellten Fragen an die Seminarleiter*innen.“

Sprachlich ist das zwar halbwegs richtig gegendert, aber tatsächlich waren es ein Seminarleiter und eine Leiterin. Was nun? Und irgendwas schmerzt beim Lesen, es wirkt einfach verkrampft und überbemüht.

Gut Gegendertes

Man kommt aus der Verkrampfung raus, wenn man sich wie die „Genossnnn und Genossn“ in der Politik die Mühe macht, höflich und ausführlich beide Formen auszurollen. Denn das freut die „Bürgerinnen und Bürger“ genauso wie die „Teilnehmerinnen und Teilnehmer“. Ja, es macht die Texte länger, hat aber was Entspanntes und Souveränes.

„Die Teilnehmerinnen und Teilnehmer der Fortbildung stellten Fragen an die Kursleiterin und den Dozenten.“

Der Plural „die Teilnehmer“ wirkt eigentlich schon neutralisierend und niemand ist ausgeschlossen. Man rettet sich deshalb auch gern in diese Neutrale Zone:

„Die Teilnehmenden der Fortbildung stellten Fragen an die Seminarleitung.“

So gehts auch. Man hat ja reichlich Lehrende und Zuhörende und Anwesende zur Verfügung. Auch Schreibende. Und Berufseinsteigende, Steuerzahlende, Zuschussbeantragende, Beteiligte und Mitwirkende, Absolvierende, Beauftragende, Vertragsunterzeichnende, Selbstständige sowieso, und Existenzgründende … Beispiele ohne Ende. Diese sprachliche Nichtangriffszone ist meistens kurz und praktisch, wirkt aber auch ein bischen blutleer und distanziert.

Elegant und geschickt Gegendertes

Aufwändig, aber eleganter, ist die Verwendung zweier sehr verwandter Begriffe, also der Verzicht auf die Doppelung und Wiederholung. Sowohl Weiblein als auch Männlein bekommen ihr eigene Bezeichnung:

„Die Teilnehmerinnen und Zuhörer der Fortbildung stellten Fragen an die Seminarleiterin und den Dozenten.“

Ja, der Satz ist lang, aber alle sind mit im Boot. Man spürt die Höflichkeit. Soviel Zeit muss sein. Immer noch gilt: Die weibliche Form kommt zuerst, dann die männliche. Kniffelig ist das Finden passender Synonyme oder Zwillingsbegriffe, die nicht schon wieder einen Graben zwischen Männlein und Weiblein ziehen.  Aber oft führt diese Lösung aus dem Sternchendilemma raus. Probieren Sie es gelegentlich.

Gendern oder nicht gendern …

Man sollte nur dann gendern, wenn die Hinzuziehung der weiblichen Form ein Missverständnis ausräumt, statt es zu verstärken. Mir stößt an dem Gendersternchen auf, das in vielen Texten das Geschlecht der Personen für die Kernaussage gar keine Rolle spielt, durch das Gendersternchen aber unnötig betont und in den Vordergrund gestoßen wird. Bei einem Hausbrand will ich nicht wissen, welches Geschlecht die verletzten Bewohner hatten, sondern ob sie gerettet wurden.

Wenn eine Frau von sich selbst spricht und die männliche Form benutzt, wird es merkwürdig. Zum Beispiel hier:

In einem zwanglosen Gespräch ging es um das Talent, Termine zu organisieren. „Ich bin jemand, der das kann.“ behauptete eine Frau von sich, anstatt einfach zu sagen: „Ich bin eine, die das kann.“ In der Umkehrung würde kaum ein Mann von sich sagen: „Ich bin eine Person, die das kann.“ Oder?

Auf den Aussagekern reduzieren

Notieren Sie sich vor dem Schreiben zuerst Ihre Aussagekerne, die frei von Werbefloskeln und Standardformeln sind. Dazu reichen wenige Worte oder kurze Hauptsätze. Streichen Sie jedes einzelne Wort, das für das eigentliche Verständnis unwichtig ist. Diese puren Kernaussagen sind das wesentliche  Rohmaterial.

Nun gibt es zwei Wege zu gutem Lesetext: Die Straffung oder die Auskleidung.

Bei der Straffung schreibt man zuerst den ausformulierten Text und streicht dann alles, was die Kernaussage verdeckt oder von ihr ablenkt. Umständliche Floskeln werden gelöscht. Bei der Auskleidung nimmt man die karge Kernaussage und wandelt sie zu angenehm lesbaren Sätzen um, die freundlicher und einladender wirken. Auch hier wird kritisch auf überflüssige Worte geprüft.

In kleine Happen einteilen

Die Aussagekerne sind schon ein guter Anhaltspunkt, um Texte in kleine Portionen mit Überschriften einzuteilen. Optisch ist das für Benutzer von kleinen Displays sehr angenehm und thematisch bietet es den Suchmaschinen eine gute Auswertung der wichtigsten Aussagen. Die Zwischenüberschriften spielen dabei ein große Rolle und sollten relevante Schlüsselbegriffe enthalten. Wenn eine Website Steuerberatung anbietet, sollte auf der Startseite nicht „Herzlich Willkommen“ stehen, sondern „Ihre kompetente Steuerberatung im Raum Hannover“.  Die Leser sind freundlich angesprochen und informiert, die Suchmaschinen können „Steuerberatung“ und „Hannover“ relevant zuordnen. Je präziser, desto besser die Suchergebnisse und die passende Kundenauswahl.

Information versus Werbung

Die Suchdienste sollen sich immer mehr dem menschlichen Suchverhalten annähern, nicht umgekehrt. Deshalb gilt die Regel: „Internettexte sind für echte Menschen.“ Die zweite Regel: „Möglichst mühelose Information.“ Was nützt eine tolle Friseurwebsite, wenn man erst nach langem Herumklicken und Suchen erfährt, in welchem Ort der Laden ist? Oder was nützt mir die laaange Speisekarte eines Restaurants, wenn ich für eine Verabredung einfach kurz die Öffnungszeiten und Adresse brauche? Im mobilen Internet braucht man interessante Fakten, die eine schnelle Sortierung der passenden Kunden/Firmen ermöglicht. Noch vor Jahren galt lange Verweildauer auf einer Website als Erfolg, aber wenn daraus keine echten Kunden erwachsen, nützt das gar nichts – es sei denn, es ist eine journalistische Website, deren eigentliche Ware ja die Texte sind.

Das Gebiet der internettauglichen Texte ist hier natürlich nur angerissen. Professionelle Texter und Suchmaschinenoptimierer teilen sich dieses Fachgebiet, daher ist das Schreiben für Mensch und Maschine nicht ganz konfliktfrei. Lassen Sie sich von mir beraten, wie man Ihre Websitetexte optimieren kann. 

Eine Kundeninformation von Marion Brandes Design.

Schreibweise der IBAN

Auf dem Briefbogen, auf Zahlungsformularen oder Rechnungsbögen wird die IBAN mit 22 Stellen angegeben. Sie besteht hinten aus Bankleitzahl und Kontonummer, vorn aus einer daraus errechneten Prüfnummer. Die ersten beiden Buchstaben DE sind das Länderkennzeichen. Genormt ist die Schreibweise in Viererblöcken, also kommt nach vier Ziffern jeweils ein Leerzeichen. Das erleichtert die Eingabe und Kontrolle.

Beispiel: DE12  3456  7891  0123  4567  89

Besonderheit bei digitalen Formularen: Leider muss man die Leerzeichen manuell wieder löschen, weil viele Online-Formulare eine lückenlose Ziffernfolge erwarten. Hier wäre auch eine Portionierung sehr sinnvoll, ist aber technisch kniffelig umzusetzen. Übrigens: Der BIC Code für die internationale Bankleitzahl ist schon seit 2016 innerhalb der EU nicht mehr erforderlich.

Schreibweise der Adresse im Briefbogen

Das D vor der Postleitzahl ist schon seit 1999 nicht mehr zulässig, da es bei Lesegeräten in der Postsortierung eine hohe Fehlerquote erzeugt und in der EU andere Formatierungen üblich sind. Kurz: Man kann im Ausland nicht erkennen, wofür es stehen soll. Stattdessen wird das Land in Großbuchstaben in die letzte Zeile unter den Ort geschrieben. Es bleibt kompliziert: Ihre deutsche Absenderadresse wird ja beim Empfänger wieder für dessen Rückantwort benutzt, also müsste DEUTSCHLAND dann in die jeweilige Landessprache übersetzt werden, weil die Sortierung noch im Absenderland erfolgt. Die deutsche Post empfiehlt als Sprache Deutsch, Englisch oder Französisch. Mit GERMANY in der eigenen Absenderadresse müsste alles glatt gehen. Vermutlich.

Briefe an Empfänger im Ausland: Der Ort wird groß und in der Landessprache geschrieben, dann klappt die regionale Postverteilung schneller. Weil die Ländersortierung noch in Deutschland erfolgt, schreibt man das Bestimmungsland in der deutschen Version (FRANKREICH statt FRANCE).

Modell für die genormte Reihenfolge in Adressen:

Firmenname GmbH
Abteilung oder Filiale
Herr/Frau Mustermeier
Straßenname 123
12345 MUSTERSTADT
GERMANY

Schreibweisen von Telefonnummern

Niemand möchte Telefonummern zur Summe addieren, deshalb werden sie auch nicht blockig untereinander wie auf einem Kassenbon geschrieben! Jede Telefonnummernzeile wird so geschrieben, dass man es beim Eintippen möglichst einfach hat. Die internationale Vorwahl für Deutschland ist 0049, die Doppelnull wird mit einem + abgekürzt, warum auch immer. Die Null vor der Ortsvorwahl entfällt und wird nicht in Klammern dazugesetzt, weil das beim Einwählen völliger Unsinn wäre. Entscheiden Sie sich für eine Schreibweise und alles wird gut.

Internationale Schreibweise:  +49  123  45678910
Inländische Schreibweise:  0123  45678910

Die korrekten englischen Kürzel sind:

• Tel oder Phone  (niemals Fon!)
• Fax  (Abkürzung für facsimile)
• Mobile oder Cell  (nicht Mob!)

Gestaltung von Geschäftspapieren, Visitenkarten und Briefbögen

Ausserhalb der bürokratischen Normung darf man auf den eigenen Visitenkarten und Briefbögen kreative gestalterische Lösungen zugunsten einer guten Lesbarkeit zeigen. Mit Farbe, Schrift und grafischen Elementen kann man Ziffernreihen so definieren, dass sie gut erfassbar sind. Wer neue Mobilnummern notiert oder in sein Handy eintippt, freut sich über Leerzeichen in langen Ziffernfolgen oder die Unterscheidung von Vorwahl und Teilnehmernummer. Gestaltung ist dazu da, es uns allen leichter zu machen.

Eine Kundeninformation von Marion Brandes Design.