Auf den Relaunch-Seiten des SEK und SCC finden sich zahlreiche Richtlinien für die Gestaltung der neuen Webseiten, die beachtet werden sollten. Zusätzlich dazu haben wir ein paar weitere Richtlinien ergänzt, um die INTL-Seiten noch übersichtlicher zu machen.

Der Benutzer muss alles finden können

Zwar gibt es die Suchfunktion, sie ist aber nicht immer zuverlässig. Wie finden wir etwas, wonach wir suchen, am leichtesten? Wenn alles ausgebreitet herumliegt? Eher nicht, vielmehr, wenn wir wissen, wo wir suchen müssen - und wo nicht.

Geben wir dem Benutzer die Gewissheit, dass er das gesamte Webangebot im Menü findet, indem wir

• die Anzahl der Einträge der 1. und 2. Menübene auf jeweils 5 begrenzen - mehr liest er sich wahrscheinlich nicht mehr komplett durch -- Überschaubarkeit.
• die Menüpunkte einer Ebene so benennen, dass alle Erwartungen abgedeckt sind. Haben wir 3 große, wichtige Rubriken und noch ein paar kleinere, fassen wir letztere z. B. unter "Weitere Angebote" zusammen. Gerne können "Gegensatzpaare" wie "Studenten" - "Mitarbeiter" verwendet werden -- Komplementarität.
• Die 3. und 4. Ebene sollten zusammen maximal ca. 15 Einträgen enthalten.
• Von einer 5. und weiteren Ebenen (werden nicht mehr im Hauptmenü dargestellt, nur im Breadcrumb-Menü) wird abgeraten.

Natürlich ist das Menü nicht der einzige Weg, um auf eine bestimmte Seite zu gelangen. Die Themen-Teaser und Zielgruppeneinstiege auf der Startseite etwa heben besondere Angebote prominent hervor. Aber der Benutzer darf nicht den Eindruck bekommen, dass er etwas nicht über das Menü finden kann.

Was will der Benutzer wirklich?

Stellen wir uns die tatsächlichten Szenarien vor, in denen Benutzer unsere Seiten besuchen. Viele suchen etwa einen bestimmten Ansprechpartner aus der Abteilung - deshalb findet man sie auf jeder Seite unter "Über uns" sofort.

• Oft landet ein Benutzer auf einer Seite, die nur etwas Ähnliches wie das enthält, wonach er eigentlich sucht. Studenten etwa, die ins Ausland wollen, landen bei IStO Incoming. Diese möglichen Irrtümer sehen wir voraus und helfen mit Links zu Alternativen -- Fehlertoleranz.

Projektvorgaben, Kopfbilder, Startseite

Für die Projektvorgaben geht man auf SmartEdit - Projekteinstellungen und -vorgaben (ganz unten) - [Projektname der Abteilung].

• Institusname ist der Name der Unterabteilung
• Unter Kopfbild Folgeseiten stellt man das kleine Kopfbild für alle Folgeseiten ein

Für die Startseite jeder Abteilung gilt:

• Unter Rahmenseite bearbeiten - Einstellungen muss bei Kopfbildgröße -> Seite ist Homepage und bei Aufmacher-Seite -> Aufmacherseite (nur Rootknoten) eingestellt sein. Das große Kopfbild kann direkt auf der Seite eingestellt werden.

Wohin mit den News?

Die News-Folgeseiten werden im Navigationsbaum immer unter Über [Abteilungsname] - News-Archiv - [Jahr] als unsichtbare Seiten erzeugt bzw. eingehängt.

So wird der Text übersichtlich

Im Gegensatz zum alten Design kommen im neuen Design Listen mit langen Einträgen nicht gut herüber. Listen sollten immer nur kurze Punkte haben. Sind die Einträge länger, legt man am besten stattdessen Abschnitte mit kleiner Überschrift (H2, H3, H4) an. Zur besseren Orientierung kann man immer eine Inhaltsübersicht hinzufügen.

Leitfäden

Bei Links & Downloads findet ihr Leitfäden mit weiteren Richtlinien und TIpps zum Download.