Présentation du projet

Démarches en ligne, contribution citoyenne via des plateformes, échanges sur les réseaux sociaux…, le numérique transforme profondément les rapports entre les citoyens et l’institution. La Ville de Nantes et Nantes Métropole se lancent dans une refonte conjointe de leurs sites nantes.fr et nantesmetropole.fr, avec l’idée de réinventer un dispositif numérique qui réponde à ces nouveaux usages. Les explications par Xavier Crouan, directeur général à l’Information et à la Relation au Citoyen à Nantes Métropole.

Atelier Accessibilité 20 juin 2017

Atelier Accessibilité #2 : Et si nous testions les libellés ensemble !

A la veille de l’été, le mercredi 20 juin 2018, se tenait la deuxième édition des ateliers Accessibilité organisés dans le cadre de la refonte des sites internet de la Ville de Nantes et de Nantes Métropole.

Des membres du Conseil nantais pour la Citoyenneté des Étrangers (CNCE), du Conseil Nantais pour l’Accessibilité Universelle (CNAU), du Conseil Métropolitain de l’Accessibilité Universelle (CMAU) et des participants qui nous suivent depuis le lancement de la refonte étaient présents pour tester avec l’équipe projet les regroupements de pages et les libellés de l’arborescence.

Les échanges, riches et dynamiques, nous ont permis de conforter certains choix de regroupement de contenu et d’intitulé de rubrique. Mais les discussions ont aussi fait ressortir certaines incompréhensions. Nous prévoyons donc de modifier des regroupements et de retravailler certains libellés en conséquence.

Une séance de travail très efficace, dans une ambiance joyeuse et attentive ! Le document de restitution de l’atelier est en ligne : Restitution de l’atelier du 20 juin 2018.

Prochaine étape : un nouvel atelier à l’automne pour tester de nouveaux parcours utilisateurs et des maquettes graphiques.

Atelier Accessibilité 20 juin 2017

Atelier Accessibilité 20 juin 2017

Atelier Accessibilité du 18 avril 2018 - Ergonomie

Atelier Accessibilité #1 : Lisibilité, compréhension et accessibilité au cœur des échanges

En ce début du mois de mai, la mise en œuvre du projet est désormais bien engagée. Nous avons notamment posé les grands principes graphiques et ergonomiques du futur portail.

À cette étape, nous avons souhaité organiser un atelier de concertation visant à tester les premiers parcours usager et maquettes graphiques. Cet atelier nous donnait aussi l’occasion de proposer une table ronde sur les usages numériques et outils facilitant la navigation des personnes en situation de handicap. Orchestré en collaboration avec la Mission Égalité de la ville de Nantes et de Nantes Métropole, l’atelier s’est tenu le 18 avril dernier.

L’objectif de cette rencontre était de croiser les regards sur les premiers éléments de conception à travers un travail collectif avec des membres du Conseil nantais de la citoyenneté des étrangers (CNCE), du Conseil nantais de l’accessibilité universelle (CNAU), de la Commission métropolitaine d’accessibilité universelle (CMAU), ainsi que des participants aux précédents ateliers organisés dans le cadre de la refonte.

Atelier Accessibilité du 18 avril 2018

Animateurs enthousiastes et observateurs attentifs des débats, les équipes projet de nos prestataires (Smile, Opixido et Spintank) avaient aussi répondu présents à notre invitation.

Ces échanges nous ont permis de dégager des enseignements sur l’ergonomie, la ligne graphique et les pictogrammes qui composeront le futur site, ainsi que des partis pris structurants pour la mise à disposition d’outils améliorant l’accessibilité des personnes en situation de handicap.

Bilan extrêmement positif ! Découvrez le bilan de l’atelier : Restitution_Atelier_180518.

Prochaine étape : un nouvel atelier se tiendra fin juin pour tester de nouveaux parcours et la bonne compréhension des libellés de l’arborescence.

Atelier Accessibilité du 18 avril 2018 - 3

Atelier Accessibilité du 18 avril 2018 - 5

Présentation Ecole de Design

Ça phosphore à l’École de Design de Nantes !

Un vent de fraîcheur à souffler sur le projet de refonte des sites de la ville et de la métropole en ce mercredi 28 mars 2018.

