Petits Pas · Refonte V2

Les Cercles

La fonctionnalité communautaire complète, suivie dans l'ordre du parcours : l'accueil et la création, le profil de cercle, l'adhésion aux cercles privés, puis la couche de gestion — d'abord au niveau modérateur, enfin le pilotage complet de l'admin.

64
Écrans
3
Niveaux de vue
5
Rubriques

Un même cercle, trois regards. La présentation suit cette progression : les écrans partagés sont montrés une fois, puis chaque niveau ajoute ses outils.

Membre

Découvre, rejoint, crée des cercles et y publie. Ses options se limitent à son propre usage : notifications, partage, enregistrement, signalement, quitter.

Modérateur

Nommé par l'admin, il traite les files du quotidien — alertes de modération, spam potentiel — et gère les membres. Il ne touche ni aux paramètres ni aux règles, et peut rendre son rôle.

Administrateur

Le créateur du cercle. Tout le pilotage : paramètres, qui peut publier, approbation, critères de détection, mots surveillés, rôles, règles, statistiques — jusqu'à la suppression du cercle.

1

L'accueil des Cercles

L'onglet Cercles s'organise en trois volets : Suggestions (un fil de publications issues de cercles proposés), Mes cercles (ceux que l'on a rejoints) et Découvrir (l'exploration). Le bouton « + » du header ouvre la création — accessible à tous les membres, gratuits comme Pro.

Le volet Suggestions
Volet Suggestions — fil de publications
Volet 1

Un fil, pas un annuaire

Le volet Suggestions montre directement des publications venues de cercles proposés au membre : on découvre un cercle par son contenu réel, pas par sa fiche. Le bouton « Rejoindre » est posé sur l'en-tête du post.

  • Découverte par le contenu le membre juge l'ambiance du cercle sur pièces.
  • Rejoindre sans quitter le fil l'adhésion se fait depuis la publication elle-même.
Le volet Mes cercles — deux dispositions

Choix à faire — la disposition de « Mes cercles ». Option 1 : cards visuelles empilées, portées par la cover. Option 2 : cards texte plus compactes, avec la description du cercle. L'état vide est identique dans les deux options.

1
Mes cercles — option 1, cards visuelles

Option 1 · Cards visuelles

La cover du cercle en pleine largeur, nom et compteur de membres en pied de card.

2
Mes cercles — option 2, cards descriptives

Option 2 · Cards descriptives

Avatar, nom, description du cercle et pile d'avatars des membres — plus d'information, moins d'image.

Mes cercles vide — contexte option 1

État vide · « Crée ton premier cercle »

Aucun cercle rejoint : une card d'invitation à créer, suivie des suggestions à rejoindre — version option 1.

Mes cercles vide — contexte option 2

Le même état vide, contexte option 2

La même card de création, avec les suggestions dans le traitement de l'option 2.

Le volet Découvrir — deux dispositions

Choix à faire — la présentation de Découvrir. Option 1 : grille de deux colonnes portée par les covers. Option 2 : une section « Cercles populaires » en carrousel horizontal, puis les suggestions en grille compacte. Dans les deux cas, « Rejoindre » est sur chaque card.

1
Découvrir — option 1, grille visuelle

Option 1 · Grille visuelle

Deux colonnes de cards à cover, nom, confidentialité et compteur de membres.

2
Découvrir — option 2, populaires + suggestions

Option 2 · Populaires + suggestions

Un rail « Cercles populaires » avec description, puis la grille des suggestions.

Créer un cercle
Créer un cercle
Création

Tout se décide à la création

Le formulaire de création réunit l'identité et le régime du cercle : cover, nom, biographie, puis les trois réglages structurants — et le domaine de vie, jusqu'à deux tags.

  • Confidentialité Public ou Privée — qui peut voir les membres et les publications.
  • Visibilité Tout le monde ou Masqué — qui peut trouver le cercle dans l'app.
  • Domaine les cinq domaines de vie, chacun dans sa couleur.
2

Le profil de cercle · vue membre

La page du cercle reprend la logique de profil : cover, carte d'identité (nom, confidentialité, membres, description), puis la navigation interne — Publications, À propos, Membres. C'est le même écran pour tous les rôles ; ici, ce qu'en voit un membre.

L'onglet Publications
Profil de cercle — onglet Publications
Onglet 1

