11 Beste Universitätswebsites auf Drupal. Funktionsübersicht

Was haben die University of Oxford, die University of Cambridge und die Princeton University gemeinsam? Die Antwort ist einfach - Drupal. Die bekanntesten und angesehensten Universitäten haben sich für dieses CMS entschieden, um ihre Websites zu verwalten. Die Skalierbarkeit, Anpassbarkeit und Interoperabilität von Drupal sind nur einige der Argumente, die oft hinter dieser Entscheidung stehen. Ich habe Beispiele von Top-Universitätswebsites gesammelt, um ihre Funktionen und ihr Design zu betrachten.

Was macht Universitätswebsites einzigartig?

Universitätswebsites sind aufgrund ihrer multifunktionalen Natur ungewöhnlich. Sie dienen als umfassende Plattformen, die den Bedürfnissen verschiedener Benutzer gerecht werden.

Erstens fungieren sie als Informationszentren, präsentieren Details zu Studienprogrammen, Zulassungsvoraussetzungen und Fakultätsprofilen. Nicht selten bieten sie interaktive Funktionen wie virtuelle Campus-Touren und Multimedia-Ressourcen, die das akademische Erlebnis zum Leben erwecken.

Zusätzlich dienen Hochschulwebsites als wichtige Kommunikationskanäle und erleichtern somit die nahtlose Interaktion zwischen Studierenden, Fakultäten und Mitarbeitern. Sie enthalten oft Abschnitte zur Kurseinschreibung, Abgabe von Aufgaben, Veröffentlichung von akademischen Nachrichten und Unterstützung einer dynamischen Online-Umgebung.

Universitätswebsites widerspiegeln auch die Identität der Institution durch Designelemente, die ihre Werte, Erfolge oder Campus-Kultur präsentieren. Die Funktionen der sozialen Integration, des Alumni-Netzwerks oder des Veranstaltungskalenders tragen dazu bei, das Gemeinschaftsgefühl zu stärken.

Die besten Hochschulwebsites auf Drupal

Die von mir überprüften Universitätswebsites und ihre Funktionen haben klare gemeinsame Nenner, die sie in der Erreichung der oben genannten Ziele unterstützen. Funktionales Design, eine Suchoption, ein FAQ-Bereich und Elemente, die hauptsächlich Benutzer ansprechen, sind nur einige davon. In der folgenden Liste unterscheide ich eine bestimmte Universität durch eine bemerkenswerte Eigenschaft, die als Inspiration dienen könnte, sie auf Ihrer Webseite einzuführen.

1. Die University Of Arizona - den Benutzer engagieren

Ein wesentliches Element, das die besten Bildungswebsites auszeichnen sollte, ist, wie sie Benutzer ansprechen. Dies erhöht die Wahrscheinlichkeit, dass eine solche Person länger auf der Webseite bleibt und gerne dorthin zurückkehrt. Ein Vorwand hierfür könnte der News-Bereich sein.

Der Bereich mit Updates muss lesbar und klar sein, und der Inhalt sollte nach Thema unterteilt werden, damit man leicht das findet, was den Benutzer interessiert. Was aber, wenn ein Thema fehlt? Was dann?

Die Entwickler der University of Arizona-Website haben eine Option bereitgestellt, bei der ein Benutzer ein Formular verwenden kann, um seine Idee für - was sie eine Geschichte nennen - vorzuschlagen.

Und so gibt es neben der unkomplizierten Navigation in dem betreffenden Abschnitt einen ansprechenden CTA-Button, SUBMIT A STORY IDEA, über den jeder einen Artikelvorschlag einreichen kann.

Quelle: arizona.edu

2. Oxford University - Besuchsplan

Oxford University ist eine der berühmtesten Hochschulen der Welt. Wer würde sie also nicht besuchen wollen? Besonders wenn sie ernsthaft in Betracht ziehen, sich an dieser Universität zu bewerben. Die Option, die ich auf dieser Drupal-Website gefunden habe, sollte jeden inspirieren, der so viele Menschen wie möglich für seine Institution gewinnen möchte.

