1. CITOYENNETÉ
AUGMENTÉE
PHASE 3 -
PROTOTYPE & SCÉNARIOS
BASTIEN KERSPERN - DESIGN D’INTERACTIVITÉ
PROJET de FIN D’ÉTUDES, février 2012, CC- by - n c - n d

2. SOMMAIRE
— RAPPELS 3
— CONCEPT: INFLUENTS 7
— SCÉNARIOS 14
— PAROLES D’UTILISATEURS 25
— AUTOUR DU PROJET 32
— PROSPECTIVE 37
— ANNEXES 44
— CRÉDITS 45
CITOYENNETÉ AUGMENTÉE, février 2012 2

3. DÉMARCHE — Problématique
Des capacités décuplées
« Amorcer une citoyenneté numériquement augmentée
pour une gouvernance ouverte à l’échelle locale. »
Participation Appartenance
& Transparence & Proximité
CITOYENNETÉ AUGMENTÉE, février 2012 3

4. DÉMARCHE — Approche du designer
CITOYENNETÉ AUGMENTÉE, février 2012 4

5. DÉMARCHE — Objectifs
Injecter de l’interactivité Déployable à Promouvoir la
dans la démocratie l’échelle de Nantes coopération entre
citoyens et élus
CITOYENNETÉ AUGMENTÉE, février 2012 5

6. DÉMARCHE — Axe & Concept
AXE — CONCEPT —
OBSERVER QUANTIFIER
L’ACT I V I T É PO L I T I Q UE S ON INFLUE NC E
NIVEAU
3
CITOYENNETÉ AUGMENTÉE, février 2012 6

7. INFLUENTS
D ÉVE LOPPE Z VOTRE INFLUENCE CITOY EN N E
CITOYENNETÉ AUGMENTÉE, février 2012 7

8. CONCEPT : INFLUENTS — Contexte approché
— Besoin du citoyen d’influencer
sans décider
— Besoin du citoyen d’obtenir
un retour sur sa participation
— Repenser un engagement citoyen
ni chronophage, ni encarté
— Des dispositifs démocratiques qui
peinent à attirer des participants variés
CITOYENNETÉ AUGMENTÉE, février 2012 8

9. CONCEPT : INFLUENTS — Un terrain d’action privilégié
CITOYENNETÉ AUGMENTÉE, février 2012 9

10. CONCEPT : INFLUENTS — Public concerné
CITOYENNETÉ AUGMENTÉE, février 2012 10

11. CONCEPT : INFLUENTS — Définition
> UNE PLATEFORME SOCIALE PERMETTANT DE:
— Visualiser et optimiser sa capacité d’influence
à travers un jeu de rôle basé sur des quêtes citoyennes
— Intéragir avec les dispositifs démocratiques existants
— Articuler et « huiler » la participation citoyenne
— Attirer un public jeune là où il est habituellement absent
CITOYENNETÉ AUGMENTÉE, février 2012 11

12. CONCEPT : INFLUENTS — Qu’est-ce que c’est ?
CITOYENNETÉ AUGMENTÉE, février 2012 12

13. CONCEPT : INFLUENTS — Comment ça marche ?
Amorce & Continuité du
accroche comportement
CITOYENNETÉ AUGMENTÉE, février 2012 13

14. SCENARIOS : INFLUENTS
CITOYENNETÉ AUGMENTÉE, février 2012 14

15. SCENARIOS : INFLUENTS — Prototype en ligne
http://alpha.influents.fr
CITOYENNETÉ AUGMENTÉE, février 2012 15

16. SCENARIOS : INFLUENTS — Nouvel arrivant
> ANTOINE, 22 ANS
— Habite Nantes Centre
— Concerné mais non encarté
— Actif sur les réseaux sociaux
CITOYENNETÉ AUGMENTÉE, février 2012 16

17. SCENARIOS : INFLUENTS — En mobilité
CITOYENNETÉ AUGMENTÉE, février 2012 17

18. SCENARIOS : INFLUENTS — En mobilité
Jean-P atrick23
13
2
CITOYENNETÉ AUGMENTÉE, février 2012 18