Le fil du cercle, avec son post épinglé

Sous la carte d'identité, le fil des publications. Un post peut être épinglé en tête — typiquement le mot de bienvenue de la créatrice — puis le fil déroule les posts avec leurs tags de domaine, réactions et commentaires.

  • Épinglé le post d'accueil reste en tête du fil, marqué comme tel.
  • Publier dans le cercle ouvert à tous les membres, comptes gratuits compris — l'exception assumée à la règle de publication de l'app.
La barre d'onglets — deux traitements

Le composant de navigation interne du profil, isolé dans ses différents états actifs.

Choix à faire — le style de la barre. Option 1 : l'onglet actif seul est en pastille teal avec son libellé et son icône, les autres réduits à l'icône. Option 2 : les trois libellés restent affichés en permanence, l'actif passe en pastille.

Onglets option 1 — Publication actif
Option 1 · Publication actif
Onglets option 1 — À propos actif
Option 1 · À propos actif
Onglets option 1 — Membres actif
Option 1 · Membres actif
Onglets option 2 — Publications actif
Option 2 · Publications actif
Onglets option 2 — À propos actif
Option 2 · À propos actif
Onglets option 2 — Membres actif
Option 2 · Membres actif
L'onglet À propos
Profil de cercle — onglet À propos
Onglet 2

La carte de visite du cercle

Tout ce qui définit le cercle, sur toute la hauteur de scroll : le régime (confidentialité, visibilité, historique de création), le domaine de vie, l'équipe, les règles fixées par les admins dans un bloc teal, et l'activité du groupe.

  • Règles des admins les mêmes règles que celles acceptées à l'adhésion, consultables à tout moment.
  • Admin et modérateurs l'équipe du cercle est identifiée nommément.
  • Activités de groupe les repères de vitalité : nouvelles publications, évolution des membres.
L'onglet Membres — deux dispositions

Choix à faire — la liste des membres côté profil : rôles en tête (Admin, Modérateurs) puis les membres. Option 1 : chaque personne dans sa card séparée. Option 2 : la liste regroupée dans une card unique, plus dense.

1
Onglet Membres — option 1, cards séparées

Option 1 · Cards séparées

Une rangée-card par personne, badges de rôle à droite.

2
Onglet Membres — option 2, liste groupée

Option 2 · Liste groupée

Les mêmes rangées réunies dans un seul bloc, lecture plus continue.

Rechercher dans le cercle
Recherche interne au cercle
Recherche

Chercher dans le périmètre du cercle

La loupe du profil ouvre une recherche limitée au cercle, avec les recherches récentes — termes et personnes — rappelées sous le champ. On retrouve un contenu ou un membre sans repasser par la recherche globale.

Les options du membre

Deux bottom sheets accessibles depuis le profil. Côté membre, aucune action de modération : tout reste à l'échelle de son propre usage.

Options du cercle — vue membre

Options du cercle

Inviter des proches, partager le cercle, régler ses notifications — et en rouge, signaler ou quitter le cercle.

Options d'une publication — vue membre

Options d'une publication

Enregistrer, partager, être notifié des commentaires, masquer — et signaler, aux admins du cercle ou à la plateforme.

3

Cercles privés · l'adhésion

Un cercle privé montre son identité et son À propos, mais protège ses publications. Pour entrer, le visiteur prend connaissance des règles fixées par les admins et les accepte — sa demande part ensuite dans la file « Demandes d'adhésion » de l'équipe du cercle.

Le profil d'un cercle privé, vu de l'extérieur
Cercle privé — profil non-membre
Confidentialité

Visible, mais pas lisible

Le visiteur voit la cover, le nom, la description et l'À propos complet — régime du cercle, équipe, règles, activité — assez pour se décider. Mais aucune publication n'est exposée : le seul CTA est « Rejoindre ».

  • Contenu protégé le fil reste verrouillé tant que la demande n'est pas acceptée.
  • Transparence avant d'entrer les règles des admins sont lisibles dès cet écran.
Le parcours de demande

« Rejoindre » ouvre la sheet des règles du cercle. Trois états : l'acceptation à cocher, l'acceptation donnée, puis la confirmation d'envoi côté profil.

Sheet règles — non acceptées

1 · Règles à accepter

Les règles listées une à une ; « Envoyer ma demande » reste désactivé tant que la case « J'accepte les règles du cercle » n'est pas cochée.

