7 sites Drupal d'universités polonaises qui inspirent - Aperçu

J'ai récemment écrit un article de blog sur les meilleurs sites web universitaires sur Drupal, qui proviennent de différents coins du monde. Dans cet article, je me concentre sur les pages web de Pologne, en présentant de manière similaire leurs fonctionnalités. Pour cette compilation, j'ai sélectionné sept exemples de - à mon avis - les sites les plus intéressants et inspirants.

1. École d'économie de Varsovie - transparence, journal et calendrier

La première université que j'ai prise en compte est la SGH École d'économie de Varsovie. Ce qui m'a captivé sur ce site web, c'est sa clarté, exprimée dans l'espace entre les paragraphes. L'espacement visible sur chaque sous-page rend le contenu extrêmement lisible. Nous n'avons pas l'impression que les textes sont encombrés, et cela est sans aucun doute très important pour les sites web universitaires qui partagent des informations importantes avec leur public.

En même temps, une telle approche permet la mise en valeur d'éléments pratiques, comme en témoigne le curseur qui "sert" le bannière principale. Cette section de navigation est divisée en trois colonnes, et les flèches situées aux bords - utilisées pour changer le contenu sur la bannière - renforcent encore l'impression d'espace.

La même chose se passe plus bas sur le graphique présentant l'offre éducative, avec des onglets fournissant des informations sur les études et les écoles. Bien qu'il y ait quelques photos en couleur, ce bloc reste également clair et léger.

Une autre solution qui attire mon attention est le SGH Magazine, que vous pouvez trouver sur une sous-page distincte. Tout d'abord, l'idée de donner aux actualités un format de journal mérite d'être soulignée. Deuxièmement, la présentation de l'ensemble mérite des éloges. Voici une mise en valeur originale de la première page du journal : à gauche, une grande photo, et à droite, les diapos de trois articles. Vous pouvez également accéder aux éditions imprimées et aux archives et lire la publication au format PDF.

Source: gazeta.sgh.waw.pl

Il est également intéressant de mentionner le calendrier et l'option de filtrage intelligent pour les événements. Après avoir sélectionné une catégorie et un type, les événements apparaissent en temps réel, et le type mentionné, en tant qu'étiquette, s'attache à la carte de visite de l'événement.

Le site web de l'Université SGH est un excellent exemple de la façon d'aider les utilisateurs à ne pas se perdre dans le contenu et à trouver exactement ce qu'ils recherchent.

2. Université de Technologie de Poznan - grandes graphiques et calendrier

Le site web de l'Université de Technologie de Poznan sur Drupal 10, c'est-à-dire sur la dernière version du système, mise également sur la transparence et l'espace, bien que d'une manière légèrement différente. Il atteint cet effet avec de grandes graphiques qui s'étendent sur la largeur complète de l'écran. Et je ne parle pas seulement du bannière sur la page d'accueil, mais aussi des images visibles lors du défilement. Elles sont larges et apparaissent en arrière-plan.

Mon attention a été attirée par le calendrier, l'un des plus originaux et minimalistes que j'ai vus. Seules les dates et les noms des événements sont placés dans les blocs du curseur. Lorsque le curseur est pressé, le bloc est mis en surbrillance et avance d'un pas. Bien sûr, nous pouvons entrer dans l’événement pour en savoir plus. Si vous voulez voir l'ensemble du calendrier, il vous suffit de cliquer sur le bouton Tous les événements et alors le mois en cours avec une grille d'événements sera affiché. Je suis impressionné par cette idée.

En décrivant le site web de l'Université de Technologie de Poznan, je ne pouvais pas non plus passer sous silence les versions linguistiques. De manière intéressante, l'option de changer la langue apparaît à un endroit peu évident, à savoir en bas de la bannière principale, et non - comme d'habitude - en haut, juste à côté du menu.

Et un autre détail fonctionnel - le moteur de recherche. Outre le fait qu'il se trouve à côté des versions linguistiques mentionnées dans la section héros, si vous faites défiler jusqu'en bas de la page, vous le verrez à nouveau. À mon avis, cela a du sens - si quelqu'un ne trouve pas ce qu'il cherche, l'option de recherche est "à portée de main" en bas de la page.