19. SCENARIOS : INFLUENTS — En mobilité
QUÊTE ACCOMPLIE !
BONUS POINTS !
CITOYENNETÉ AUGMENTÉE, février 2012 19

20. SCENARIOS : INFLUENTS — En mobilité
CITOYENNETÉ AUGMENTÉE, février 2012 20

21. SCENARIOS : INFLUENTS — Devenu Influent
Décide de créer sa
propre quête autour
du journalisme citoyen
Suit la progression de
son influence et développe
de nouvelles compétences
CITOYENNETÉ AUGMENTÉE, février 2012 21

22. SCENARIOS : INFLUENTS — Partenaire associatif & entreprise
Mobiliser des participants autour
de leurs initiatives citoyennes
Obtenir des retours sur
! les évènements organisés
CITOYENNETÉ AUGMENTÉE, février 2012 22

23. SCENARIOS : INFLUENTS — Partenaire institutionnel
Présenter ses initiatives participatives
et attirer de nouveaux publics
Identifier les influenceurs et
leaders d’opinion montants
Obtenir des retours sur
! les dispositifs participatifs
Veiller et suivre
l’action citoyenne
CITOYENNETÉ AUGMENTÉE, février 2012 23

24. SCENARIOS : INFLUENTS — Schéma des acteurs
CITOYENNETÉ AUGMENTÉE, février 2012 24

25. PAROLES D’UTILISATEUR
P R E M I È RE A P PROCH E DU PROTOT Y PE
CITOYENNETÉ AUGMENTÉE, février 2012 25

26. PAROLES D’UTILISATEUR — Procédure de test
> PANEL DE 6 UTILISATEURS
— 6 utilisateurs d’âge et de parcours différents
— Dont 1 expert en démocratie numérique
— Dont 1 expert en design d’interaction
> MÉTHODOLOGIE EMPLOYÉE
— Questionnaire, scénario & démonstrateur
CITOYENNETÉ AUGMENTÉE, février 2012 26

27. PAROLES D’UTILISATEUR — Procédure de test
> CE QUI EST OBSERVÉ ET RECUEILLI
— Efficacité: Réussite à la tâche
— Efficience: Temps de réalisation de la tâche
— Sécurité: Erreurs et correction de ces erreurs
— Apprentissage: Compréhension de la terminologie
— Satisfaction: Qualité de l’interface et de l’expérience de navigation
CITOYENNETÉ AUGMENTÉE, février 2012 27

28. PAROLES D’UTILISATEUR — Synthèse des avis
> COMMENT LE SERVICE A ÉTÉ PERÇU
— Facilité à trouver une information: 7,3 /10
— Contenu compréhensible: 8,5 /10
— Qualité de l’interface: 9,1 /10
— Simplicité à utiliser: 8,2 /10
— Qualité de navigation: 8 /10
— Originalité du concept: 9,6 /10
CITOYENNETÉ AUGMENTÉE, février 2012 28

29. PAROLES D’UTILISATEUR — Synthèse des avis
> GLOBALEMENT (TRÈS) POSITIF
CITOYENNETÉ AUGMENTÉE, février 2012 29

30. PAROLES D’UTILISATEUR — Synthèse des avis
> POINTS FORTS
— L’originalité d’un concept jugé engageant et attractif
— La simplicité d’utilisation du service
— La qualité graphique de l’interface
— L’aspect coaching citoyen et suivi personnel de l’influence
CITOYENNETÉ AUGMENTÉE, février 2012 30

31. PAROLES D’UTILISATEUR — Synthèse des avis
> LIMITES & FAIBLESSES
— Dépendant de l’activité des utilisateurs et partenaires pour
la régularité et diversité des quêtes
— Basé sur le fair-play, quelles contre-mesures ?
— Des éléments de navigation/sémantique perfectibles
CITOYENNETÉ AUGMENTÉE, février 2012 31

32. AUTOUR DU PROJET
CE QUI FA I T L’ INN OVATION DÉMOCR AT IQ U E
CITOYENNETÉ AUGMENTÉE, février 2012 32

