citoyennetÉ augmentÉe - bastien kerspern...bastien erspern - design d’interactivitÉ pase 3 -...

B A S T I E N K E R S P E R N - D E S I G N D ’ I N T E R A C T I V I T É

PHASE 3 - PROTOTYPE & SCÉNARIOS

CITOYENNETÉ AUGMENTÉE

PROJET de FIN D’ÉTUDES, février 2012, CC-by-nc-nd

2CITOYENNETÉ AUGMENTÉE, février 2012

S O M M A I R E

— RAPPELS

— CONCEPT: I N F L U E N T S

— SCÉNARIOS

— PAROLES D’UTILISATEURS

— AUTOUR DU PROJET

— PROSPECTIVE

— ANNEXES

— CRÉDITS

3

7

14

25

32

37

44

45

3CITOYENNETÉ AUGMENTÉE, février 2012

D É M A R C H E — Problématique

« Amorcer une citoyenneté numériquement augmentée pour une gouvernance ouverte à l’échelle locale. »

Des capacités décuplées

Participation & Transparence

Appartenance & Proximité

4CITOYENNETÉ AUGMENTÉE, février 2012

— Approche du designerD É M A R C H E

5CITOYENNETÉ AUGMENTÉE, février 2012

Injecter de l’interactivité dans la démocratie

Promouvoir lacoopération entre citoyens et élus

Déployable àl’échelle de Nantes

D É M A R C H E — Objectifs

6CITOYENNETÉ AUGMENTÉE, février 2012

— Axe & Concept

NIVEAU

3

QUANTIFIER S O N I N F L U E N C E

OBSERVER L ’A C T I V I T É P O L I T I Q U E

CONCEPT —AXE —

D É M A R C H E

7CITOYENNETÉ AUGMENTÉE, février 2012

INFLUENTSD É V E L O P P E Z V O T R E I N F L U E N C E C I T O Y E N N E

8CITOYENNETÉ AUGMENTÉE, février 2012

— Contexte approchéC O N C E P T : I N F L U E N T S

— 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

9CITOYENNETÉ AUGMENTÉE, février 2012

— Un terrain d’action privilégiéC O N C E P T : I N F L U E N T S

10CITOYENNETÉ AUGMENTÉE, février 2012

— Public concernéC O N C E P T : I N F L U E N T S

11CITOYENNETÉ AUGMENTÉE, février 2012

— DéfinitionC O N C E P T : I N F L U E N T S

— 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

> UNE PLATEFORME SOCIALE PERMETTANT DE:

12CITOYENNETÉ AUGMENTÉE, février 2012

— Qu’est-ce que c’est ?C O N C E P T : I N F L U E N T S

13CITOYENNETÉ AUGMENTÉE, février 2012

— Comment ça marche ?C O N C E P T : I N F L U E N T S

Amorce &accroche

Continuité du comportement

14CITOYENNETÉ AUGMENTÉE, février 2012

S C E N A R I O S : I N F L U E N T S

15CITOYENNETÉ AUGMENTÉE, février 2012

— Prototype en ligneS C E N A R I O S : I N F L U E N T S

http://alpha.influents.fr

16CITOYENNETÉ AUGMENTÉE, février 2012

— Nouvel arrivantS C E N A R I O S : I N F L U E N T S

> ANTOINE, 22 ANS

— Habite Nantes Centre

— Concerné mais non encarté

— Actif sur les réseaux sociaux

17CITOYENNETÉ AUGMENTÉE, février 2012

— En mobilitéS C E N A R I O S : I N F L U E N T S

18CITOYENNETÉ AUGMENTÉE, février 2012

— En mobilitéS C E N A R I O S : I N F L U E N T S

Jean-P atrick23

13

2

19CITOYENNETÉ AUGMENTÉE, février 2012

— En mobilitéS C E N A R I O S : I N F L U E N T S

QUÊTE ACCOMPLIE !

BONUS POINTS !

20CITOYENNETÉ AUGMENTÉE, février 2012

— En mobilitéS C E N A R I O S : I N F L U E N T S

21CITOYENNETÉ AUGMENTÉE, février 2012

— Devenu InfluentS C E N A R I O S : I N F L U E N T S

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

22CITOYENNETÉ AUGMENTÉE, février 2012

— Partenaire associatif & entrepriseS C E N A R I O S : I N F L U E N T S

Mobiliser des participants autour de leurs initiatives citoyennes

Obtenir des retours sur les évènements organisés!

23CITOYENNETÉ AUGMENTÉE, février 2012

— Partenaire institutionnelS C E N A R I O S : I N F L U E N T S

Identifier les influenceurs et leaders d’opinion montants

Présenter ses initiatives participatives et attirer de nouveaux publics

Obtenir des retours sur les dispositifs participatifs

Veiller et suivre l’action citoyenne

!

24CITOYENNETÉ AUGMENTÉE, février 2012