Im Hauptmenü gibt es einen Reiter namens OPEN DAYS AND VISITS. Wenn Sie den Cursor darüber bewegen, sehen Sie eine Liste mit hilfreichen Informationen wie Arbeitszeiten der Abteilungen, Reisen und Unterkunft. Es gibt auch eine Option, um Ihren Tag im Abschnitt Plan your day zu planen. Oxford ermöglicht einen Besuch von 24 Stunden, 12 Stunden oder 6 Stunden, und jede Option wird ausführlich beschrieben.

Quelle: ox.ac.uk

Rechts befindet sich ein Button für das Registrierungsformular mit einem spezifischen CTA - REGISTER TO ATTEND AN OPEN DAY. Dies ist auch ein ausgezeichnetes Beispiel dafür, wie der Button aussehen sollte und wie man ihn gestalten sollte, um seinen Zweck zu erfüllen. In diesem Fall ermutigt er Sie, online einen Termin zu vereinbaren.

3. Die University of Cambridge - der Einsatz von Video

Wie das obige Beispiel ist auch die University of Cambridge eine der berühmtesten Universitäten der Welt. Sie zieht viele Benutzer an, daher ist die Navigation und Führung zu den nachfolgenden Abschnitten auf der Website eine deren Nachgedanken.

Diese Universitätswebsite strotzt vor einer großen Vielfalt an Inhalten. Daher ist es nicht überraschend, dass die Ersteller der Webseite sich entschieden haben, Videos zu verwenden, um die Schule auf eine andere, attraktivere Weise zu zeigen und Kandidaten von den Vorteilen eines Studiums in Cambridge zu erzählen.

Wenn Sie zum Abschnitt Kurse gehen, sehen Sie ein Video, das Ihnen hilft, ein College auszuwählen. Es handelt sich um ein Video, das Ihnen erklärt, worauf Sie bei Ihrer Entscheidung achten sollten und gleichzeitig die Institution selbst vorstellt. Aber es hört hier nicht auf - wenn Sie auf ein Fach klicken, können Sie Material sehen, das sich dediziert mit spezifischen Studien beschäftigt.

Ich denke, es ist eine einfache und interessante Idee, die Vorstellungskraft anzuregen. Der Kandidat wird sich die Bilder mehr als die Worte merken, was ihn möglicherweise dazu bringen könnte, diese Universität auszuwählen.

Quelle: cam.ac.uk

4. Princeton University - ansprechendes Design

Princeton University ist hingegen ein Beispiel für großartiges Design, wie es auf Drupal 10 umgesetzt wurde. Die Entwickler konzentrierten sich auf große Grafiken und die kleinstmögliche, aber notwendige Menge an Inhalt.

Dieser Ansatz beeinträchtigt in keiner Weise die Funktionalität der Website. Ich wage zu behaupten, dass er sogar die Universitätswebsite transparenter und organisierter macht. Beim Klicken auf das Menü werden Abschnitte angezeigt. Nach deren Auswahl führen logisch geordnete Unterkategorien zu weiteren Unterseiten, die sofort erscheinen.

Beim weiteren Voranschreiten auf der Website sehen Sie das konsequent beibehaltene Design, und die auf den Grafiken platzierten Textblöcke werden noch deutlicher. Ich ermutige Sie, sich ein paar Minuten für eine entspannende Reise durch diese einzigartige Hochschul-Website auf Drupal zu nehmen.

Quelle: princeton.edu

5. Massachusetts Institute of Technology (MIT) - originelle Suche

Damit eine Universitätswebsite als Informationsplattform gut funktioniert, sollte eines der effizientesten Werkzeuge eine Suchmaschine sein. Ein großartiges Beispiel ist das Massachusetts Institute of Technology (MIT). Die Ersteller dieser College-Website gingen kreativ an das Thema heran und nutzten das Nutzbarkeitspotential voll aus.

Erstens, weil die Suchleiste an einem benutzerdefinierten Ort platziert ist (als zusätzliche Element). Zweitens - dank ihrer dynamischen Darstellung hebt sie sich ab und ist deutlich sichtbar. Drittens - nachdem Sie anfangen, den Suchbegriff einzugeben, erscheint ein großer Bildschirm mit gefundenen Materialien, und je mehr Buchstaben Sie eintippen, desto weiter verengen sich die Suchergebnisse automatisch.