3. Université des Sciences Humaines et Économiques de Lodz - un moteur de recherche réfléchi

Personne n'a besoin d'être convaincu de l'importance d'une recherche intuitive sur une page web, surtout une page universitaire. La rapidité, la facilité et l'efficacité de la recherche d'informations peuvent être déterminantes, par exemple, lors du choix d'un cursus.

Un excellent exemple est la page web de l'Université des Sciences Humaines et Économiques AHE à Lodz. Sur la page d'accueil se trouve un moteur de recherche où vous pouvez taper le nom du département ou simplement placer le curseur pour voir la liste déroulante complète. Après avoir sélectionné une spécialité, vous serez dirigé vers la page de destination, où à gauche, se trouvent toutes les informations nécessaires (et, dans le cas de l'AHE, exceptionnellement détaillées), tandis qu'à droite, se trouve la description de la spécialité et la section FAQ.

Juste à côté du moteur de recherche sur la page d'accueil, il y a aussi une petite bannière vous invitant à vérifier toutes les spécialités. Dans ce cas, vous irez sur une sous-page où elles ne sont pas seulement listées mais également enrichies d'une option de filtrage. Vous pouvez choisir un système, un mode, une langue d'étude et un département. Par exemple, si vous choisissez un programme de premier cycle, seuls les blocs qui répondent aux conditions spécifiées seront affichés à côté.

C'est un excellent exemple de "raccourcissement" du parcours de l'utilisateur dans la recherche. De plus - l'étiquette pertinente est mise en évidence dans les blocs. Et comme si cela ne suffisait pas, le bouton CTA Voir plus apparaît uniquement lorsque le curseur est sur un bloc particulier.

4. Université Kozminski - filtrage sur la page d'accueil et accessibilité

L'Université Kozminski à Varsovie mérite également d'être mentionnée pour la recherche et le filtrage. La différence est que sur la page d'accueil, dans le paragraphe juste en dessous de la bannière, il y a des segments dont les contenus s'affichent lorsque vous passez le curseur sur l'un d'eux. De ce fait, les options suivantes apparaîtront, et après en avoir sélectionné une, vous pouvez continuer votre recherche.

Le segment Domaine m'a particulièrement intéressé. Par exemple, si vous cliquez sur Gestion et Marketing, vous obtiendrez tout le contenu sur les études et les cours avec une étiquette du même nom. Grâce aux blocs séparés, l'information est présentée de manière très attrayante et claire, y compris le type d'étude, la date de début de l'admission et la version linguistique.

Une autre caractéristique intéressante est la sous-page d'inscription pour une étude ou un cours. Avant de passer au formulaire, vous pouvez télécharger une brochure et cliquer sur Contact, après quoi les informations de contact pour la personne appropriée s'affichent, accompagnées de leur photo.

Les créateurs du site web ont également pensé aux personnes handicapées, qui peuvent adapter l'apparence de la page web et la taille du texte à leurs besoins.

5. Université de Technologie de Varsovie - accessibilité de haut niveau

Dans le paragraphe précédent, j'ai mentionné l'accessibilité. Sur son site web, l'Université de Technologie de Varsovie met également fortement l'accent sur cet aspect pour rendre le service adaptable au plus grand nombre.

Et ainsi, vous pouvez:

• sélectionner une version linguistique,
• déplacer le panneau d'accessibilité,
• faire des sélections de profil, y compris des ajustements pour le daltonisme, le mode malvoyant et un mode adapté pour/compatible ADHD.

Dans la section des paramètres de texte, l'utilisateur peut choisir:

• une police lisible,
• des polices pour les personnes souffrant de dyslexie,
• mettre en évidence les titres et les liens.

De plus, les éléments suivants sont également disponibles:

• un agrandisseur de texte,
• le redimensionnement du contenu,
• la taille de la police,
• la hauteur des lignes,
• l'espacement des lettres,
• les alignements.

Dans les paramètres d'apparence, outre la définition du contraste, les utilisateurs ont la possibilité de choisir les couleurs pour les textes, les titres et les arrière-plans. De plus, dans les paramètres de contenu, ils peuvent, entre autres choses:

• couper le son,
• cacher les images,
• arrêter les animations,
• invoquer un surlignage lors du clic.
   

Je suis très impressionné par la réflexion derrière les solutions ci-dessus. Je peux affirmer avec assurance que l'exemple du site web de l'Université de Technologie de Varsovie peut être une inspiration pour d'autres universités internationales sur le sujet de l'accessibilité.

6. Université de Basse-Silésie DSW - bannière et compteur

La bannière sur la page d'accueil est un endroit spécial. Elle doit contenir les informations les plus essentielles. Parfois, les éditeurs de sites web ont beaucoup de messages à transmettre, donc le défilement avec navigation sous forme de flèches sur les côtés est utilisé pour les présenter. Cependant, cela peut être fait différemment, comme l'exemplifie le site de l'Université de Basse-Silésie DSW.

Il y a de petits blocs de texte en bas de la bannière, et sous leurs légendes - une ligne montrant combien de temps il reste avant que la prochaine diapositive de la bannière ne soit affichée. Il est aussi intéressant que vous puissiez mettre en pause le temps jusqu'à l'affichage. Il suffit de déplacer le curseur en dehors du bloc de texte. De cette façon, l'utilisateur décide de la vitesse à laquelle il veut lire le contenu.

Une solution similaire, et donc cohérente, apparaît avec le compteur. Il est souvent utilisé, et dans Drupal, c'est la fonctionnalité par défaut. Cependant, les créateurs du site DSW ont décidé de personnaliser un peu cette option. Les chiffres sont placés dans des cercles, et encore une fois, une ligne "s'écoule" le long des bords. Lorsque vous passez dessus avec le curseur, le texte donné se démarque en l'affichant dans un carré.
 

7. Universités WSB Merito - plusieurs sites Drupal et design

Les universités WSB Merito sont anciennement les Écoles Supérieures de Banque. Et c'est au sujet de cette information qu'il y a une bande sur la page principale où, lorsque nous cliquons dessus, nous pouvons lire les détails du changement. Donc, la bande est un exemple de moyen d'attirer l'attention de l'utilisateur. Lorsque nous entrons sur la page principale, nous pouvons aller plus loin vers une sous-page d'une entreprise dans une ville particulière - par exemple, à Wrocław, Toruń ou Gdańsk. Chacune d'entre elles est construite sur Drupal, qui offre la fonctionnalité multisite.   

Une solution attrayante est une animation avec une présentation du logo de l'institution, qui montre en outre la transformation de l'ancienne WSB en Merito. Habituellement, le signe graphique, qui se trouve dans le coin supérieur gauche de la page, reste statique. Dans ce cas, c'est une illustration dynamique.

Une autre caractéristique intéressante est le contact et le pop-up lorsque vous appuyez sur l'icône du combiné. Un choix de date et d'heure préférée pour un appel téléphonique apparaît alors. Cela augmente sans aucun doute la chance d'une communication réussie - contrairement au scénario où vous laissez votre numéro sans savoir quand quelqu'un vous rappellera et si vous pourrez répondre à ce moment-là.

Sur la sous-page Actualités, cependant, les icônes, et donc les liens vers les réseaux sociaux, sont placés à un endroit inhabituel - horizontalement, au centre. Cependant, ce n'est pas le cas sur chaque sous-page, mais précisément dans le cas des histoires d'actualités, que vous pouvez lire plus sur les réseaux sociaux.

Il vaut également la peine de mentionner les images. Lorsque vous passez votre curseur dessus, les graphiques s'agrandissent. Une telle procédure attire l'attention sur le contenu et facilite l'identification de l'endroit où vous vous trouvez sur la page.

Merito est un excellent exemple de la façon d'organiser un site web universitaire qui a plusieurs succursales et comment diviser l'information tout en maintenant la cohérence.

Sites web des universités polonaises sur Drupal - résumé

Drupal pour l'enseignement supérieur est un choix excellent et prouvé, en regardant la réputation des universités mentionnées dans l'article. Cette technologie offre une grande fonctionnalité, vous permettant de construire des sites web qui remplissent leur rôle en tant que hubs d'information ou plateformes de communication avec les étudiants et le personnel académique. 

Nous écrivons sur l'utilisation de Drupal, ainsi que d'autres systèmes de gestion de contenu utilisés par les universités polonaises, dans notre rapport sur les CMS sur les sites web universitaires.