33. AUTOUR DU PROJET — Différenciation & innovation
Détourner Approche ludique Continuité Transversalité
l’individualisme et engageante en ligne / hors ligne des acteurs
au profit de
l’intérêt général
CITOYENNETÉ AUGMENTÉE, février 2012 33

34. AUTOUR DU PROJET — Expérience utilisateur
Accompagnement Difficulté progressive
Astuce & aide Récompense régulière
Lisibilité accrue
Contraste & taille Sens épique
des caractères Productivité merveilleuse
CITOYENNETÉ AUGMENTÉE, février 2012 34

35. AUTOUR DU PROJET — L’impact responsable
> IMPACT DÉMOCRATIQUE
— Faciliter et célébrer la participation citoyenne
— Transparence dans l’information citoyenne et
dans le suivi des contributions
> IMPACT SOCIÉTAL
— Prendre en compte de l’humain derrière le citoyen
— Apporter de la cognitivité à la démocratie
— Dynamiser la société civile
CITOYENNETÉ AUGMENTÉE, février 2012 35

36. AUTOUR DU PROJET — L’impact responsable
> IMPACT ÉCONOMIQUE
— Valorisation de la RSE et des actions
d’entreprises citoyennes locales
> IMPACT ENVIRONNEMENTAL
— Promouvoir les actions liées au développement durable
— Récompenser les comportements responsables
grâce aux bonus d’influence
CITOYENNETÉ AUGMENTÉE, février 2012 36

37. PROSPECTIVE
P O RT E R LE PROJET À L’ ÉCH EL L E
CITOYENNETÉ AUGMENTÉE, février 2012 37

38. PROSPECTIVE — Les fonctions à venir
Version Modération
mobile collective
Cartographie Intégration à
des initiatives Facebook / Twitter
LinkedIn/Klout
CITOYENNETÉ AUGMENTÉE, février 2012 38

39. PROSPECTIVE — La structure
CITOYENNETÉ AUGMENTÉE, février 2012 39

40. PROSPECTIVE — Le modèle économique privilégiée
CITOYENNETÉ AUGMENTÉE, février 2012 40

41. PROSPECTIVE — Monétiser intelligemment
CITOYENNETÉ AUGMENTÉE, février 2012 41

42. PROSPECTIVE — Ouverture
> ILS SONT PRÊTS À UTILISER INFLUENTS
— Conseil Général de Loire-Atlantique
— Association LiberTIC
— Et déjà plus d’une cinquantaine de pré-inscrits...
CITOYENNETÉ AUGMENTÉE, février 2012 42

43. MERCI
P O U R VOT RE AT TENTION
CITOYENNETÉ AUGMENTÉE, février 2012 43

44. ANNEXES — Architecture de la plateforme
CITOYENNETÉ AUGMENTÉE, février 2012 44

45. ANNEXES — Préconisations techniques
> UNE TECHNOLOGIE WEB DÉMOCRATISÉE
— Une plateforme Web accessible depuis tout système
(HTML / CSS / PHP et respect des standards W3C)
— Accessibilité accrue avec contraste et lisibilité des caractères
— Reprise des codes sémantiques des réseaux sociaux
> S’OUVRIR AUX NOUVEAUX USAGES
— Responsive design: s’adapter aux supports mobiles pour
favoriser la continuité d’expérience dans la rue
— Une plateforme Open Source: favoriser les applications
tierces et affirmer la transparence de la démarche
CITOYENNETÉ AUGMENTÉE, février 2012 45

46. CRÉDITS
— Atelier MaVilleDemain
de Laurent Neyssenssas (Licence Creative Commons)
- http://www.flickr.com/photos/loneyss/5619000308/
- http://www.flickr.com/photos/loneyss/5618403529/
— Photographie de Jean-Marc Ayrault
de Mathieu Delmestre, Solfé Communications (Licence Creative Commons)
- http://www.flickr.com/photos/partisocialiste/6745702037/
— Ressources pictogrammes
Sous licence Creative Commons - www.thenounproject.com
CITOYENNETÉ AUGMENTÉE, février 2012 46