Présentation du redesign par Denis Fongue.
Page du tableau de bord
Nous avons un tableau de bord plus visuel qui valorise l'ensemble des données. Nous avons remis en bas ce qui correspond au trafic, la charge d'osuny, qui pouvait paraître obscure. L’idée est d’être plus lisible, de simplifier l'interface avec des zones définies et dédiées. Quand nous ne sommes pas sur une université, nous avons moins de chiffres clés et moins de sites.
Choix de couleurs et de typos : nous sommes partis de projets existants qui nous semblaient intéressants par leur approche en design et accessibilité. Présentation de Flexoki - lien externe de Stéphane Ango, avec des couleurs de texte utilisables dans des logiciels de code pour avoir une bonne visibilité.
En termes de typos : choix de familles de caractères avec l'Inclusive Sans - lien externe et l'Adelphe - lien externe d'Eugénie Bidault. Pour des personnes avec des difficultés comme les troubles dys, cette typo permet de différencier les caractères. Pour l'Adelphe, il s’agit d’une police inclusive.
Dans la gestion des sites
Dans la page "résumé d'un site", nous avons maintenant une barre de navigation et un fil d'Ariane. Nous avons un titre et une zone d'action. Nous finissons aussi la page par un résumé du site, permettant de remonter des informations et des zones de navigation.
Chaque site présente des fonctionnalités que nous pouvons activer ou non (portfolio, agenda, actualités). Nous avons rapidement accès aux dernières modifications. Un menu permet d'accéder rapidement aux fonctionnalités, et nous voyons visuellement l'imbrication des pages. Nous avons ajouté une seconde barre d'outils pour filtrer les pages. Nous avons également ajouté le statut de publication : publié / non publié.
Partie Actualités
Nous pouvons montrer toutes les facettes de cette section avec Catégories et Auteurs. Il y a une fusion dans la barre de titre pour éviter de rajouter des éléments et simplifier cette page, car il y a beaucoup d'informations. Les actualités sont présentées sous forme de liste avec le détail du statut de la publication grâce aux pastilles de couleurs.
Nous avons le même principe pour la partie "Événements et projets" et "Liste de chercheur.e.s et personnes". Nous pouvons envisager une différence de présentation comme pour les auteurs, enseignants ou projets avec un affichage en portrait possible.
Modification d'une page
Denis prend l'exemple d'une actualité. Nous avons simplifié la modification et nous avons accès à l'édition directement. Nous débutons avec une zone de paramétrage et une limitation des champs. Ensuite, nous avons valorisé le contenu de la page, avec une mise en valeur. Nous affichons l'ensemble du contenu et non plus des petits extraits comme actuellement. L'idée est d'avoir une fenêtre modale qui s'ouvre, permettant d'accéder à l'ensemble des blocs et, au survol, les informations sur le bloc apparaissent. Au début, il y aura la possibilité d'avoir du texte et un titre si nous n'avons ajouté aucun bloc, et de pouvoir démarrer directement sans avoir forcément compris la logique des blocs. Nous avons un système de panneaux : un premier avec un champ de formulaire pour les images, et un second pour changer la mise en page. Nous avons également une surbrillance en noir pour bien indiquer sur quel bloc nous sommes. Ainsi, nous obtenons une mise en forme qui se rapproche le plus possible du thème par défaut.
Barre d'application en haut simplifiée
Dans un mode "Université", cette barre permet d'accéder directement aux différents royaumes et aux différents projets. Quand nous sommes dans un mode "non université", nous avons accès aux différents projets. Nous avons un accès rapide avec la recherche générale. Il y a par ailleurs un menu pour accéder à son menu utilisateur et nous avons mis ici les personnes et les organisations.
Tout cela est mis en place dans un fichier de référence avec un versionning. L'idée est de spécifier au maximum les composants, les gammes de couleurs, les usages, les références, les valeurs d'accessibilité, les typos, les grilles, les logiques d'icônes, les logiques d'espacements, les rayons (des angles), les ombres, etc. L'idée est de découper les gabarits d'interfaces en différents objets pour pouvoir ensuite composer avec et créer des objets plus complexes.
Pour Justin Puyo, "Le côté design a déjà été intégré et au quotidien. Je trouve ça vraiment plus agréable et fluide. J'ai hâte de voir la suite. Le système de blocs est hyper intéressant, mais la manière dont il fonctionne aujourd'hui est un peu fastidieuse et demande du temps. Des fois, il y a des erreurs comme des blocs créés pour rien quand on se trompe. Bravo et merci"
De son côté, Céline Reveillac souligne la simplicité d'Osuny malgré une utilisation plutôt faible. " J'ai eu besoin de personne pour comprendre comment ça fonctionnait et c'est cool. Je l'utilise assez peu, mais je voulais faire ce retour sur le fait qu'on s'en sort très bien tout seul."