Ce jour là, c’est toute une « délégation » , composée de membres de l’équipe projet de la ville de Nantes et Nantes Métropole, d’Opixido, de Spintank et de Smile, qui se présente à l’École de Design pour découvrir les travaux des étudiants.  Et quelle découverte !

Portant un regard neuf – et acéré ! – sur le projet de nouveau portail de territoire, les étudiants ont présenté le résultat d’un mois de travail. Des travaux illustratifs remarquables, des gammes de couleurs inédites, des idées de navigation audacieuses, une utilisation décalée de la dataviz, des essais instructifs sur les logos ou encore une proposition réjouissante de réalité augmentée, autant d’effervescence, c’est vivifiant !

Bluffés par la qualité et le sérieux de leur présentation, nous sommes repartis enthousiastes, l’esprit en pleine ébullition. A nous de jouer désormais pour sélectionner les idées qui répondent à nos besoins et étudier comment les intégrer au sein du futur site.

Un grand merci aux étudiants de 2e année du Bachelor Interactivité de l’École de Design de Nantes Atlantique pour leur créativité, ainsi qu’à l’équipe encadrante pour leur implication. Nous vous souhaitons une très bonne continuation !

Découvrez quelques photos de la présentation du 28 mars 2018.

Présentation Ecole de design - 5

Présentation Ecole de design - 4

Présentation Ecole de design - 3

Présentation Ecole de design - 2

Présentation Ecole de design - 1

Collaboration avec l’École de Design, c’est parti !

Depuis ce matin, et durant le mois de mars, les étudiants de 2e année du Bachelor Interactivité de l’École de Design de Nantes Atlantique vont plancher sur la refonte des sites Nantes.fr et NantesMetropole.fr.

Organisés en deux groupes, les étudiants travaillent sur 2 thématiques différentes.

Le premier groupe se penche sur la question de l’attribution des contenus du futur site à la Métropole ou à la ville de Nantes, dans le contexte de fusion des sites Nantes.fr et Nantesmetropole.fr. Sujet complexe et enjeu essentiel du futur portail web pour permettre à chaque collectivité de « signer » ses contenus et à l’internaute d’identifier quelle institution lui délivre l’information. Tout cela sans gêner le parcours utilisateur et en respectant une identité graphique unifiée au sein d’un même site.

Le second groupe, quant à lui, explore des solutions pour apporter une touche décalée, audacieuse et innovante à l’interface du futur site. Une mission a priori plus légère mais qui nécessite une certaine finesse pour faire « twister » l’interface, tout en conservant sa dimension institutionnelle.

Pour ce projet, les 38 étudiants du Bachelor sont encadrés par Florent MICHEL (responsable pédagogique), Jules LEPOIVRE (chargé de projet web) et Philippe NICOLAS (infographiste web), ainsi que par l’équipe de l’agence Opixido engagée dans le projet de refonte.

Le travail débute le 7 mars 2018 pour aboutir, à l’issue de 4 ateliers, à une présentation des projets par les étudiants le 28 mars 2018. Nous leur souhaitons bonne chance et bon courage !

Découvrez les grands piliers de l’arborescence du futur site

C’est en croisant les partis pris des citoyens avec le regard expert de l’équipe de Spintank et de l’équipe projet interne que le travail de co-conception de l’arborescence du futur site a pu aboutir.

Des deux ateliers qui se sont tenus en novembre et en décembre,  nous avons retenu les grands enseignements suivants :

  • Un besoin de simplicité sur l’ensemble de l’arborescence et de rationalisation de l’offre de services : le regroupement des infos pratiques et des E-Services au sein d’une même rubrique unique avec un classement thématique.
  • La nécessité d’une rubrique dédiée aux « Loisirs »/« Sortir à Nantes » et l’intérêt des citoyens pour les actualités et l’agenda.
  • Des débats autour de la place des contenus institutionnels, du Dialogue citoyen ou encore autour des entrées par cibles, jugées trop stigmatisantes par certains participants.
  • L’importance de mettre à disposition des contenus facilitant l’installation sur la métropole.
  • Des interrogations sur la place des contenus transversaux : politiques publiques, transition écologique, égalité.