— Schéma des acteursS C E N A R I O S : I N F L U E N T S

25CITOYENNETÉ AUGMENTÉE, février 2012

PAROLES D’UTILISATEURP R E M I È R E A P P R O C H E D U P R O T O T Y P E

26CITOYENNETÉ AUGMENTÉE, février 2012

— Procédure de testP A R O L E S D ’ U T I L I S A T E U R

> PANEL DE 6 UTILISATEURS

> MÉTHODOLOGIE EMPLOYÉE

— 6 utilisateurs d’âge et de parcours différents

— Dont 1 expert en démocratie numérique

— Dont 1 expert en design d’interaction

— Questionnaire, scénario & démonstrateur

27CITOYENNETÉ AUGMENTÉE, février 2012

— Procédure de testP A R O L E S D ’ U T I L I S A T E U R

> 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

28CITOYENNETÉ AUGMENTÉE, février 2012

— Synthèse des avisP A R O L E S D ’ U T I L I S A T E U R

> 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

29CITOYENNETÉ AUGMENTÉE, février 2012

— Synthèse des avisP A R O L E S D ’ U T I L I S A T E U R

> GLOBALEMENT (TRÈS) POSITIF

30CITOYENNETÉ AUGMENTÉE, février 2012

— Synthèse des avisP A R O L E S D ’ U T I L I S A T E U R

> POINTS FORTS

— L’originalité d’un concept jugé engageant et attractif

— La qualité graphique de l’interface

— La simplicité d’utilisation du service

— L’aspect coaching citoyen et suivi personnel de l’influence

31CITOYENNETÉ AUGMENTÉE, février 2012

— Synthèse des avisP A R O L E S D ’ U T I L I S A T E U R

> 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

32CITOYENNETÉ AUGMENTÉE, février 2012

AUTOUR DU PROJETC E Q U I F A I T L ’ I N N O V A T I O N D É M O C R A T I Q U E

33CITOYENNETÉ AUGMENTÉE, février 2012

— Différenciation & innovationA U T O U R D U P R O J E T

Transversalité des acteurs

Continuité en ligne / hors ligne

Approche ludique et engageante

Détournerl’individualisme

au profit de l’intérêt général

34CITOYENNETÉ AUGMENTÉE, février 2012

— Expérience utilisateurA U T O U R D U P R O J E T

Sens épiqueProductivité merveilleuse

Difficulté progressiveRécompense régulière

AccompagnementAstuce & aide

Lisibilité accrueContraste & taille

des caractères

35CITOYENNETÉ AUGMENTÉE, février 2012

— L’impact responsableA U T O U R D U P R O J E T

> IMPACT DÉMOCRATIQUE

> 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

— Faciliter et célébrer la participation citoyenne

— Transparence dans l’information citoyenne et dans le suivi des contributions

36CITOYENNETÉ AUGMENTÉE, février 2012

— Promouvoir les actions liées au développement durable

— Récompenser les comportements responsables grâce aux bonus d’influence

— L’impact responsableA U T O U R D U P R O J E T

> IMPACT ÉCONOMIQUE

> IMPACT ENVIRONNEMENTAL

— Valorisation de la RSE et des actions d’entreprises citoyennes locales

37CITOYENNETÉ AUGMENTÉE, février 2012

PROSPECTIVEP O R T E R L E P R O J E T À L ’ É C H E L L E

38CITOYENNETÉ AUGMENTÉE, février 2012

— Les fonctions à venirP R O S P E C T I V E

Intégration à Facebook / Twitter

LinkedIn/Klout

Version mobile

Cartographiedes initiatives

Modération collective

39CITOYENNETÉ AUGMENTÉE, février 2012

— La structureP R O S P E C T I V E

40CITOYENNETÉ AUGMENTÉE, février 2012

— Le modèle économique privilégiéeP R O S P E C T I V E

41CITOYENNETÉ AUGMENTÉE, février 2012

— Monétiser intelligemmentP R O S P E C T I V E

42CITOYENNETÉ AUGMENTÉE, février 2012

— OuvertureP R O S P E C T I V E

> 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...

43CITOYENNETÉ AUGMENTÉE, février 2012

MERCIP O U R V O T R E A T T E N T I O N

44CITOYENNETÉ AUGMENTÉE, février 2012

— Architecture de la plateformeA N N E X E S

45CITOYENNETÉ AUGMENTÉE, février 2012

— Préconisations techniquesA N N E X E S

> UNE TECHNOLOGIE WEB DÉMOCRATISÉE

> S’OUVRIR AUX NOUVEAUX USAGES

— 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

— 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

46CITOYENNETÉ AUGMENTÉE, février 2012

C R É D I T S

— 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 Ayraultde Mathieu Delmestre, Solfé Communications (Licence Creative Commons) - http://www.flickr.com/photos/partisocialiste/6745702037/

— Ressources pictogrammesSous licence Creative Commons - www.thenounproject.com