l'Humanité · Application mobile
Les fondations du design system sont posées et consolidées : couleurs, typographie, grille, iconographie et l'ensemble des composants de base sont normalisés, tokenisés et prêts pour l'assemblage des écrans. Vos retours sur la découvrabilité ont été intégrés au cœur du système. La semaine prochaine, nous passons aux templates d'écrans.
Le système est construit en couches : chaque niveau s'appuie sur le précédent, du token élémentaire jusqu'à l'écran final.
Les 12 points de vos retours sur la découvrabilité ont été analysés et priorisés. Les principaux chantiers :
Rouge = éditorial, violet = vidéo, dégradé = marque. La règle est désormais inscrite dans le système sous forme de tokens « Univers » et documentée pour tous les futurs écrans.
Chaque card sait maintenant afficher « Nouveau », « Mis à jour » ou l'état « Lu » — l'utilisateur repère instantanément ce qui a changé depuis sa dernière visite.
Le mode de lecture condensée (ex-« Réduire ») a été renommé pour porter la promesse éditoriale. Son iconographie dédiée est en cours de création.
Les 12 formats (article, analyse, décryptage, reportage, opinion, dossier, vidéo…) sont cartographiés dans une matrice de référence : couleur, iconographie, comportement. L'iconographie des formats est en cours de dessin.
Les composants « En-tête d'édition » (L'Humatinale, La Relève, Le Grand Soir) et « Fin d'édition » structureront le fil de lecture. Prévus avec les templates de la Une.
Chantier priorisé en tête des templates : l'arrivée depuis un lien partagé (article → paywall → conversion) sera le premier parcours maquetté la semaine prochaine.
Trois univers, trois signaux — une lecture immédiate de la nature du contenu.
Colonne vertébrale de l'application : 19 formats de cards construits sur une grammaire commune de zones (rubrique, titre, chapô, méta, actions, média). Cette normalisation garantit la cohérence des feeds et accélère la production des écrans.
Deux planches de zoning pédagogiques documentent l'ensemble du système (géométrie réelle, zones, slots) — disponibles dans le fichier Figma pour vos équipes.
Un audit d'accessibilité (RGAA 4.1 / WCAG AA) a été mené sur l'ensemble des composants de base — en amont, pour corriger au niveau du système plutôt qu'écran par écran.
1. Article + Paywall (parcours réseaux sociaux) · 2. La Une / Feed · 3. Explorer & Recherche. Finalisation des organisms en parallèle.
Templates « Regarder » (univers violet), en-têtes et fins d'édition, iconographie des formats éditoriaux.
Parcours complet re-maquetté sur le design system finalisé — support des prochains tests utilisateurs.