Sheet règles — acceptées

2 · Règles acceptées

La case cochée active l'envoi de la demande.

Profil privé — demande envoyée

3 · Demande envoyée

Le CTA du profil passe à l'état « Demande envoyée » en attendant la décision de l'équipe.

4

La vue modérateur

Le modérateur est un membre nommé par l'admin. Son hub « Gérer le cercle » reprend celui de l'admin, réduit à son périmètre : les files « À examiner » et les outils de consultation. Les paramètres, les critères et la suppression restent explicitement réservés à l'admin — et il peut quitter son rôle à tout moment.

Son hub « Gérer le cercle »
Gérer le cercle — vue modératrice
Hub

Le pilotage, borné à son rôle

L'en-tête affiche « Ton rôle : modératrice ». Suivent les quatre compteurs « À examiner » et les outils — mais pas la section Compte et sécurité de l'admin. Un encart « Réservé à l'admin » explicite qui gère le reste, et nomme l'admin.

  • À examiner demandes d'adhésion, publications en attente, contenus signalés, alertes de modération — chacun avec son compteur.
  • Outils membres et rôles, règles du cercle, statistiques.
  • Quitter mon rôle de modératrice l'action de sortie ferme l'écran, en rouge.
Rendre son rôle
Popup — quitter le rôle de modérateur
Confirmation

Quitter le rôle, pas le cercle

La popup ouverte depuis le hub distingue clairement les deux : le modérateur reste membre du cercle mais perd l'accès aux demandes, aux signalements et au retrait de publications. L'admin est prévenue — et pourra reproposer le rôle plus tard.

Membres et rôles, à hauteur de modérateur

La liste complète — Admin, Modérateurs, Membres — mais sans les commandes de rôle de l'admin : les badges « Admin » et « Modérateur » sont de simples étiquettes. Les deux sheets montrent ce que le menu « ⋯ » ouvre selon la personne visée.

Membres et rôles — vue modérateur
Membres

La même liste, sans les leviers de rôle

Sections par rôle, recherche en tête. Là où l'admin dispose de « Retirer le rôle » sur ses modérateurs, cette vue n'affiche que l'étiquette : la gestion des rôles n'appartient qu'à l'admin.

Sheet modérateur — sur un membre

Sur un membre

Profil, message, et les actions de gestion courante jusqu'au retrait et à l'exclusion.

Sheet modérateur — sur l'admin

Sur l'admin

Le menu se réduit à deux entrées : voir le profil, envoyer un message. Aucune action de gestion sur un admin.

Ses files de traitement

Les files vues au niveau modérateur : mêmes contenus que côté admin, mais sans l'engrenage de réglage des critères — le modérateur traite, l'admin configure. Le détail écran par écran de chaque file est en rubrique 5.

Alerte modération — vue modérateur

Alerte modération

Les contenus détectés automatiquement (lien répété, message dupliqué…), à conserver ou retirer et exclure.

Spam potentiel — vue modérateur

Spam potentiel

Les publications retenues avant d'être visibles, avec les mêmes décisions — sans accès aux critères.

Les règles, en consultation
Règles du cercle — vue modérateur
Règles

Consulter sans modifier

Le modérateur s'appuie sur les règles pour trancher — il les consulte donc directement depuis son hub. Ni « + » dans le header, ni crayon d'édition sur les règles : l'écriture des règles reste à l'admin.

Ses actions sur une publication du fil
Options d'une publication — vue modérateur et admin
Modération

Le sheet enrichi — commun modérateur / admin

Sur une publication du cercle, le sheet ajoute aux options du membre les actions d'équipe : épingler dans le cercle, et en zone rouge supprimer la publication — seule ou avec bannissement du membre. Le contenu problématique se traite depuis le fil, sans détour par les files.

5

La vue admin · gérer le cercle

L'administrateur — le créateur du cercle — dispose de tout le pilotage. La rubrique suit l'ordre de son hub : le profil et la configuration, qui peut publier et l'approbation, puis chacune des quatre files « À examiner » avec ses critères, les outils — membres, règles, statistiques — et enfin la suppression du cercle.

Son profil de cercle
Profil du cercle — vue admin
Après création

Le profil, avec sa checklist de démarrage