Ich gebe zu, dass dies eines der originellsten Suchlösungen ist, die ich für eine Website auf Drupal gesehen habe. Und so sieht der Prozess live aus:

Quelle: mit.edu

6. University College London (UCL) - Kalender und Filterung

Ich konnte University College London nicht aus der Liste lassen, nicht nur, weil sie zur Universität des Jahres 2024 (laut The Times und The Sunday Times) ernannt wurde. Beim Durchsuchen dieser Universitätswebsite fiel mir der Kalender und die in den Artikeln kontextuell verwendete Filterung auf.

Wenn Sie zum News-Abschnitt gehen, können Artikel nun nach Datum, Thema, Geschäftseinheiten, Artikeltyp und Zielgruppe gefiltert werden. Dies ist ein großartiges Beispiel für die Verwendung dieser Funktionalität, die es ermöglicht, das Suchfeld auf die gewünschten Parameter einzugrenzen.

Quelle: ucl.ac.uk

7. University of Pennsylvania - leichte Startseite und Veranstaltungen

Etwas Besonderes gibt es auf der Startseite der University of Pennsylvania. Das erste Wort, das mir in den Sinn kam, war "Leichtigkeit". Vielleicht sind es die Abstände zwischen den Absätzen, die für mein Gefühl verantwortlich sind? Oder vielleicht das geschmeidige Menü? Drupal bietet viele Optionen, um das Layout der Website an die Bedürfnisse der Redakteure und Benutzer anzupassen. Hier ist klar, dass die Entwickler der Webseite viel Zeit darauf verwendet haben, das Potential des Systems auszuschöpfen.

Ein weiterer Punkt ist der Events-Bereich, der wiederum über einen Kalender und praktische Filtermöglichkeiten verfügt. Das Hauptereignis, das bevorsteht, wird mit einem kreisförmigen Kasten und einer detaillierten Beschreibung hervorgehoben, zusammen mit der Möglichkeit, es als sozialen Medienbeitrag zu teilen. Darunter sind kommende Veranstaltungen, und darunter nützliche Links, um weitere Informationen über diese zu erhalten.

Quelle: upenn.edu

8. PSL Université Paris (PSL) - Sprachversionen und Barrierefreiheit

Als Administrator einer Hochschulwebsite sollte man nicht vergessen, die Notwendigkeit zu berücksichtigen, sie in verschiedenen Sprachen vorzubereiten. Wenn die Universität sich für die internationale Gemeinschaft der Studierenden oder das akademische Personal öffnet, sollten alle Inhalte ihre Gegenstücke in anderen Sprachen haben, je nach Bedarf. Drupal ist ein System mit Unterstützung für Mehrsprachigkeit, daher eignet es sich gut dafür.

Darüber hinaus sollte man Erleichterungen und Barrierefreiheit für den größtmöglichen Nutzerkreis in Betracht ziehen. Dieses Vorgehen wird auch auf der PSL Université Paris Website vertreten, auf der Sie unter anderem auswählen können, wie die Website präsentiert wird:

• der Kontrast zwischen dem Standard, verbessert und invertiert,
• anpassbare Schriftart,
• erhöhte Zeilenhöhe.

All dies stellt sicher, dass der Dienst den Erwartungen von Menschen entspricht, die täglich Erleichterungen beim Surfen benötigen.

Quelle: psl.eu

9. Die University of Texas at Austin - Menü und Seitenscrollen

Die Website der University of Texas at Austin hat eine bemerkenswert interessante Art, Elemente im Hauptmenü und eine Methode zum Scrollen der Webseite darzustellen.

In ersterem Fall erscheint, wenn ich den Cursor über einige Kategorien im Menü bewege, nach dem Aufklappen der Liste ein benutzerdefinierter Block mit einem Bild und einer Beschreibung. Eine solche Lösung fesselt die Aufmerksamkeit und ermutigt dazu, mehr Inhalt zu lesen. Es ist auch eine ausgezeichnete Möglichkeit, das Menü "lebendig" zu gestalten, das normalerweise nur eine Liste von Links in minimalistischer Form ist.

