EEAI - Équipe A - Projet numérique des Quartiers Culturels

847 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
847
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
5
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • test
  • test
  • EEAI - Équipe A - Projet numérique des Quartiers Culturels

    1. 1. APPEL D'OFFRE - PHASE CONCEPTION       3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION PROPOSITION ÉQUIPE A Mathieu / Audrée / Océane / Siham PRÉSENCE NUMÉRIQUE DES QUARTIERS CULTURELS
    2. 2. Analyse des besoins du Département de la culture et du patrimoine <ul><li>6 OBJECTIFS : </li></ul><ul><ul><li>Promouvoir les quartiers culturels </li></ul></ul><ul><ul><li>Localiser les lieux particuliers à la vie culturelle des quartiers </li></ul></ul><ul><ul><li>Visualiser les circuits culturels </li></ul></ul><ul><ul><li>Interagir avec les utilisateurs et les organismes culturels </li></ul></ul><ul><ul><li>Valoriser l’activité culturelle et artistique </li></ul></ul><ul><ul><li>Gérer durablement les données liées au projet </li></ul></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    3. 3. Analyse des besoins des utilisateurs <ul><li>Selon nos investigations, les utilisateurs potentiels d'une plateforme numérique:  </li></ul><ul><ul><li>Désirent prendre part à la vie culturelle de la ville </li></ul></ul><ul><ul><li>... ici et maintenant!  (ainsi que proche et bientôt?) </li></ul></ul><ul><ul><li>Vont profiter de l’offre  des  quartiers culturels si la synergie  est claire </li></ul></ul><ul><ul><li>Sont prêts à  partager leur connaissance </li></ul></ul><ul><ul><li>Veulent de l’ information à jour </li></ul></ul><ul><ul><li>Mais ils doivent  être informés sur la nature des quartiers culturels   et l’offre culturelle qui y est associée </li></ul></ul><ul><ul><li>Il faut des moyens pour  rappeler l'existence  des quartiers culturels </li></ul></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    4. 4. Analyse des compétiteurs <ul><li>  Voici une liste des principaux compétiteurs montréalais: </li></ul><ul><ul><li>Le Mur Mitoyen </li></ul></ul><ul><ul><li>Made in Montreal </li></ul></ul><ul><ul><li>Accès culture </li></ul></ul><ul><ul><li>Tourisme Montréal </li></ul></ul><ul><ul><li>La vitrine </li></ul></ul><ul><ul><li>Montréal plus </li></ul></ul><ul><ul><li>Bonjour Montréal </li></ul></ul><ul><ul><li>Culture Montréal </li></ul></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    5. 5. Concept proposé <ul><ul><li>Un site Web </li></ul></ul><ul><ul><li>Version mobile accessible à l'aide de codes QR </li></ul></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION + 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    6. 6. <ul><li>3 JUIN 2011 </li></ul>ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION Arborescence
    7. 7. <ul><li>Site Web </li></ul><ul><li>Accueil </li></ul><ul><li>  </li></ul><ul><ul><li>Carousel des évènements majeurs; </li></ul></ul><ul><ul><li>Carte des quartiers culturels qui renvoit à la liste des quartiers; </li></ul></ul><ul><ul><li>Fil de nouvelles sur la culture et le patrimoine; </li></ul></ul><ul><ul><li>Photos récemment ajoutées au groupe Twitter ( ne requiert pas de modération); </li></ul></ul><ul><ul><li>Boutons de partage et fil RSS </li></ul></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    8. 8. <ul><li>Site Web </li></ul><ul><li>Liste des quartiers </li></ul><ul><li>culturels </li></ul><ul><ul><li>Courte description du quartier culturel et photo </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    9. 9. <ul><li>Site Web </li></ul><ul><li>Fiche quartier culturel </li></ul><ul><ul><li>Description soulignant la diversité et l'unicité d'un quartier culturel; </li></ul></ul><ul><ul><li>Visualisation des évènements et lieux en cours au sein d'un quartier ainsi qu'un lien vers la carte; </li></ul></ul><ul><ul><li>Informations générales sur le quartier culturel; </li></ul></ul><ul><ul><li>Liste des prochains évènements; </li></ul></ul><ul><ul><li>Liens de partage vers les médias sociaux. </li></ul></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    10. 10. <ul><li>Site Web </li></ul><ul><li>Évènements  </li></ul><ul><li>et lieux culturels </li></ul><ul><li>  </li></ul><ul><ul><li>Carte avec la délimitation des quartiers culturels et localisation géographique des évènements et lieux culturels; </li></ul></ul><ul><ul><li>  Filtrage par catégorie: architecture et patrimoine, musique, arts de la scène, festivals, arts visuels et littérature; </li></ul></ul><ul><ul><li>Sélection de la date par une icône révélant un mini calendrier; </li></ul></ul><ul><ul><li>Navigation en parallèle : évènements sous forme de liste et carte présentant les lieux et évènements; </li></ul></ul><ul><ul><li>Lorsqu'on survole un évènement sur la liste l'icône est s'allume et vice-versa; </li></ul></ul><ul><ul><li>Plus on zoom sur la carte, plus la liste est réduite; </li></ul></ul><ul><ul><li>Cliquer sur un icone ou la liste nous amène à la fiche de l'évènement ou lieu. </li></ul></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    11. 11. <ul><li>Site Web </li></ul><ul><li>Fiche évènement </li></ul><ul><li>  </li></ul><ul><ul><li>Description d'un évènement et photo; </li></ul></ul><ul><ul><li>Lien vers le quartier culturel dans lequel il se trouve; </li></ul></ul><ul><ul><li>Lien vers le mot-clic Twitter (hashtag); </li></ul></ul><ul><ul><li>Lorsqu'on clique sur la carte on est dirigé vers Google Maps pour pouvoir calculer le trajet; </li></ul></ul><ul><ul><li>Informations générales </li></ul></ul><ul><ul><li>Liste des circuits dans lequel cet évènement se retrouve </li></ul></ul><ul><ul><li>Boutons de partage. </li></ul></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    12. 12. <ul><li>Site Web </li></ul><ul><li>Fiche lieu </li></ul><ul><li>  </li></ul><ul><ul><li>Description d'un lieu et photo; </li></ul></ul><ul><ul><li>Lien vers le quartier culturel dans lequel il se trouve; </li></ul></ul><ul><ul><li>Lorsqu'on clique sur la carte on est dirigé vers Google Maps pour pouvoir calculer le trajet; </li></ul></ul><ul><ul><li>Informations générales </li></ul></ul><ul><ul><li>Liste des circuits dans lequel ce lieu se retrouve </li></ul></ul><ul><ul><li>Boutons de partage. </li></ul></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    13. 13. <ul><li>Site Web </li></ul><ul><li>Fiche circuit citoyen </li></ul><ul><ul><li>Généré par le public; </li></ul></ul><ul><ul><li>Énumération de lieux ou évènements; </li></ul></ul><ul><ul><li>Possibilité de voter; </li></ul></ul><ul><ul><li>Suggestion automatique d'autres circuits; </li></ul></ul><ul><ul><li>Possibilité de gagner des badges Foursquare suite à une complétion de parcours (incitatif à la consommation de culture; </li></ul></ul><ul><ul><li>Boutons de partage. </li></ul></ul><ul><li>  </li></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    14. 14. <ul><li>3 JUIN 2011 </li></ul>ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION <ul><li>Système </li></ul><ul><li>de recherche </li></ul><ul><ul><li>Auto-complétion dans la boîte de recherche; </li></ul></ul><ul><ul><li>Peut creuser les résultat à l'aide d'une recherche par facettes. </li></ul></ul>
    15. 15. <ul><li>3 JUIN 2011 </li></ul>ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION <ul><li>Version mobile </li></ul><ul><li>Code sur panneau </li></ul><ul><li>  </li></ul><ul><ul><li>Panneau sur abri-bus ou station Bixi indiquant le quartier culturel dans lequel on se trouve; </li></ul></ul><ul><ul><li>Contient un code QR. </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul>
    16. 16. <ul><li>3 JUIN 2011 </li></ul>ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION <ul><li>Version mobile </li></ul><ul><li>Page d'évènements et de lieux culturels à proximité </li></ul><ul><ul><li>  Scanner le code QR avec son téléphone intelligent affiche une liste des évènements et lieux à proximité et disponibles en ce moment; </li></ul></ul><ul><ul><li>Affichage par liste ou carte. </li></ul></ul><ul><li>  </li></ul>
    17. 17. <ul><li>3 JUIN 2011 </li></ul>ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION Fonctionalités 1/2 Besoin du client Besoin des utilisateurs Solutions apportées par le concept Promouvoir Être informé à propos du concept de quartiers culturels Visibilité accrue de toute l’information concernant les quartiers culturels à travers le site web Localiser Savoir ce qu’il se passe “ici et maintenant” Code QR disposés aux endroits stratégiques Visualiser les circuits culturels (Navigation d’un lieu à un autre, relation entre les lieux) Savoir ce qu’il se passe dans les quartiers culturels Visualisation par carte des différents circuits proposés avec possibilité de créer son propre circuit en fonction de certains critères (type, date, lieux etc.) Interagir Prendre part au contenu et pouvoir le partager Interagir Prendre part au contenu et pouvoir le partager Possibilité de partager l’information sur les médias sociaux tels que Facebook et Twitter. Les utilisateurs peuvent aussi ajouter des photos au groupe Flickr des quartiers culturels. Possibilité d’ajout de contenu (ex: circuit citoyen) par formulaire de soumission Valoriser Savoir ce qu’il se passe dans les quartiers culturels Présence numérique du contenu d’information
    18. 18. <ul><li>3 JUIN 2011 </li></ul>ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION Fonctionalités 2/2 Besoin du client Besoin des utilisateurs Solutions apportées par le concept Gérer durablement Avoir de l’information fiable Centralisation des données sur le site web. Agrégation des données fournies par les différents acteurs ce qui en facilite la maintenance. Le site Web est évolutif : sa structure permet une utilisation durable. Utilisation de formats standards, exportables, permettant de réutiliser les données ailleurs (ie. flux RSS, calendrier en format iCal, etc.)
    19. 19. Échéancier (1/3) <ul><li>Le projet se déroule en 8 étapes : </li></ul><ul><li>  </li></ul><ul><li>1. Précision du mandat - rencontre avec le client: 2h </li></ul><ul><li>Prévoir une rencontre initiale pour : </li></ul><ul><ul><li>préciser le public cible afin d'en évaluer les besoins; </li></ul></ul><ul><ul><li>Approfondir/circonscrire la notion de Quartiers culturels et les caractéristiques propres aux quartiers existants; </li></ul></ul><ul><ul><li>Définir précisément les différentes sources de contenus du site afin d'ajuster l’architecture de l’information. </li></ul></ul><ul><li>  </li></ul><ul><li>2. Première période d'ajustements - 2 semaines </li></ul><ul><ul><ul><li>Recherche sur le public cible, création de personas - 1 semaine   </li></ul></ul></ul><ul><ul><ul><li>Production de wireframe basse résolution - 1 semaine </li></ul></ul></ul><ul><li>  </li></ul><ul><li>3. Présentation au client des wireframes basse résolution - 2h </li></ul><ul><li>  </li></ul><ul><li>4. Deuxième période d'ajustements + Tests Utilisateurs - 5 semaines </li></ul><ul><ul><li>Test de tri par cartes avec utilisateurs et analyse - 1 semaine </li></ul></ul><ul><ul><li>Révision de l’architecture et de l’organisation, menant aux wireframes haute définition - 2 semaines </li></ul></ul><ul><ul><li>Test utilisateurs (basé sur les wireframes haute définition) et analyse - 2 semaines </li></ul></ul><ul><ul><li>Ajustements aux wireframes selon les résultats des tests - 1 semaine </li></ul></ul><ul><li>  </li></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    20. 20. Échéancier (2/3) <ul><li>5. Rencontre avec le client: présentation des wireframes haute résolution - 2 h </li></ul><ul><li>6. Troisième période d’ajustements aux wireframes après commentaires </li></ul><ul><li>du client - 1 semaine </li></ul><ul><li>  </li></ul><ul><li>7. Approbation finale - 2 semaines </li></ul><ul><li>  </li></ul><ul><li>8. Ajustements finaux - 2 semaines et remise des maquettes </li></ul><ul><li>  </li></ul><ul><li>Temps total estimé = environ 13 semaines - 3 mois et demi </li></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    21. 21. Échéancier (3/3) <ul><li>  </li></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    22. 22. Budget <ul><ul><li>186 heures de travail en équipe sur le projet </li></ul></ul><ul><ul><li>5 heures de rencontre avec vous </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Montant total estimé à 19 100$ (100$/heures) </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul>3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    23. 23. Des questions? 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION
    24. 24. Merci! 3 JUIN 2011 ÉCOLE D'ÉTÉ EN ARCHITECTURE DE L'INFORMATION

    ×