Recherche:Projet Inter Masters - Initiation et développement Wikiversité/Pistes d'amélioration de l'interface Wikiversité actuelle

Début de la boite de navigation du chapitre
Pistes d'amélioration de l'interface Wikiversité actuelle
Icône de la faculté
Chapitre no 4
Recherche : Projet Inter Masters - Initiation et développement Wikiversité
Chap. préc. :Création d'un cours sur Wikiversité
Chap. suiv. :Communication à faire autour de Wikiversité
fin de la boite de navigation du chapitre
En raison de limitations techniques, la typographie souhaitable du titre, « Projet Inter Masters - Initiation et développement Wikiversité : Pistes d'amélioration de l'interface Wikiversité actuelle
Projet Inter Masters - Initiation et développement Wikiversité/Pistes d'amélioration de l'interface Wikiversité actuelle
 », n'a pu être restituée correctement ci-dessus.

Avant-propos modifier

Durant notre prise en main de cet outil à fort potentiel que représente Wikiversité, nous nous sommes aperçus, en tant que néophytes de la plateforme, que l’expérience utilisateur était loin d’être optimisée pour une personne lambda. En effet, nous avons pu constater une vision parfois élitiste de la façon dont fonctionne Wikiversité. L’utilisateur aguerri des plateformes de la Wikimedia Foundation connait les divers modes fonctionnement et de contribution et, de ce fait, le parcours à emprunter afin d’apporter sa pierre à l’édifice.

Cependant, un contributeur débutant non initié aux rouages des Wiki se retrouvera vite perdu parmi la quantité d’informations qu’il doit ingérer dès ses premiers pas sur cette université en ligne, pouvant, dans certains cas, le décourager de toute démarche. Ce fut notre cas lors de notre initiation à Wikiversité.

Certains membres de notre groupe de réflexion réalisant leurs études en Master Digital Commerce à l’Université Catholique de Lille, nous avons mobilisé nos ressources et réalisé quelques suggestions d’amélioration visant l’optimisation du parcours de tout visiteur souhaitant contribuer, à sa manière, à cet espace d’enseignement collaboratif.

Afin d’illustrer nos propos, nous avons élaboré des maquettes de pages existantes sur Wikiversité avec l’outil Google Drawings en y apportant des modifications que nous jugeons nécessaires. Nous avons ajouté à ces maquettes des justifications que nous abordons dans les sous-parties suivantes.

Suggestions d'amélioration modifier

Page "Créer un cours" modifier

 
Suggestion de maquette : page "créer un cours"

Lors de notre découverte de Wikiversité, nous avons remarqué que la création de cours n’était pas du tout intuitive : nous avons en effet mis presque 5 minutes pour trouver comment faire, et cela s’est terminé par une recherche sur Google. C’est en fait la page "Aide" de la rubrique "Contribuer" qui explique le déroulement de la démarche. Ce n’est pas normal, la création d’un cours devrait être simple car c’est sur cette fonctionnalité que repose le principe même de Wikiversité comme nous avons pu le démontrer à travers le chapitre 2 : Création d'un cours sur Wikiversité.

Pour créer une page par exemple, il faut la rechercher dans la barre de recherche et si elle n’existe pas, Wikiversité vous propose de la créer. Ce concept n’est pas très intuitif pour les personnes extérieures à l’écosystème wiki mais c’est celui adopté par Wikipédia, nous sommes donc restés sur le même système pour que ces utilisateurs s’y retrouvent sans problème.

Sur la maquette, nous avons gardé la charte graphique existante : la sidebar de gauche très longue, le logo en haut à gauche et les liens dans le header, le tout sans habillage. Concernant cette sidebar, nous avons également trouvé judicieux d'y rajouter un raccourci "Créer un cours" dans la rubrique "Contribuer". Ainsi, l'action attendue par ce raccourci est bien plus explicite que la rubrique "Aide" de la version originale.

Nous avons également envisagé d'y ajouter une barre de recherche qui permet aux personnes ayant l’intention de créer un compte de pouvoir vérifier directement si le cours n’existe pas déjà, ceci dans le but de faciliter l'expérience utilisateur dont la création de cours en découlera.

Quand l’utilisateur est sûr que son sujet n’existe pas déjà, il peut directement créer son cours sur la même page grâce à l’interface juste en dessous, en remplissant les champs de bases : le sujet, la difficulté et le niveau requis. Il a ensuite le choix entre 3 modèles de page préfabriqués et modifiables pour créer son cours beaucoup plus rapidement et avoir ainsi un bref aperçu du rendu de sa future production.