S’en sont suivis des réunions internes, des échanges avec l’équipe Spintank… Et voilà le résultat !

Téléchargez l’arborescence : Arborescence_V8 1_simple

  • Un nombre de rubriques de niveau 1 réduit permettant de faciliter la navigation de l’utilisateur et d’identifier les messages clés.
  • Un combo de rubriques fonctionnelles (« Services » et « Institutions ») et thématiques (« Comment contribuer ? » et « Découvrir la Métropole »)
  • La volonté de montrer la dynamique du territoire avec les entrées « Comment contribuer ? », « Découvrir la Métropole » ou encore « Nantes se réinvente » (navigation transverse)

Et ce n’est pas fini ! Les équipes internes et les équipes de Spintank se sont déjà remises au travail pour :

  • préciser l’arborescence en détaillant les niveaux inférieurs des contenus.
  • identifier des grandes catégories de contenus (les futurs tags) permettant ainsi de lier automatiquement les contenus entre rubriques pour faciliter les rebonds thématiques durant le parcours de l’internaute sur le site.

A suivre… Avant l’été, un atelier sera organisé pour tester les libellés des rubriques du futur portail auprès des citoyens. Notre objectif : nous assurer de leur bonne compréhension par toutes et tous.

 

L’arborescence du futur site co-construite avec les citoyens !

Découvrir les attentes des habitants de la ville et de la métropole de Nantes est l’ambition du second atelier arborescence organisé jeudi 14 décembre 2017. Ce rendez-vous a réuni 16 citoyens et 15 agents du territoire. Ensemble, les participants ont croisé leurs regards pour élaborer plusieurs plans du futur site internet de la ville et de la métropole de Nantes.

Le centre des expositions de Nantes Métropole se remplit ce jeudi 14 décembre 2017. La raison ? Le second atelier arborescence pour le futur portail du territoire. A cette occasion, les citoyens prennent place autour de 6 tables avec les agents de la ville et de la métropole nantaise pour une soirée prolifique. Ces groupes ont une mission : co-concevoir ensemble plusieurs idées d’arborescences pour le futur site internet de la ville et de la métropole de Nantes… en 45 minutes !

Avant de se lancer dans cet exercice, Xavier Crouan, le directeur général à l’information et à la relation citoyenne de la ville de Nantes et Nantes métropole explique l’enjeu aux participants : « Le futur dispositif numérique va permettre de répondre aux besoins des citoyens. Il faut réinventer notre relation à l’ère du numérique. » Oui, mais comment ? Neuf « partis pris » guident le travail autour du futur site comme le détaille le directeur :

  • « construire LA plateforme du territoire ;
  • partir des besoins et parcours de vie des usagers ;
  • se projeter dans une logique « mobile first » ;
  • faciliter la mise en relation avec l’Institution ;
  • proposer des contenus plus localisés, plus personnalisés, « pour tous et pour chacun » ;
  • intégrer la co-construction à l’expérience pour rendre le dialogue citoyen accessible à toutes et à tous avec une attention portée à la clarté et au suivi des engagements ;
  • systématiser une approche de test et d’expérimentations ;
  • élargir et susciter de nouveaux services ;
  • révéler l’ADN « complètement à l’ouest » d’un territoire audacieux, créatif et innovant ».

A 19h15, chaque groupe ouvre l’enveloppe déposée sur sa table. A l’intérieur 40 cartes avec des intitulés représentant à la fois les entrées actuelles des deux sites ou des futures rubriques. A quoi servent ces cartes ? L’enjeu est de les classer, regrouper, fusionner pour dégager des grandes familles thématiques ou fonctionnelles. Cette méthode est appelée le tri par cartes ouvert. Pour aider les contributeurs dans cet exercice, six animateurs de l’agence Spintank se sont répartis dans les différents groupes.

Quatre membres du conseil nantais pour la citoyenneté des étrangers (CNCE) circulent entre les tables. Ils ont pour mission de suivre les échanges entre les participants et de relever les idées pertinentes.

