Agence design produit Montpellier expert en santé rendu 3D Kinvent
Agence design produit Montpellier expert en santé packaging Noor
Agence design produit Montpellier expert en mobilité rendu 3D Terra
Agence design produit Montpellier expert en santé rendu 3D réaliste ONYX
Agence design produit Montpellier expert en circularité rendu 3D réaliste CAELI ONE
Agence design UX UI Montpellier expert en technologie éducative tests usage ChallengeMe

Comment valoriser le travail collaboratif ?

01.Brief

ChallengeMe
Design UXUI

ChallengeMe est un outil collaboratif destiné aux étudiant.e.s et aux enseignant.e.s : le partage de leurs travaux écrits sur la plateforme, permet aux étudiant.e.s de s’évaluer mutuellement et se donner des feedbacks. Cette évaluation par les pairs a de nombreux avantages : s’appuyer sur la collaboration développe des soft skills, car les étudiant.e.s apprennent à donner et à recevoir des retours sur leurs travaux. Les retours les plus constructifs sont valorisés, et l’entraide est encouragée.

Agence design UI Montpellier expert en technologie éducative usage ChallengeMe
Agence design UI Montpellier expert en technologie éducative usage ChallengeMe

"Il faut qu’on voit tout de suite où en sont nos étudiant.e.s dans leurs évaluations."

Du point de vue des enseignant.e.s, il s’agit également de suivre l’avancement des évaluations pour de grandes promos, ou de personnaliser la note des travaux de groupe en fonction de la participation de chacun.e. ChallengeMe a demandé à l’agence de créer un nouveau système graphique, qui puisse prioritairement résoudre les problématiques d’encombrement et de lisibilité sur la partie “suivi de travaux”, et qui soit déclinable pour l’ensemble de l’outil.

Agence design UI Montpellier expert en technologie éducative workshop ChallengeMe
Agence design UI Montpellier expert en technologie éducative wireframe ChallengeMe

Lors des workshops de conception UX réalisés avec les membres de l’équipe projet et les utilisateur.ice.s, des principes de pages simplifiés ont émergé. Les codes graphiques traduisant les notions clefs de complétion et d’évaluation ont été homogénéisés, pour répondre aux questions “Où en est l’étudiant.e dans le processus d’évaluation ?” et “Quelle est la qualité du travail fourni ?”.

Agence design UI Montpellier expert en technologie éducative mockup ChallengeMe
Agence design UI Montpellier expert en technologie éducative mockup ChallengeMe
Agence design UI Montpellier expert en technologie éducative mockup ChallengeMe

Après avoir exploré différents univers graphiques, nous avons opté pour la piste la plus sobre et la plus riche de sens, qui s’inspire d’une pratique analogique associée à la prise de notes et aux fiches bristol de révision : le principe du surlignage au marker fluo !

L’interface est donc volontairement claire, et les points de contraste et d’attention sont marqués des couleurs issues de la gamme, transposée en numérique.

Agence design UI Montpellier expert en technologie éducative wireframe ChallengeMe
Agence design UI Montpellier expert en technologie éducative wireframe ChallengeMe

On se focalise sur les éléments surlignés, comme sur un tirage papier.

Agence design UI Montpellier expert en technologie éducative recherches graphiques ChallengeMe
Agence design UI Montpellier expert en technologie éducative recherches graphiques ChallengeMe