[REPLAY WEBINAIRE] Présentation de la refonte graphique de nos apps !

Le vendredi 9 juillet dernier, lors de notre semaine ParlonsApp dédiée au mobile étudiant, l’équipe Produit a présenté la refonte graphique globale de votre application mobile 📱

Dans ce webinaire, vous avez pu assister à une démonstration interactive du nouveau design de nos applications mobiles !

Fruit d’une collaboration avec un directeur artistique, cette refonte graphique est une évolution majeure pour l’application mobile AppScho.

Accédez au replay de l’événement juste ici si vous avez raté cette session 👇


Et retrouvez ci-dessous les moments forts de cet échange 👇

😉 3:45 >> Pourquoi nous avons décidé de donner un coup de neuf au design de nos apps

La raison principale qui nous a poussés à lancer cette refonte l’envie d’offrir une expérience utilisateur encore plus agréable à tous les étudiants. Nous cherchions également à faciliter l’accès et la recherche d’informations spécifiques tout en limitant le nombre de clics et la multiplication des écrans.

Nous avons collaboré avec un directeur artistique externe afin qu’il nous fasse différentes propositions pour chaque écran. 

L’objectif était d’avoir un nouveau design plus moderne tout en continuant à s’adapter aux chartes graphiques des établissements. Nous nous sommes également attachés à respecter les dernières normes UI/UX.

✨ 5:35 >> La refonte complète

Nouvelle organisation

Nous avons entièrement pensé une nouvelle navigation avec un parcours utilisateur plus fluide et plus agréable

Nous avons ajouté une bottom bar persistante dans toute l’application avec la carte étudiante et le centre de notification qui seront accessibles à tout moment.

Nouvelle interface (8:35)

Beaucoup d’éléments changent par rapport à la version actuelle de vos applications mobiles. Nous retrouverons des nouvelles icônes pour chaque fonctionnalité mais également de nouvelles typographies

Ce nouveau design sera compatible pour toutes les tailles d’écrans et s’adaptera à tous les modèles de téléphones pour une meilleure accessibilité.

📱 10:50 >> Démonstration en direct

Retrouvez une démonstration complète de notre application avec son nouveau design dans le replay ! 

Ce qu’il faut en retenir :

Quand l’utilisateur arrive pour une première connexion, il trouvera un onboarding qui a été entièrement repensé et qui invite l’étudiant à se connecter.

L’utilisateur choisira son profil (1ère année, Master, professionnel…) et l’application s’adaptera au profil sélectionné.

La partie publique (non authentifiée, accessible à toute personne téléchargeant l’application)

Nous arrivons directement sur la Base de Connaissances. Ce nouveau design sera structuré en trois parties majeures :

  • La partie supérieure qui contient la top bar
  • La partie centrale contenant l’écran de la fonctionnalité
  • La partie inférieure avec la bottom bar et l’accès aux fonctionnalités

Le fonctionnement de la Base de Connaissances ne changera pas lors de la refonte. Vous pourrez toujours l’alimenter de la même manière !

Une des grandes nouveautés de cette refonte graphique est le fil d’actualité. Il s’organisera également en 3 parties.

Dans la partie Mes Services, le visiteur ou étudiant accèdera à toutes les parties qui lui sont destinées en tant que non connecté. Dans cette même partie, toutes les fonctionnalités sont regroupées sur le même écran, ce qui permet un accès rapide à tous les services disponibles.

Mes Services

💡 A retenir
Un design épuré et moderne qui accompagne une nouvelle structure en 3 parties

La partie privée (accessible après authentification)

Lorsqu’un étudiant se connectera, il trouvera directement le dashboard. C’est une grande nouveauté, toujours structurée en 3 parties. Il offrira un condensé des fonctionnalités les plus importantes de l’app comme le Planning, les Absences… 

Dans la top bar, nous retrouveront deux fonctionnalités qui seront fixes dans toute l’app : la carte étudiante et les notifications. Elles seront accessibles à tout moment dans l’application mobile.

Ecran de loggin
Dashboard

💡 A savoir
Si la carte étudiante n’est pas utilisée par l’établissement, le bouton de la fonctionnalité ne sera pas présent dans la partie supérieure de l’écran. 

Nous avons souhaité donner à l’étudiant la possibilité d’organiser son application mobile en fonction de ses besoins et envies. Il pourra réorganiser les fonctionnalités disponibles dans son application mobile et les mettre en premier plan s’il le souhaite et selon ses besoins. 

Intéressons nous plus en détail à une des fonctionnalité les plus utilisées par les étudiants : le Planning. Il a également été entièrement repensé. Il va être organisé en 3 vues différentes :  

  • Vue sur le mois avec un aperçu des cours le jour-J
  • Vue sur 3 jours : permet d’avoir une visions sur 3 jours des prochains cours
  • Vue sur la semaine sous forme de liste : permet d’éliminer les zones libre du calendrier

L’avantage des trois vues est qu’elles permettent à chacun de gérer librement son calendrier selon ses préférences, habitudes et besoins. 

En bref, une grande cohérence existe entre tous les écrans de cette refonte graphique. Elle a été pensée pour améliorer l’expérience utilisateur et rendre l’app encore plus fonctionnelle et indispensable aux étudiants ! 

Quelques différences sont à prévoir entre les différents appareils : le design de notre refonte s’adapte aussi bien à iOS qu’aux Android. Seulement, certaines icônes ne seront pas au même endroit. 

L’ensemble de nos fonctionnalités ont été repensées pour un parcours utilisateur simplifié. A retrouver courant 2022 sur vos applications !

1 comment

Comments are closed.