Petits Pas — Messages directs

Vue d'ensemble

Une messagerie au service de la communauté

Les messages directs sont le canal privé qui prolonge le réseau social : ils permettent à un Compagnon d'entrer en contact avec un autre membre ou avec un Héros, en dehors du feed et des Cercles. C'est un levier de rétention central — la conversation crée du lien, et le lien fait revenir.

Conversations privées

Échanges un-à-un entre membres, texte et médias, en temps réel.

Membres & Héros

L'interlocuteur Héros est signalé par l'identité or (badge, cadre), comme partout dans l'app.

Demandes & modération

Filtre des invitations entrantes, blocage et signalement intégrés.

Médias & réactions

Photo, fichier, réactions emoji, citation et réponse à un message.

Tous

L'ensemble des conversations, classées par date.

Coachs

Filtre les échanges avec les Héros uniquement.

Groupes

Les conversations de groupe (le un-à-un reste le cœur ici).

Demandes

Les invitations de personnes non encore acceptées.

1

Liste des discussions

Le point d'entrée de la messagerie. Toutes les conversations en une vue, avec recherche, onglets de filtrage et bouton de création. Chaque ligne montre l'avatar, le nom, le dernier message et l'heure ; les pastilles teal comptent les messages non lus.

1

Écran principal

Le hub des conversations

En-tête « Messages », barre de recherche, puis quatre onglets : Tous · Coachs · Groupes · Demandes. La liste descend en ordre antichronologique. Le bouton crayon, en haut à droite, ouvre la création d'un nouveau message.

Recherche retrouve une conversation par nom ou contenu.
Onglets de filtre segmentent Coachs, Groupes et Demandes.
Pastille de non-lus compteur teal aligné à droite de la ligne.
Bouton crayon lance un nouveau message.

Note DA

L'onglet Coachs n'est pas un simple filtre : il met en avant le canal Compagnon → Héros, central dans le modèle d'abonnement. À cadrer visuellement pour qu'il soit lisible sans dominer les autres onglets.

2

Nouveau message

Depuis le bouton crayon, on choisit un ou plusieurs destinataires avant d'écrire. Le champ « À : » accueille des puces de contacts ; en tapant, une liste de suggestions filtrée apparaît, chaque ligne disposant d'un bouton « Ajouter ».

2

Recherche

Saisie d'un destinataire

Un premier destinataire est déjà en puce (Fabrice Kaplan) ; on tape le nom du suivant dans le champ « À : ». La frappe en cours déclenche la recherche pour ajouter d'autres personnes à la conversation.

Saisie libre on tape le nom directement dans le champ « À : ».
Puces + frappe destinataires validés et recherche cohabitent.

3

Sélection

Choisir les destinataires

Les contacts choisis s'affichent en puces dans le champ « À : ». Un appui sur une puce la sélectionne — elle passe en teal — prête à être retirée. Le champ de saisie « Écris ton message… » reste en bas, prêt dès qu'un destinataire est ajouté.

Puces de contacts chaque destinataire = une puce supprimable.
Puce teal = sélectionnée état actif avant suppression du destinataire.
Ajout multiple le « + » ouvre l'ajout d'autres personnes.

3

La conversation

L'écran d'échange avec un membre. En-tête avec avatar, nom et « @ » de l'interlocuteur, bouton retour et menu « ··· ». Le fil mélange bulles texte et images, avec séparateurs de date (« Aujourd'hui ») et horodatage. Les messages envoyés sont en teal clair, ceux reçus en blanc.

4

Fil d'échange

Texte, image et horodatage

Le tutoiement (« Tu y vas souvent ? ») est de rigueur entre membres, conformément aux conventions de l'app. Les images s'affichent dans la bulle, agrandissables. Chaque bloc porte son heure.

Bulles différenciées envoyé (teal) vs reçu (blanc).
Médias en ligne les photos s'affichent directement dans le fil.
« Tu » entre membres respect des conventions de ton de l'app.

5

Réponse

Citer et répondre

Une réponse cite le message d'origine dans un encart à barre latérale (nom + extrait), au-dessus de la nouvelle bulle. Le champ de saisie affiche le texte en cours de frappe et le bouton d'envoi devient actif.

Citation contextuelle rappelle le message auquel on répond.
Envoi actif le bouton s'active dès qu'il y a du contenu.

4

Conversation avec un Héros

Même structure de fil, mais l'identité Héros est marquée par l'or, comme partout dans l'app : badge de vérification doré à côté du nom, et bulles reçues bordées d'or. Le signal visuel distingue immédiatement un échange avec un coach d'un échange entre Compagnons.

4

Héros

L'identité or du coach

Le nom « Valerie Azer » porte le badge or de vérification. Les bulles reçues du Héros adoptent un contour doré, là où un membre standard reste en bordure neutre. Le reste de l'interaction est identique.

Badge or sceau de vérification Héros à côté du nom.
Bulles bordées d'or signature visuelle du canal coach.

Note DA

Le marquage Héros est porté à deux niveaux : badge or de vérification dans l'en-tête (avec cadre doré sur l'avatar) et contour or sur les bulles reçues. Les deux signaux se cumulent pour rendre le canal coach immédiatement identifiable.

5

Demande de message

Quand une personne qui n'est pas encore en lien écrit pour la première fois, son message arrive en demande. Le destinataire voit le message mais doit accepter avant que la conversation ne s'ouvre vraiment — un garde-fou contre le spam et les contacts non sollicités.