Darüber hinaus bleibt diese Funktion im Einklang mit dem zweiten Fall - eine interessante Art, die Webseite zu durchsuchen. Beim Scrollen durch die Fotos überlappt das nächste das vorherige, während ein Textblock im anderen Tempo erscheint. Dies ist zweifellos ein origineller und praktischer Blickfang. Der exponierte Inhalt zieht das Auge an und ermöglicht es Ihnen, länger auf der Website zu verweilen.

Quelle: utexas.edu

Das Design und die spezifischen Navigationslösungen auf der Website der University of Texas, von denen es mehr gibt als die von mir erwähnten, verdienen definitiv Beachtung. Sie können eine Inspiration im Hinblick auf den Aufbau einer Universitätswebseite als durchdachtes Ganzes, bei dem nichts dem Zufall überlassen wird, sein.

10. Die Kyoto University - der FAQ-Bereich

Der FAQ-Bereich ist eine wertvolle Funktionalität. Er dient als Antwort auf die am häufigsten gestellten Fragen, kann die Anzahl der gesendeten Frageformulare minimieren und somit die benötigte Zeit für die Bearbeitung der Anfragen verkürzen.

Für ein Beispiel dafür, wie Sie einen solchen Bereich transparent auf einer Webseite aufbauen können, habe ich mich virtuell nach Japan begeben. Die Kyoto University ist eine weitere auf Drupal 10 basierende Webseite, die einen unkonventionellen Ansatz zur Gestaltung der FAQ-Unterseite zeigt.

Aus dem hier verwendeten Layout geht hervor, dass Themen auf der linken Seite des Bildschirms platziert werden können und Antworten - auf der rechten. Diese Anordnung ermöglicht eine größere Inhaltsentwicklung, zusätzliche Überschriften und Links sowie die Klarheit der Informationen. Das ist anders als bei den meisten Websites, bei denen die Fragen und Antworten übereinander angeordnet sind, was die Bearbeitungsmöglichkeiten einschränkt.

Quelle: kyoto-u.ac.jp

11. Yale University - Zähler und E-Commerce

Eine der Funktionen in Drupal ist ein Zähler, der recht häufig auf Websites verwendet wird, um zum Beispiel die Anzahl der Mitarbeiter, abgeschlossenen Projekte oder Jahre am Markt zu zeigen. Im Fall von Yale University hat dieses Werkzeug jedoch eine fortschrittlichere Funktion und ein originelles Design.

Der Zähler befindet sich im Giving-Bereich und dient der Funktion, den Betrag der gesammelten Spenden in Bezug auf das gesetzte Ziel zu zeigen. Neben der in Zahlen ausgedrückten Summe füllen die Spenden grafisch einen Rand um den Globus aus, der den Prozentsatz der Zielerreichung illustriert.

Erwähnenswert ist auch die Unterseite selbst, die sich auf Stipendien konzentriert. Obwohl fast jedes College einen ähnlichen Bereich hat, ist die Darstellung und der Kaufweg hier besonders einfach und freundlich entwickelt. Ja, ich habe absichtlich eine Formulierung aus einem Online-Shop verwendet. Indem wir eine Finanzierung auswählen, fügen wir weitere Elemente hinzu, als ob sie sich in einem Einkaufswagen befänden. So haben wir hier die Integration mit E-Commerce.

Quelle: yale.edu

Die besten Universitätswebsites - Zusammenfassung

Die in diesem Artikel aufgeführten Funktionen sind Beispiele für das, was Sie durch die Nutzung von Drupal gewinnen können. Dieses CMS bietet jedoch noch mehr Möglichkeiten, eine Universitätswebsite reibungslos und sicher zu betreiben. Dazu gehören benutzerdefinierte Integrationen, Berechtigungskontrolle und SEO-Optimierungsmodule.

Ich hoffe, die von mir aufgeführten Colleges werden eine Referenz für Ihre Suche nach den besten Lösungen sein. Und wenn Sie Hilfe bei der Implementierung einer bestimmten Funktionalität oder beim Aufbau einer Webseite von Grund auf benötigen, holen Sie sich Unterstützung von Entwicklern, die sich auf Drupal für die Hochschulbildung spezialisiert haben.