Les premières minutes sont consacrées à la découverte des cartes. Les premières réflexions fusent. « Le mot ”institution” en nom de rubrique, ça fait peur », remarque un participant. « Les usagers ne vont jamais sur ce genre de rubrique », reprend un autre. « Si on créait des entrées personnalisées pour personnaliser l’information ? », propose une citoyenne. A quelques mètres, sur une autre table, l’idée est exclue : « Ce n’est pas parce qu’on est une personne âgée ou handicapée qu’on ne peut pas être intéressée par le même contenu que les autres. ». « Pourquoi ne pas rapprocher politiques publiques et dialogue citoyen ? », lance un individu. Autour de la table à côté, la question se pose également : « Il y a une démarche de co-construction avec les institutions et les citoyens pour établir les politiques publiques. Il est logique que ça apparaisse sur le site dans une rubrique « Institutions et moi » pour marquer le ”nous” », insiste un Nantais.

Les participants s’appuient sur leur vécu pour élaborer les arborescences. « Quand je suis arrivée avec mes deux enfants, j’ai jonglé entre les sites et les rubriques. Alors qu’avec des entrées thématiques pour les nouveaux Nantais, j’aurais tout identifié en une fois ! » confie une citoyenne face à la carte « nouveaux arrivants ». « L’entrée par une carte géographique est essentielle. Avec Cartoquartiers, j’ai découvert des choses que je n’aurais jamais trouvé autrement à mon arrivée », explique une habitante récemment installée dans la ville. « Même pour moi qui suis Nantais la cartographie est importante. Il y a tellement de choses à faire et à voir que je ne retiens pas tout. Et je ne sais pas forcément tout replacer sur le territoire hors de ma rue », sourit un voisin de table.

     

Il est 20 heures : les 45 minutes imparties sont écoulées. Les participants en profitent pour échanger sur les raisons de leurs venues. Souriante, une mère de famille, habitante de la métropole, confie à ses voisins de table : « Je n’habite pas dans Nantes. J’ai toujours l’impression de ne pas savoir ce qu’il se passe au niveau de la ville et de la métropole. Participer à cet atelier est un moyen pour moi de découvrir le projet et de suggérer des idées pouvant m’aider par la suite dans mon quotidien. » En face d’elle, deux agents de la métropole confient leur envie de s’« investir dans ce nouveau portail important dans leur vie professionnelle » et avoir envie de « connaître les attentes des usagers ».

Une première représentante de groupe se lève pour dévoiler l’arborescence de sa table. Les 5 autres groupes se succèdent, les applaudissements résonnent à chaque fois.

 

Au tour des membres du conseil nantais pour la citoyenneté des étrangers (CNCE) de donner leur sentiment. Plusieurs idées ressortent :

  • la représentation graphique via des pictogrammes, par exemple pour symboliser les différents modes de transport comme évoqué à une table, peut faciliter la compréhension par tous en tant que langage universel ;
  • La proposition de créer des entrées sur le site par cible pose un problème de segmentation des cibles et par conséquent de « stigmatisation », insistent plusieurs membres.
  • Les services et le dialogue citoyen doivent être mis en avant, car ce sont des thématiques clés.
  • Les choix opérés par les participants de la table 2 ont su séduire l’un des membres du CNCE, aller à l’essentiel pour mieux s’adresser à tous.

A présent, l’heure est au vote. Chaque participant a deux choix à faire : désigner avec une gommette l’arborescence qu’il juge la plus pertinente parmi les six réalisées et pointer la rubrique la plus intéressante à l’aide d’une seconde gommette.

 

Les discussions reprennent entre les participants sur les bonnes idées des autres. « L’entrée par filtre pour les quartiers est intéressante », note un habitant. Alors, quels sont les résultats ?

 

  • L’arborescence  de la table 1 récolte 4 votes. La rubrique « Agenda» a reçu 1 vote « coup de cœur ».

  • L’arborescence de la table 2 remporte 11 votes. Plusieurs rubriques « coup de cœur » ont été désignées :
    • « J’arrive à Nantes» : 3 votes ;
    • « E-démarches » : 2 votes;
    • « Sortir / bouger» : 2 votes ;
    • « Contribuer à la ville » : 3 votes.

  • L’arborescence de la table 3 obtient 4 votes. Plusieurs rubriques ont reçu des gommettes :
    • « Je m’installe à Nantes Métropole » : 1 vote ;
    • « Info trafic » : 1 vote ;
    • « J’explore Nantes Métropole » : 2 votes.

  • L’arborescence de la Table 4 a été plébiscitée avec 13 votes. Plusieurs rubriques ont été appréciées :
    • Filtre par quartiers : 5 votes ;
    • «Actualités » : 2 votes ;
    • «Vie quotidienne » (famille, éducation, logement) : 1 vote.

  • L’arborescence de la table 5 a reçu 1 vote. Deux rubriques ont été remarquées :
    • « A votre service » : 9 votes ;
    • « Transversal » : 7 votes.

  • L’arborescence de la table 6 a obtenu 11 votes. Deux rubriques ont attiré l’attention :
    • « Quoi faire (loisirs) ? » : 1 vote ;
    • « L’Institution et moi » avec le dialogue citoyen : 2 votes.