L'admin retrouve la page de son cercle avec deux ajouts : le bouton « Gérer le cercle » sous l'identité, et — juste après la création — la checklist « Termine la configuration » : inviter des personnes, ajouter une cover, une description, créer une publication.

  • Checklist refermable quatre actions guidées pour lancer le cercle, puis elle disparaît.
  • Gérer le cercle l'accès permanent au hub de pilotage, directement depuis le profil.
Le hub « Gérer le cercle »
Gérer le cercle — vue admin
Hub

Tout le pilotage sur un écran

La version complète du hub : les quatre compteurs « À examiner », la section Compte et sécurité — paramètres et confidentialité du cercle, absents chez le modérateur — puis les outils, et en bas de page la suppression du cercle.

  • À examiner demandes d'adhésion, publications en attente, contenus signalés, alertes de modération.
  • Compte et sécurité paramètres du cercle, confidentialité du cercle.
  • Outils membres et rôles, règles, statistiques.
Paramètres du cercle
Paramètres du cercle
Configuration

L'identité et le régime, modifiables

Le miroir du formulaire de création, pré-rempli : cover et avatar, nom, biographie, confidentialité (Public / Privée), visibilité (Tout le monde / Masqué) et domaines. Chaque segment rappelle sous lui ce qu'il implique, et « Enregistrer » clôt l'écran.

Qui peut publier & approbation
Confidentialité du cercle — qui peut publier
Modération a priori

Deux leviers sur la parole du cercle

L'écran « Confidentialité du cercle » règle qui publie : tout le monde, ou admin et modérateurs seulement — le cercle devient alors un canal d'annonces. En dessous, le toggle d'approbation des publications, désactivé par défaut.

  • Qui peut publier le choix structure le ton du cercle : conversation ouverte ou canal descendant.
  • Approbation une fois activée, les publications passent par « À examiner » avant d'être visibles — utile pour les grands cercles ou en cas de spam.
Approbation activée — qui peut approuver
Composant · l'approbation à l'état activé
État activé

Qui peut approuver

Le toggle activé déplie un second choix : les publications sont approuvées par l'admin seul, ou par admin et modérateurs. C'est ce réglage qui alimente la file « Publications en attente » ci-dessous.

File · Demandes d'adhésion
Demandes d'adhésion — file

La file

Les demandes en attente en tête — accepter ou refuser en un geste — puis la liste des membres du cercle.

Demandes d'adhésion — état vide

État vide

Aucune demande : l'écran oriente vers « Inviter des personnes » pour faire connaître le cercle.

File · Publications en attente
Publications en attente — file

La file

Chaque publication soumise s'affiche en entier — texte, tags de domaine, photos — avec « Publier » ou « Supprimer ».

Publications en attente — vide

État vide · « Rien à approuver »

L'écran rappelle le fonctionnement de l'approbation et confirme que tout est à jour.

File · Contenus signalés

Les signalements émis par les membres, regroupés par nature — publications, commentaires, profils — avec le motif et le nombre de signalements sur chaque card.

Contenus signalés — file
File

Trois natures de signalement, une file

Des filtres en tête — Tous, Publications, Commentaires, Profils — puis les cards : le badge rouge porte le motif et le nombre de signalements (« Signalée 2 fois · Promotion »), le contenu visé est cité, et chaque card se tranche par Conserver ou Supprimer.

Sheet d'actions — publication signalée

Menu « ⋯ » · publication signalée

Au-delà de la décision rapide : profil de l'auteur, épingler, désactiver les commentaires, activer l'approbation pour ce membre, supprimer, supprimer et bannir, suspendre, bannir.

Sheet d'actions — commentaire signalé

Menu « ⋯ » · commentaire signalé

Le même éventail adapté au commentaire — épingler le commentaire, le supprimer seul ou avec bannissement du membre.

Contenus signalés — état vide
État vide

Aucun signalement en attente

L'état vide explique ce qui arrivera ici — les contenus signalés par les membres — et ce que l'équipe pourra en faire : conserver, supprimer, jusqu'à suspendre ou exclure leurs auteurs.

File · Alertes de modération

La détection automatique : quand une publication correspond aux critères définis par l'admin — mots surveillés, liens, nouveaux membres — une alerte est créée ici. L'engrenage du header ouvre les critères.

Alerte modération — file
File

Les détections automatiques

Chaque card nomme sa détection — « lien répété », « message dupliqué ×8 » — cite le contenu, et se tranche par Conserver ou Retirer et exclure. Les membres ne voient jamais cette file.