5

Filtre d'entrée

Accepter ou supprimer

Une barre d'action ancrée en bas : « Accepter l'invitation par message de Luca ? » avec une note de confidentialité (statut d'activité, accusés de lecture visibles après acceptation), puis deux boutons — Supprimer (rouge) et Accepter (teal).

Protection anti-spam rien n'est partagé avant acceptation.
Transparence ce que l'autre verra est annoncé explicitement.
Deux issues claires accepter (teal) ou supprimer (rouge).

Note DA

La note de confidentialité emploie ici un mélange « tu / vous ». À aligner sur la convention : « tu » quand l'app s'adresse au membre. Texte à reformuler côté contenu.

6

Actions sur un message

Un appui long sur une bulle ouvre une feuille d'actions. En haut, une rangée de réactions emoji ; en dessous, les opérations sur le message : copier, modifier, répondre et supprimer.

6

Appui long

Réagir & gérer

Section « Réagir » avec emojis défilables (👍 ❤️ 😂 🥹 😇 🥰…), puis la liste d'actions. « Modifier » n'apparaît que sur ses propres messages ; « Supprimer » est en rouge.

Réactions emoji rangée rapide, défilable horizontalement.
Copier récupère le texte du message.
Modifier réservé à ses propres messages.
Répondre ouvre la citation (vu en rubrique 3).
Supprimer action destructive, marquée en rouge.

7

Pièces jointes

Le « + » à gauche du champ de saisie ouvre l'ajout de contenu. Premier niveau : choisir entre Photo et Fichier. Le choix Photo enchaîne sur un sélecteur d'images avec accès caméra et galerie.

7

Menu « + »

Photo ou fichier

Un petit menu contextuel propose deux entrées : Photo (image) et Fichier (document). Le « + » s'est transformé en « ✕ » pour refermer.

Photo ouvre le sélecteur d'images.
Fichier joint un document.

8

Sélecteur

Caméra & galerie

Feuille « Photos » : deux gros boutons Caméra et Galerie en haut, puis la grille des images récentes. En bas, Enregistrer et Poster (teal) pour valider l'envoi.

Caméra capture directe depuis la conversation.
Galerie sélection dans les photos de l'appareil.
Poster bouton d'envoi en teal.

8

Modération de la conversation

Le menu « ··· » de l'en-tête regroupe les actions sur l'interlocuteur : couper les notifications, bloquer ou signaler. Les deux dernières sont marquées en rouge — ce sont des actions sensibles. Le signalement déroule ensuite un parcours en deux temps : choix du motif, puis confirmation.

9

Sécurité

Sourdine, blocage, signalement

Trois entrées : Mettre en sourdine (neutre), Bloquer et Signaler (rouge). Le blocage coupe tout contact ; le signalement remonte un contenu ou un comportement à la modération.

Mettre en sourdine coupe les notifications sans bloquer.
Bloquer interrompt tout échange avec la personne.
Signaler alerte la modération sur un abus.

Note DA

Le signalement n'est pas une action sèche : il passe par un choix de motif puis une confirmation (écrans ci-dessous). Le blocage, lui, reste à cadrer — prévoir au minimum une demande de confirmation.

10

Signaler · motif

Choisir un motif

« Signaler » ouvre une liste de motifs catégorisés : nudité, discours haineux, harcèlement, arnaque, violence, contenus soumis à restriction, suicide/automutilation/troubles alimentaires, usurpation d'identité, atteinte à la propriété intellectuelle, spam, contenu illégal, ou « Autre ». Chaque ligne mène au niveau de détail suivant.

Motifs catégorisés liste structurée alignée sur les standards de modération.
Navigation par chevron chaque motif ouvre l'étape suivante.
Catégories sensibles suicide / troubles alimentaires routés vers un traitement adapté.

11

Signaler · confirmation

Signalement enregistré

Coche de validation, « Merci de ton signalement ! » et la mention « En attente de notre décision, tu peux prendre d'autres mesures dès maintenant. » Sous « Autres mesures possibles », un raccourci direct vers Bloquer @lucahldn pour enchaîner sans repasser par le menu.

Accusé clair coche + message de remerciement.
Statut transparent « en attente de décision » fixe l'attente.
Mesure d'enchaînement blocage direct proposé dans la foulée.

Note DA

Bonne pratique : la confirmation ne ferme pas la boucle de sécurité, elle propose l'action suivante (bloquer). On garde l'utilisateur dans un parcours protégé plutôt que de le renvoyer au fil.

Parcours type

D'un nouveau contact à un échange établi

01

Liste

On ouvre la messagerie et ses conversations.

02

Nouveau

On choisit un ou plusieurs destinataires.

03

Échange

Texte, photo, réaction, citation.

04

Demande

Côté reçu : accepter ou supprimer.

05

Gestion

Sourdine, blocage, signalement.

Une messagerie complète, fidèle à l'identité Petits Pas

Douze écrans couvrent tout l'usage des messages directs : retrouver une conversation, en démarrer une, échanger texte et médias, réagir et répondre, distinguer un Héros par l'or, filtrer les demandes entrantes et modérer les échanges. Le tutoiement entre membres, le code or pour les coachs et le système « Liquid Glass » restent cohérents avec le reste de l'application.