Tous ces retours permettent de nourrir la réflexion et de croiser les partis pris de l’équipe projet interne et des équipes de Spintank sur les grandes rubriques de l’arborescence du futur portail de la ville et de la métropole de Nantes avec les attentes des citoyens. Les grands piliers de l’arborescence seront dévoilés à la fin du mois de janvier aux citoyens sur ce blog.

Pour en savoir plus sur le premier atelier arborescence, c’est par ici.

 

Participez à la conception de l’arborescence du futur portail de territoire !

Une première phase de co-construction menée cet été avec différents panels de citoyens, d’agents innovateurs internes, et d’acteurs de l’écosystème numérique nantais a permis de poser le socle stratégique du projet. Dans la continuité de cette collaboration fructueuse, la Ville de Nantes et la Métropole souhaitent maintenant co-concevoir l’arborescence du futur portail de territoire.

Pourquoi co-concevoir une arborescence ?

Plus qu’une représentation schématique de la structure d’un site, l’arborescence doit surtout faciliter la navigation de l’utilisateur final. C’est pourquoi la vision des usagers est essentielle à cette étape de conception.

Quelles sont les modalités de participation ?

L’atelier est prévu le 14 décembre 2017 de 18h45 à 20h45 au Centre des expositions de Nantes Métropole.

Citoyen-nes et agents de la collectivité seront réunis au sein de plusieurs groupes pour bâtir des projets d’arborescences qui seront ensuite soumis à votation. L’animation de l’atelier sera assurée par l’agence Spintank qui accompagne le projet de refonte.

Qui peut participer à cet atelier  ?

  • Vous habitez une commune de l’agglomération (de préférence hors Nantes pour garantir la représentativité des communes de la métropole)
  • Vous avez déjà fréquenté de façon occasionnelle ou au contraire très assidue un site de collectivité pour un usage personnel ou professionnel
  • Votre niveau d’usage du numérique peut être du plus éloigné au plus avancé, tous les profils sont les bienvenus !

Le GrandLyon en visite « benchmark » à Nantes

La méthode participative nantaise intéresse d’autres grandes métropoles. Une équipe du service web et éditions du GrandLyon s’est spécialement déplacée les 15 et 16 novembre pour rencontrer l’équipe projet Refonte web nantaise et participer au 1er atelier de co-conception de l’arborescence. Julien, Karine, Cécile et Gaëlle ont apporté leur contribution pendant l’atelier, et puisé « des idées et de l’énergie » pour leurs projets numériques en mode participatif. Des échanges qui vont se poursuivre.

 

Atelier arborescence

Le 1er atelier sur l’arborescence du site !

Concevoir le plan du futur site internet de la ville et de la métropole de Nantes : c’était l’objectif du premier « atelier arborescence » organisé jeudi 16 novembre 2017. Pour relever ce challenge, 26 professionnels de l’information de la ville et de la métropole de Nantes et, en visiteurs exceptionnels, 2 représentants des équipes du Grand Lyon se sont mobilisés.

Jeudi 16 novembre 2017, l’organisation de la salle de la Loire située au 7e étage des locaux de Nantes Métropole est un peu chamboulée. Les tables de l’enceinte du Conseil sont rassemblées en quatre îlots pour former plusieurs espaces de travail. La raison : accueillir un premier atelier de co-conception de l’arborescence du futur site de la ville et de la métropole de Nantes.

