Philosophie und Gestaltungsprinzipien der Website¶
Wir wollten eine Website gestalten, die zugleich modern, fröhlich, zugänglich und einfach zu bedienen ist, im Einklang mit der Identität unserer Tradition. Wir sind eine Tradition des modernen Buddhismus, und unser Weg ist ein freudvoller Weg. Die Gestaltung der Website muss diese Identität daher auf den ersten Blick vermitteln: Es geht nicht einfach darum, Informationen darzustellen, sondern darum, die Atmosphäre unserer Zentren spürbar zu machen und Lust zu wecken, sie kennenzulernen.
Die Website wurde außerdem so gedacht, dass sie den Bedürfnissen von zwei Arten von Besuchern wirksam gerecht wird: den Menschen, die das Zentrum zum ersten Mal entdecken, und denen, die es schon regelmäßig besuchen. Einem neuen Besucher muss die Website schnell zeigen, wer wir sind, was wir anbieten, an wen sich unsere Aktivitäten richten und welche Atmosphäre er im Zentrum erwarten kann. Einer vertrauten Person, die das Zentrum schon kennt und eine bestimmte Information sucht, muss sie dagegen einen schnellen und einfachen Zugang zu dem bieten, was sie braucht: eine Uhrzeit, eine Veranstaltung, einen Kurs, den Stundenplan, die praktischen Informationen usw.
Die ganze Gestaltung der Website beruht also auf diesem Gleichgewicht: den neuen Besuchern etwas zeigen und Lust machen und zugleich den regelmäßigen Besuchern ermöglichen, die gesuchte Information schnell zu finden.
Um auf einen Blick zu sehen, wie die Startseite aufgebaut ist, hier ein Beispiel einer ganzen Seite auf der Grundlage des Zentrums in Brighton. Jeder Abschnitt wird weiter unten erklärt.
Die ganze Startseite auf einen Blick ansehen
Ein modernes und fröhliches Erscheinungsbild¶
Orange wurde als Hauptfarbe der Website gewählt. Diese Farbe wird mit Weisheit und mit unserer Tradition verbunden, sie ermöglicht aber auch ein warmes und lebendiges Erscheinungsbild.
Der gewählte Farbton ist kräftig genug, um einen guten Kontrast zu Weiß zu gewährleisten. Das trägt zu einer guten Lesbarkeit bei und so weit wie möglich zur Einhaltung der Grundsätze der Barrierefreiheit im Web. Es ist ein Kompromiss zwischen Barrierefreiheit und Ästhetik.
Rund um diese Hauptfarbe haben wir eine Farbpalette festgelegt, die auch Blau-, Violett- und Grüntöne umfasst.
Diese Farbpalette bildet einen gemeinsamen Rahmen und lässt den Zentren dennoch eine gewisse Freiheit. Ein Zentrum wie Brighton hat zum Beispiel Blau als Hauptfarbe gewählt, um sich von einem anderen Zentrum zu unterscheiden, das bereits Orange verwendete. Das Wichtigste ist, in der festgelegten Farbpalette zu bleiben, damit das Erscheinungsbild mit allen Websites, die dieses System verwenden, stimmig bleibt.
Wo du etwas tun kannst
Die Farben der Website erklärt das Prinzip der Farbpalette; die Seite Farben und die Aufgabe Die Farben der Website ändern zeigen, wie du sie einstellst.
Eine einfache und sofort erkennbare Oberfläche¶
Die Kopfzeile der Website ist bewusst sehr schlicht gestaltet. Das Logo des Zentrums erscheint oben links, weiß auf orangem Hintergrund. Oben rechts bleibt die Menüschaltfläche immer an derselben Stelle.
Wir haben uns entschieden, das übliche „Hamburger“-Symbol mit dem Wort „Menu“ zu ergänzen. Diese Wahl macht die Funktion der Schaltfläche verständlicher und trägt dazu bei, die Navigation für alle zugänglicher zu machen.
Das Menü behält dasselbe Prinzip und denselben Platz, auf dem Computer wie auf dem Handy. Der Besucher findet also immer dieselben Orientierungspunkte, egal welches Gerät er verwendet. Diese Kontinuität macht die Nutzung der Website einheitlicher, einfacher und intuitiver.
Wo du etwas tun kannst
Das Menü der Website erklärt, wie das Menü aufgebaut ist; die Seite Menü der Website und die Aufgabe Das Menü ändern zeigen, wie du es änderst.
Bilder, die überall funktionieren¶
Um die Gestaltung zu erleichtern und eine einheitliche Darstellung auf der ganzen Website zu gewährleisten, haben wir außerdem beschlossen, das Format der Hauptbilder zu vereinheitlichen.
Das Bildformat: 1050 × 400 Pixel
Die Bilder oben auf der Startseite, auf den Inhaltsseiten, auf den Veranstaltungsseiten und in verschiedenen Bereichen der Website werden im Format 1050 × 400 Pixel vorbereitet.
Dieses Panoramaformat bringt das Bild ausreichend zur Geltung und lässt zugleich die ersten Informationen darunter schnell sichtbar werden.
Diese Wahl ist auf dem Handy wie auf dem Computer besonders vorteilhaft: Das Bild bleibt sichtbar und ansprechend, ohne den ganzen Bildschirm einzunehmen, sodass der Besucher schnell zum Inhalt gelangt.
Ein festes Format vereinfacht auch die Gestaltung der Bilder erheblich. Statt Bilder zu verwalten, die in voller Breite oder bildschirmfüllend angezeigt werden, mit je nach Gerät unterschiedlichen Anforderungen an den Bildausschnitt, genügt es, das Bild ein einziges Mal richtig vorzubereiten.
Ist sein Ausschnitt einmal festgelegt, kann es zuverlässig an den verschiedenen Stellen der Website verwendet werden: Hauptbilder, nächste Veranstaltungen, Vorschaubilder und Blogbeiträge. So entsteht eine stimmige Darstellung, und die tägliche Pflege der Website wird viel einfacher, ohne fortgeschrittene Grafikkenntnisse vorauszusetzen.
Das Startbild: einen positiven ersten Eindruck schaffen¶
Das Bild ganz oben auf der Startseite spielt eine besondere Rolle. Es richtet sich vor allem an die Menschen, die die Website zum ersten Mal entdecken.
Sein Ziel ist also nicht nur, das Zentrum zu illustrieren. Es soll einen sofortigen, positiven ersten Eindruck hervorrufen:
„Oh, das sieht hier ja nett aus!“
Dieser Eindruck soll sowohl durch die Gestaltung als auch durch die Botschaft des Bildes entstehen. Die Wahl des Motivs, des Textes und der Komposition soll eine Vorstellung von der Atmosphäre des Zentrums vermitteln, noch bevor der Besucher begonnen hat, sich die angebotenen Aktivitäten anzusehen.
Dieser erste Blickfang ist auch eine Gelegenheit zu zeigen, was unseren Ansatz ausmacht. Wir sind eine moderne und freudvolle buddhistische Tradition, und unsere Zentren können diese Seite auf den ersten Blick vermitteln. Humor, Leichtigkeit und lebendige Botschaften haben in diesen Bildern also durchaus ihren Platz.
Das Ziel ist, eine Wirklichkeit zu zeigen, die die Besucher in unseren Zentren wiederfinden können: einladende, lebendige, warme und zugängliche Orte. Ein Mensch, der unsere Tradition noch nicht kennt, soll sich sofort sagen können:
„Vielleicht ist das ein Ort für mich.“
Um die Gestaltung dieser Bilder zu erleichtern, wurde ein eigenes Modul entwickelt, mit dem sich ein Startbild ganz einfach aus einem Bild, einem Text und einem oder mehreren Symbolen zusammenstellen lässt. Das Modul erlaubt es auch, die Darstellung anzupassen und das Ergebnis direkt auf dem Handy anzusehen.
Du kannst mehrere Startbilder anlegen, die dann zufällig angezeigt werden. Wer auf die Website zurückkehrt, kann so einen anderen Blickfang entdecken: Das wirkt neu und hält die Startseite lebendig.
Es kann zum Beispiel sinnvoll sein, im Laufe einiger Monate oder eines Jahres etwa zehn Bilder anzulegen, je nachdem, wie viel Zeit das Zentrum dieser Aufgabe widmen möchte. Diese Arbeit ist also nicht nur Dekoration: Dieser erste Blickfang ist eine der ersten Gelegenheiten, eine Verbindung zu einem Menschen herzustellen, der das Zentrum entdeckt.
Ein Bild ansehen, bevor du es veröffentlichst
Die Website wählt zufällig unter den veröffentlichten Startbildern; ein Bild im Entwurf wird den Besuchern nie gezeigt. Um ein neues Bild unter echten Bedingungen zu beurteilen, bevor du es veröffentlichst, verwende die Schaltfläche Auf der Startseite ansehen auf der Bearbeitungsseite: Nur du siehst dann die Startseite mit diesem Bild.
Wo du etwas tun kannst
Die Seite Startbild zeigt, wie du ein Bild zusammenstellst.
Eine Startseite, die die Besucher wie von selbst leitet¶
Nach diesem ersten Blickfang stellt ein Titel ganz einfach die Aktivitäten des Zentrums vor und erinnert daran, dass sie allen offenstehen.
Direkt darunter ermöglicht ein Wegweiser-Bereich dem Besucher, sich schnell zu den wichtigsten Inhalten der Startseite zu orientieren. Er kann zum Beispiel Einstiege zu den Meditationskursen, den Veranstaltungen am Wochenende, den Abonnements und an vierter Stelle den Zugang zum Kalender des Zentrums anbieten.
Dieser letzte Einstieg ist besonders wichtig, denn der Kalender gehört oft zu den Informationen, nach denen Menschen, die das Zentrum schon kennen oder einfach wissen wollen, was dort los ist, zuerst suchen.
Wählt der Besucher eines dieser Elemente, gelangt er direkt zum entsprechenden Teil der Startseite. Dort findet er eine kurze Vorstellung der Aktivität und kann dann die Seite aufrufen, die ihr gewidmet ist, um mehr zu erfahren.
So lassen sich die Aktivitäten des Zentrums entdecken, ohne jedes Mal über ein Menü gehen zu müssen. Die Startseite wird zu einem echten Entdeckungsweg: Jeder kann entweder direkt zu dem gehen, was ihn interessiert, oder einfach die Seite hinunterscrollen und nach und nach alle Angebote entdecken.
Eine Startseite, die auch für Suchmaschinen gedacht ist¶
Dieser Aufbau ist auch für die Suchmaschinenoptimierung von großem Nutzen.
Die Startseite enthält Inhalte zu den verschiedenen Aktivitäten des Zentrums, mit den Begriffen und Formulierungen, nach denen Internetnutzer suchen. Jede Vorstellung kann dann auf eine ausführlichere Seite zur jeweiligen Aktivität verweisen.
Die Startseite wird so zum Ausgangspunkt zu den anderen Inhalten der Website und schafft eine stimmige interne Verlinkung.
Derselbe Aufbau erfüllt also mehrere Ziele: Er macht die Navigation für die Besucher intuitiver, bereichert die Startseite mit nützlichen Inhalten und erleichtert den Suchmaschinen das Auffinden der anderen Seiten der Website.
Das Leben des Zentrums sofort zeigen¶
Direkt nach dem Wegweiser-Bereich zeigt ein Abschnitt die Veranstaltungen der nächsten Tage. So erfährt der Besucher sofort, was heute und in den folgenden Tagen geschieht, ohne den Kalender öffnen zu müssen.
Der weitere Verlauf der Seite lässt dann ganz natürlich weitere Informationen über das Zentrum entdecken, einfach durch Scrollen (zum Beispiel die Monatsabonnements).
Wo du etwas tun kannst
Dieser Abschnitt ist ein Block „Nächste Veranstaltungen“: Siehe die Seite Blöcke „Nächste Veranstaltungen“ und die Aufgabe Die nächsten Veranstaltungen auf einer Seite anzeigen.
Die Lehrer in den Vordergrund stellen¶
Ein Karussell stellt außerdem die Lehrer vor und zeigt sofort die Gesichter der Menschen, die die Unterweisungen weitergeben.
Auf der Startseite ist die Reihenfolge bewusst zufällig. Bei jedem Besuch können die Lehrer so in einer anderen Reihenfolge erscheinen: Das macht die Darstellung lebendiger und rückt regelmäßig verschiedene Lehrer in den Vordergrund.
Die Seite der Lehrer ist anders aufgebaut. Der residierende Lehrer wird dort zuerst und mit einem größeren Foto vorgestellt. Die anderen Lehrer folgen in der Reihenfolge, die der EPC gewählt hat.
Wo du etwas tun kannst
Auf der Seite der Lehrer gilt die Reihenfolge der Lehrerliste in der Verwaltung: Siehe die Seite Lehrer.
Den Stundenplan auf einen Blick zeigen¶
Weiter unten auf der Startseite zeigt der Wochenstundenplan der Meditationskurse auf einen Blick, wie die Kurse über die Woche verteilt sind.
Er unterscheidet die verschiedenen Tageszeiten, insbesondere die Kurse am Morgen, zu Mittag und am Abend. So versteht der Besucher sehr schnell, wann die verschiedenen Sitzungen stattfinden.
Bei Bedarf kann ein zweiter Stundenplan auch die Kurse in den Zweigstellen zeigen.
Diese Darstellung gibt ein sehr anschauliches Bild vom Leben des Zentrums und hilft, schnell einen Termin zu finden, der zur eigenen freien Zeit passt.
Wo du etwas tun kannst
Die Seite Wochenstundenplan und die Aufgabe Den Wochenstundenplan aktualisieren.
Die Fußzeile: informieren und die Websites verbinden¶
Die Fußzeile, die auf allen Seiten der Website erscheint, ist nicht nur ein technischer Bereich. Sie kann auch der Information, der Bindung der Besucher und der Vernetzung dienen.
Die Google-Bewertungen sind dort eingebunden, um eine Auswahl von Kommentaren zu zeigen, die Besucher tatsächlich hinterlassen haben. Das verleiht der Website eine menschliche Note und zeigt direkt die Erfahrungen der Menschen, die das Zentrum besuchen.
Dieser Bereich bietet außerdem eine Schaltfläche, mit der die Besucher selbst eine Bewertung abgeben können.
Die Fußzeile kann außerdem zur Anmeldung für den Newsletter führen und zusätzliche Angebote bereithalten, etwa kostenlose E-Books oder Podcasts.
Schließlich ist dieser Bereich ein besonders geeigneter Ort für Links zu den anderen Kadampa-Zentren des Landes. Ideal wäre es, wenn die verschiedenen Websites derselben Logik folgten und gegenseitig auf die anderen Zentren verwiesen.
Das würde eine echte Vernetzung der Websites schaffen, die sowohl den Besuchern nützt, die ein anderes Zentrum entdecken möchten, als auch der Gesamtstruktur des Netzwerks. Ein Link zum nationalen Zentrum kann ebenfalls Teil dieser Logik sein.
Wo du etwas tun kannst
Die Fußzeile ist eine Layoutvorlage: Siehe die Seite Vorlagen. Um eine Google-Rezension auszublenden oder hervorzuheben: Siehe die Seite Google-Rezensionen.
Eine Gestaltung, die Ästhetik, Einfachheit und Wirksamkeit vereint¶
All diese Entscheidungen folgen letztlich derselben Logik: eine Website zu schaffen, die angenehm anzusehen, einfach zu bedienen und repräsentativ für die Identität der Zentren ist und sich zugleich leicht weiterentwickeln und verwalten lässt.
Der Besucher soll sofort verstehen können, wo er sich befindet, was angeboten wird, wann die Aktivitäten stattfinden und wie er weiterkommt. Er kann direkt eine bestimmte Information aufrufen oder sich einfach führen lassen, indem er die Seite hinunterscrollt.
Gleichzeitig erlaubt der Aufbau der Website, reichhaltige Inhalte zu entwickeln, stimmige Verbindungen zwischen den verschiedenen Seiten und zwischen den verschiedenen Websites zu schaffen und die Auffindbarkeit in Suchmaschinen nach und nach zu verbessern.
Die Gestaltung ist also nicht von der Bedienbarkeit, dem Inhalt oder der Suchmaschinenoptimierung getrennt: All diese Elemente wurden gemeinsam gedacht, um das Erlebnis einer Website zu schaffen, die zugleich modern, fröhlich, zugänglich, flüssig und wirksam ist.