Quand l'intégralité des champs ont été remplis, le contributeur peut finaliser sa démarche grâce au bouton « créer mon cours ». Cette page permet de simplifier grandement la création d’un cours sur Wikiversité par l'intermédiaire d'un bouton call-to-action, ce qui, nous l’espérons, participera à une augmentation de la création de cours pour une plateforme aussi prometteuse qu'est Wikiversité.

Page d'accueil modifier

 
Suggestion de maquette : page d'accueil

Nous souhaitons également optimiser l’interface de la page d’accueil de Wikiversité. A travers ce projet de maquette, nous souhaitons améliorer l’expérience utilisateur et mettre sur un piédestal des fonctions que nous jugeons nécessaires à toute contribution sur la plateforme et qui ne sont pas suffisamment mises en avant à notre goût.

Tout d’abord, nous nous sommes intéressés à l'agencement global de cette page. Conformément à ce que nous avons expliqué pour la maquette consacrée à la création de cours, nous avons décidé de conserver l'agencement de la sidebar tout en ajoutant un lien "Créer un cours" dans la rubrique "Contribuer", bien plus simple d'utilisation pour tout implication d'un internaute.

En revanche, nous avons opéré un changement concernant l'agencement du corps du site. En effet, nous préconisons le recours à des blocs horizontaux plutôt que des blocs verticaux moins compacts et privilégiant un affichage de l'information à la fois plus lisible et aéré.

Concernant le header (haut de page), nous pouvons qu'il serait bien plus judicieux d'intégrer deux boutons bien visibles "Créer un cours" et "Suivre un cours" afin d'inciter plus facilement à l'action et de faciliter la création de cours que nous avons jugé insuffisante pour une plateforme telle que Wikiversité. L'utilisation de couleurs vives pour ces boutons est recommandée, ici bleu et vert. En effet, l'utilisateur non averti de cette plateforme pourra tout de suite identifier le rôle de Wikiversité sans pour autant avoir eu connaissance de son existence auparavant.

Ensuite, nous souhaitons intégrer une barre de recherche juste en dessous de ce header. Faisant toute la largeur du corps de la page, celle-ci sera bien plus visible que la version actuelle, actuellement isolé en haut à gauche de la page. Ceci favoriserait les recherches au sein du site, l'interaction des internautes avec ce wiki et permettrait un gain d'ergonomie non négociable qui serait bénéfique sur la durée.

Notre but premier étant de participer à l'essor de ce formidable outil qu'est Wikiversité, nous désirerons également intégrer, en dessous de la barre de recherche que nous souhaitons implanter, un bloc mettant en avant quotidiennement un article choisi au hasard au sein des différentes facultés de ce Wiki, comme le fait actuellement Wikipédia sur sa page d'accueil. Ceci permettrait à tout nouveau visiteur de la page de découvrir concrètement ce que propose Wikiversité, d'avoir un aperçu des cours sur la plateforme et d'attiser la curiosité.

Icônes modifier

 
Planche d'icônes basculant en flat design

En complément des maquettes d'amélioration d'interface du site, nous souhaitons également apporter notre pierre à l'édifice concernant les icônes présentes en page d'accueil notamment. En effet, nous jugeons que ces illustrations font "datées" et qu'elles ne sont pas à l'image de ce qu'il se fait actuellement en termes de standards web.

Ainsi, nous pensons qu'il faudrait basculer cette interface selon un design bien particulier : le flat design. Également appelé design plat, il s'agit d'un type d'illustration de plus en plus utilisé sur la plupart des sites web actuels. Caractérisé par son minimalisme, ce dernier se base sur l'emploi de formes simples, d'aplats de couleurs vives et est adapté aux sites web adaptatifs.

Démocratisé par Google et son Material Design, le design plat permettrait à Wikiversité d'afficher une interface bien plus en phase avec l'époque actuelle, d'attirer l’œil de l'utilisateur parcourant la plateforme. En effet, nous trouvons les icônes actuelles peu attrayantes, ternes et non modernes en termes de conception. Si Wikiversité cherche à se démocratiser auprès d'un plus large public, alors ce site doit faire en sorte que son utilisation soit optimale et que son design soit propre, soigné et épuré afin d'être en phase avec son époque.

L'ensemble de ces améliorations, mises bout à bout, pourront permettre à cette plateforme d'enseignement collaboratif de séduire, nous l'espérons, de nombreux initiés.