Mais une arborescence, c’est quoi ? C’est la représentation schématique de la structure du site. Elle permet :

  • Pour les utilisateurs de :
    • Naviguer facilement d’un contenu à l’autre ;
    • Avoir une vision globale du site ;
    • Se repérer facilement dans le site ;
    • Trouver facilement une information ;
  • Pour les contributeurs du site de :
    • Organiser la contribution ;
    • Optimiser le référencement naturel ;
    • Homogénéiser les contenus ;
    • Organiser la conception du site ;
  • Pour tous de :
    • Comprendre le discours et l’offre de la ville et de la métropole de Nantes.

Atelier arborescence

Pour les quatre groupes, animés par l’agence Spintank, la mission n’est pas aisée. Comme le souligne aux équipes Xavier Crouan, le directeur général à l’information et à la relation citoyenne de la ville de Nantes et Nantes métropole, la feuille de route du projet de refonte, est à la fois succincte et ambitieuse :

« La nouvelle plateforme devra porter nos engagements : simplification, innovation, nouvelle relation aux citoyens, attractivité du territoire. L’objectif est de faire simple dans un système complexe. »

Alors, comment concevoir cette arborescence ? La méthode adoptée pour ce premier atelier est le tri par cartes. Il s’agit de classer, regrouper, bouger les 58 cartes proposées, représentant à la fois les pages, les entrées actuelles ou nouvelles des deux sites. L’enjeu est de dégager des grandes familles ou rubriques.

atelier arborescence atelier arborescence Atelier arborescence

Cela peut paraître simple, mais en réalité, très rapidement, des débats émergent au sein des tables :

  • « Est-ce que l’on doit séparer la vie pratique des services ? » ;
  • « Comment faire pour que les habitants trouvent cette information ?» ;
  • « Est-ce qu’un horaire de crèche, tu le cherches en services ou en Petite enfance ?» ;
  • « Où sont les horaires de piscines ?» ;
  • « Comment montrer le lien entre les politiques publiques et les actualités ou les activités ?» ;
  • « Est-ce que l’on entre par fonctionnalités (services, participation, etc.) ou par thématique (culture, sport, innovation, urbanisme, etc.) ?» ;
  • « Comment raconter la ville, la métropole et son action en évitant l’effet catalogue ? N’y a-t-il pas un enjeu autour de l’éditorialisation des contenus ? »

Une heure de discussion après, chaque groupe présente son arborescence :

Atelier arborescence Atelier arborescence Atelier arborescence Atelier arborescence

Puis les animateurs de Spintank dévoilent à chaque groupe deux autres propositions de travail :

Atelier arborescence

Atelier arborescence

Les équipes de Spintank échangent avec les participants et prennent en compte leurs retours et leurs remarques :

  • « Ne faut-il pas avoir une organisation simple permettant un usage facile pour l’utilisateur ? » ;
  • « Est-ce qu’on ne doit pas avoir des entrées par cible ? » ;
  • « Ne faudrait-il pas arrêter avec les intitulés institutionnels pour faciliter la navigation des utilisateurs ? » ;
  • « Comment promouvoir le territoire en répondant aux besoins des utilisateurs ? » ;
  • « Ne pourrait-on pas personnaliser notre home en configurant notre espace personnel pour avoir les informations qui nous intéressent ? »

Place au vote, en deux temps. Pour commencer entre les 4 arborescences réalisées le matin-même par les participants.

L’arborescence bleue de la Table 1 remporte les suffrages avec 16 votes.

Atelier arborescence

L’arborescence rose de la Table 2 recueille 4 votes.

Atelier arborescence

L’arborescence orange de la Table 3 obtient 2 votes.

Atelier arborescence

L’arborescence jaune de la Table 4 récolte 6 votes.

Atelier arborescence

Puis entre les deux propositions de Spintank. L’arborescence A, dite « classique », compte 15 votes et l’arborescence B, dite « audacieuse », 13 votes.

Atelier arborescence

Ces premiers retours vont permettre aux équipes de Spintank de retravailler les deux arborescences avec des partis-pris distincts pour l’atelier du 14 décembre 2017, de 18h45 à 20h45, avec les citoyens-usagers au centre des expositions de Nantes Métropole.