Alerte modération — état vide

État vide · « Aucune alerte »

L'écran rappelle le principe des critères et propose de les ajuster : « Modifier les critères ».

Modifier les alertes de modération — critères

Les critères d'alerte

Liens externes, publications des nouveaux membres (moins de 7 jours), et l'accès aux mots clés surveillés.

Mots surveillés — deux dispositions

Choix à faire — la gestion des mots surveillés, qui alimentent les alertes de modération. Même écran — saisie en tête, liste des mots — deux traitements du retrait : bouton « Retirer » explicite, ou icône « × » discrète.

1
Mots surveillés — option 1, bouton Retirer

Option 1 · « Retirer »

Un bouton libellé sur chaque mot — action explicite, rangée plus chargée.

2
Mots surveillés — option 2, icône ×

Option 2 · Icône « × »

Le retrait en icône — rangée plus légère, action moins verbalisée.

File · Spam potentiel

La rétention automatique : les publications qui correspondent à un critère de spam actif sont retenues ici avant d'être visibles du cercle.

Spam potentiel — file
File

Retenu avant publication

Mêmes cards de détection que les alertes — motif, contenu, auteur — mais en amont du fil : rien n'est visible tant que l'équipe n'a pas tranché entre Conserver et Retirer et exclure.

Spam potentiel — état vide

État vide · « Rien à examiner »

La détection tourne ; l'écran propose d'ajuster les critères.

Modifier les alertes de spam — critères

Les critères de spam

Ce qui est retenu — lien sortant, message répété, contenu commercial, renvoi en privé, mots clés — et le sort des publications retenues : attendre la décision, ou retrait automatique annulable 30 jours.

Outil · Membres et rôles
Membres et rôles — vue admin
Rôles

La liste, avec tous les leviers

La version admin de la liste : « Retirer le rôle » directement sur chaque modérateur — avec l'ancienneté du rôle en sous-titre — et « Promouvoir » sur chaque membre. C'est le seul écran où les rôles se donnent et se retirent.

Sheet admin — actions sur un membre
Actions

Le menu admin sur un membre

Voir le profil, envoyer un message, promouvoir modératrice — et en zone rouge, retirer du cercle ou exclure et bloquer. À comparer aux sheets réduits de la vue modérateur en rubrique 4 : la hiérarchie des permissions se lit dans la longueur du menu.

Outil · Les règles du cercle
Règles du cercle — vue admin
Règles

Le cadre du cercle, éditable

La liste numérotée des règles, chacune avec son crayon d'édition, et le « + » du header pour en ajouter. Ce sont ces règles que les candidats acceptent à l'adhésion et que le modérateur consulte en lecture seule.

Ajouter une règle — formulaire vide

Ajouter · vide

Nom de la règle et « Pourquoi elle compte » (facultatif) ; « Ajouter » s'active à la saisie.

Ajouter une règle — formulaire rempli

Ajouter · rempli

Le même formulaire complété, prêt à enregistrer.

Modifier une règle

Modifier

L'édition d'une règle existante, avec sa suppression en rouge. La note précise que seuls les nouveaux arrivants acceptent la version à jour.

Inviter des personnes
Inviter des personnes
Croissance

Faire grandir le cercle

« Partager le cercle » en tête, puis la recherche et les suggestions de personnes. Chaque rangée porte son état : Inviter, Annuler (invitation en cours) ou Invitation envoyée. L'écran est aussi accessible aux membres depuis les options du cercle.

Outil · Statistiques
Statistiques du cercle
Mesure

La santé du cercle en un écran

Trois périodes — hebdomadaire, mensuel, annuel — pour trois blocs : les indicateurs de performance (membres, publications, partages, avec leur évolution), l'activité du jour en courbe filtrable, et l'aperçu des membres ventilé par localisation, domaine ou âge.

  • Interne à l'équipe rien de tout cela n'est exposé publiquement — cohérent avec la progression privée de l'app.
Supprimer le cercle
Popup — supprimer le cercle
Irréversible

La suppression, volontairement freinée

Depuis le bas du hub admin, la popup énonce la conséquence — les membres perdent l'accès, les publications sont définitivement supprimées — et exige de taper « SUPPRIMER » pour activer le bouton. Le geste irréversible ne peut pas être accidentel.