Koder U

Des cours en direct donnés par les développeurs déjà présents sur le réseau Koder. Un seul écran porte tout le produit : un profil qui sert aussi de planning, où chaque cours est une ligne et chaque ligne a exactement une action.

Interface produitUX / UIDesign system

ClientKoder

Année2020

RôleDesign produit

Durée5 semaines

Demander un audit ↗Parler d’un projet similaire

Le profil : identité et liens en haut, puis les cours à venir par semaine et les cours passés en dessous.

Détails du projet

TypeInterface produit · plateforme de cours en direct

SecteurFormation des développeurs

ClientKoder (US)

RôleDesign produit et UI

Année2020

Durée5 semaines

StatutLivré

LivrablesÉcrans profil et planning, système de lignes et d’états

Polices

PoppinsInter

Couleurs

Réalisé avec

InVision

Bootstrap

JavaScript

Construit autour d’une seule ligne dont le bouton porte une machine à états : le planning, la vue formateur et les cours passés partagent le même code.

Le besoin

Un planning lisible sans être lu.

Un cours en direct n’a de valeur que si on le remarque à temps. La première version affichait les cours en grille de cartes : c’était joli, et cela rendait illisibles d’un coup d’œil les deux seules questions qui comptent — c’est quand, et est-ce que j’y suis. Rien à l’écran ne disait si un cours avait commencé, si la place était prise, ou s’il était terminé.

Ce que j’ai fait

Structure

Deux sections, à venir et passés, chacune avec son compteur. Pas d’onglets : tout le planning est un seul scroll, groupé par semaine, pour que le temps soit un titre et non un champ à comparer.

Ligne

Un modèle pour tous les cours — bloc date, icône de matière, titre et pastilles, filière et durée, participants, action. L’œil atterrit au même endroit sur chaque ligne.

États

Le bouton porte le statut : rejoindre avec le minuteur en direct, vous y êtes, m’inscrire, revoir le cours. La couleur est réservée à la seule ligne qui demande une décision maintenant.

Identité

Le profil au-dessus reste factuel — rôle, liens, nombre de cours donnés, d’élèves, de sessions — parce que la crédibilité du formateur est la raison de s’inscrire.

Réemploi

Les pastilles gratuit et 18+, le type de cours et la durée sont les mêmes partout : c’est ce qui a permis de livrer la liste des cours passés comme une simple configuration de la même ligne.