Rapport en format pdf
Transcription
Rapport en format pdf
Analyse comparative d’un corpus de sites de ville. Les sites: Besançon http://www.besancon.com Dresde http://www.dresden.de Braga http://www.cm-braga.pt Auteurs : Frédérique MAUREL Alvina REGNIER Cécile SABATIER Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 1 1) Principaux résultats de l’étude Cette étude nous a menées à analyser les sites officiels des villes de Dresde (Allemagne), Braga (Portugal) et Besançon (France). Voici les principaux points de notre analyse : La thématique Dans l’ensemble, ces sites aspirent avant tout à promouvoir les activités de leur ville ; ils s’inscrivent dans une logique de communication institutionnelle. Mais utilisés comme simple vitrine de la ville, ces sites présentent de manière concise les caractéristiques attrayantes sans pour autant être de véritables produits innovants. Les rubriques et le contenu abordé qui caractérisent les sites On constate que le tourisme est un thème récurrent et prédominant. On retrouve également les informations pratiques sur la vie quotidienne. De plus, afin de faciliter la navigation à l’intérieur du site, chaque ville opte pour un jeu de couleurs spécifiques en fonction des thématiques abordées. L’organisation de la page d’accueil des sites Chaque site possède son organisation propre. Les chartes graphiques des sites de Braga et Dresde semblent avoir être une démarche sémiotique préalable tandis que la question reste en suspens quant à Besançon. Les points forts et/ou plutôt discutables des sites Avec un style propre à chacun, une navigation facile et des informations utiles et intéressantes, ces sites répondent à ce qu’est en droit d’attendre le grand public d’un site officiel. Cependant on peut regretter que les rubriques Municipalité/Services Publics soient parfois survolées sans être réellement développées. Ces collectivités devraient profiter du média Internet pour tenter d’instaurer une démocratie participative ou des télé procédures1 et l’utiliser comme outil pertinent dans sa stratégie de communication. 1 Procédures administratives réalisées à distance Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 2 2) Présentation du corpus 2.1) Brève présentation – description des trois sites : Intitulé du site Institution propriétaire du site Type de site Adresse du site : Bref résumé Besançon, Bienvenue sur le Landeshauptstadt Dresden site de la ville Mairie de Besançon Mairie de Dresde Site institutionnel de la Site officiel de mairie mairie http://www.besancon.com Le site est une vitrine classique des diverses ressources de la ville. Il est très complet mais la mise en page n’est cependant pas très attrayante et la circulation sur le site, quelque peu rigide. http://www.dresden.de Ce site a pour mission première de présenter la ville de Dresde à travers divers thèmes. Belle charte graphique, il manque peut-être un peu de « vie » malgré tout. La partie Tourisme ne correspond pas au reste de la charte. Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 Câmara Municipal de Braga La municipalité de Braga Site officiel de mairie http://www.cm-braga.pt Ce site propose une vision tournée principalement vers le tourisme. L’événement sportif de football de 2004 est particulièrement mis en valeur dès l’introduction du site (intro Flash) pour la période de l’événement. Braga donne une image jeune et attractive de sa ville. 3 2.2) Comparaison globale des trois sites A) Points communs 1) Les pages d’accueil Les pages d’accueil des trois sites cherchent avant tout à valoriser l’image de la ville, à la rendre attractive, avant d’être des relais informatifs. Un effort particulier a été apporté à l’esthétisme de cette première page. Elles font la part belle aux illustrations photographiques axées sur la culture et les monuments patrimoniaux. Dresde met ainsi en avant le toit d’un monument de la ville tandis que Braga favorise les formes architecturales. On peut noter la présence relativement peu importante de blocs de texte, allant de l’absence totale (Besançon) à quelques paragraphes courts (Braga et Dresde) et privilégiant des informations rapides et concises. On constate un effort notable sur la présentation avec un jeu de couleurs pour chaque rubrique, par ailleurs plus ou moins bien réussi. Il n’y a pas de correspondance particulière attribuée aux différentes teintes, ainsi la rubrique Santé/Environnement est en violet pour Besançon mais son équivalent à Dresde est en vert. Ou encore, la culture est en violet pour Braga, rose fuchsia chez Besançon et orange à Dresde. Dans l’ensemble, la présence de rubriques variées semble permettre une navigation aisée. Le navigateur sait quelle information il pourra obtenir en un seul clic. Le contenu est relativement clair et organisé. Les éléments d’identification (nom de la ville, « slogan », logo) sont bien présents sur le haut de la page. 2) Les « modules » (« rubriques ») Le large choix des rubriques montre un souci d’exhaustivité de la part des municipalités qui souhaitent ainsi répondre aux attentes de tous leurs publics (touristique, citoyen, économique etc.) De ce fait, on note que les sites développent particulièrement la rubrique TOURISME et insistent sur les infrastructures et la vie culturelle offertes par les villes. Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 4 3) Les interfaces Les 3 sites utilisent des formes géométriques droites, essentiellement des rectangles. Peu de courbes apparaissent. L’utilisation de l’espace reste classique avec : - l’identification (logo et slogan) située dans la partie supérieure de la page, - le contenu informationnel au centre, - le sommaire des rubriques reste agencé soit verticalement, soit horizontalement. Il n’y a pas de dynamique de mouvement. B) Traits différenciateurs 1) Les pages d’accueil Les trois pages d’accueil revendiquent un « style » différent. La page d’accueil de Besançon a une présentation un peu archaïque et vieillie de par la disposition des photos centrées en milieu de page. Celle de Dresde est simple et traditionnelle, mais d’une facture assez sophistiquée, les photographies occupant le tiers supérieur de la page. Enfin, Braga opte pour un design assez moderne et d’inspiration futuriste, avec une police d’écriture carrée et très actuelle. D’autre part elle multiplie les photographies et représentations. 2) Les « modules » (« rubriques ») Les rubriques sont positionnées de trois manières différentes. Besançon choisit de disposer son menu en bas de page, tandis que Braga opte pour un menu à gauche. Dresde le situe en haut de page pour sa part. En ce qui concerne l’offre d’informations proposée, on ne note pas de différences flagrantes pour autant. 3) Les interfaces Dresde et Braga optent pour un fond blanc, gardant un certain aspect institutionnel classique tandis que Besançon a choisi un vert foncé en couleur dominante. Braga a choisi de jouer la carte des visuels en mettant l’accent sur l’esthétique. On retrouve un nombre important d’illustrations sur chaque page et la police typographique est plus originale. Besançon ne se perd pas dans l’information et ne donne que des éléments bruts. Ceux-ci se retrouvent au centre des pages, ce qui dévalorise quelque peu l’intérêt du site car le navigateur ressent un sentiment de vide et d’inachevé. Le site utilise peu d’illustrations et les couleurs 5 Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » ème Poitiers – ICOMTEC (2 année) 2003 – 2004 choisies ne sont pas très dynamiques (notamment la dominante vert foncé). Une impression de tristesse et de vieilli se dégage dans l’ensemble. Dresde renvoie un sentiment de simplicité et d’élégance grâce à son interface claire et stylisée : peu d’illustrations mais pertinentes dans leur disposition, une fermeté dans la construction des pages et des couleurs nobles (or et bordeaux avec dominante de blanc). Cependant, la rigueur de l’interface ne semble viser qu’une certaine cible et ce caractère élitiste ne correspond pas à la vocation d’un site officiel ouvert au tourisme (d’autres cibles moins culturelles peuvent ne pas se sentir concernées). Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 6 3) Page d’accueil Chacun des trois sites proposent dans leur page d’accueil les rubriques à explorer ainsi qu’une identité visuelle clairement identifiée par un logotype. 3.1) Les captures d’écran des trois sites DRESDE BESANCON BRAGA 3.2) La topographie des pages d’accueil avec les principales zones On observe différentes zones avec des fonctions distinctes. En effet, les zones d’identification, la barre de menu et la zone texte sont disposées dans les trois sites selon une morphologie « carrée », c’est-à-dire avec des formes géométriques, respectant les lignes verticales. Cette structure permet une meilleure lisibilité des sites. L’organisation générale semble alors répondre à un schéma standard prédéfini avec toutefois plusieurs variations dans la disposition des zones et la place accordée à chacune. Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 7 DRESDE Zone 1 : zone d’identification BESANCON BRAGA Zone 1 : texte d’accueil Zone 1: zone principale d’identification Zone 2 : zone d’informations Zone 2 : zone d’identification avec le Zone 2 : barre des menus avec les pratiques logo et le slogan rubriques principales Zone 3 : barre de menu avec dans la Zone 3 : barre des menus avec des Zone 3 : seconde barre de menu plus partie de gauche, une figure illustrations détaillée symbolique de la ville Zone 4 : illustrations sous forme de Zone 4 : zone de menu bis sans les Zone 4 : zone d’informations réservée vignettes illustrations mais avec deux à l’affichage des titres principaux rubriques supplémentaires Zone 5 : zone d’informations Zone 5 : troisième zone proposant Zone 5 : zone bis d’informations une barre des menus pratiques en animation simpliste Particularité : la page d’accueil ne Particularité : le site web possède propose pas de zone d’informations une page que l’on peut qualifier de « pré-accueil » qui, après avoir proposé le choix de la langue, offre une animation introduisant l’événement sportif ainsi que la localisation de la ville Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 8 3.3) le design de la page d’accueil DRESDE : La page d’accueil est sobre, avec des couleurs pastel sur un fond à dominante dorée. La zone texte occupe une place prépondérante dans la répartition de la page. Dresde crée une harmonie des couleurs permettant au navigateur de facilement se situer, par la suite, dans le site. Une place importante à la zone d’information Page d’accueil DRESDE Des figures fortes en valeurs symboliques (l’enfant, la famille, le patrimoine avec les monuments) Couleurs pastel, semblables aux couleurs de la terre, de l’histoire BRAGA : La page d’accueil est fidèle à l’objectif du site qui cible essentiellement le tourisme. Des références aux monuments montrent le côté historique de la ville. L’interface est moderne grâce aux formes géométriques utilisées. La couleur bleue utilisée comme code chromatique stéréotypé préexistant Page d’accueil BRAGA Axée sur l’image extérieure de la ville (le tourisme, la gastronomie etc…) Une interface dans l’air du temps (par rapport aux couleurs, aux formes, à l’organisation de la page) BESANÇON : La page d’accueil est simple mais ne contient pas d’informations principales. Elle ressemble donc à un sommaire de livre, avec l’énumération des différents chapitres. Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 9 La couleur dominante vert foncé aChaque une fonction avant stylistique. rubrique esttout illustrée par une figure adaptée et située au centre de la page Page d’accueil BESANCON Pas de zone d’information Une répétition des menus dans la même page 3.5) L’identité de la page d’accueil On peut facilement repérer les principaux éléments de la charte graphique des sites. Chacun propose une approche différente par son choix de couleur : des couleurs nobles pour Dresde des nuances de bleu pour Braga le vert pour Besançon Le public visé de chaque site varie. On constate que Besançon réalise son site principalement pour ses habitants, tandis que Braga le dédie aux futurs visiteurs. Dresde a choisi le compromis avec une rubrique tourisme dense. Besançon semble nourrir son identité avant tout sur des références républicaines. Braga privilégie les références économiques et touristiques. Dresde favorise les références culturelles. 3.6) Comparaison globale Chaque site joue sur les stéréotypes de leur ville et de leur identité nationale à travers le choix chromatique de leur page d’accueil : Dresde utilise des couleurs « TERRE » comme le rouge, marron, jaune en accord avec cette ville allemande des terres. Braga met en avant son coté « BEAU TEMPS » du Portugal avec une prédominance du bleu Besançon souligne son attachement à la NATURE grâce au vert. Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 10 4) Les rubriques 4.1) Les principales rubriques Dresde Ville Braga Besançon ville Administration (carte géographique, historique du centre ville...) Actualité Europe R u b r i q u e s Mairie Mairie Economie (investisseurs Infos pratiques étrangers, bilan financier de (contacts, météo, agences 2002) de voyages, cinémas, offices Sciences de tourisme...) Réseau Culture (festivals, musées, théâtres, cinémas, bibliothèques...) Environnement Tourisme lumière Economie Accès (par route, trains...) Panorama virtuel de la ville Santé (service de presses, conférences, logements, calendrier des manifestations...) Spécialités culturelles (folklore, religion, gastronomie...) Sorties Vivre et travailler (enfants, écoles, sports…) Agenda des manifestations Coupe du monde de football Bars et shopping Mairie (conseil municipal, services municipaux, organigramme…) International Cultures Sports Congrès Tourisme Catalogue des bibliothèques Enseignement 4.2) Comparaison Rubriques communes : Sur l’ensemble des sites examinés, les rubriques communes portent essentiellement sur la description historique de la ville et les services municipaux offerts. La deuxième grande rubrique évoquée communément est le tourisme, avec notamment l’annonce du calendrier des manifestations et les sorties culturelles. Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 11 Enfin, quelques rubriques sont développées sur deux sites sur trois parmi lesquelles l’économie et les sports. De manière générale, nous pouvons dire que les sites ne se ressemblent pas beaucoup en termes d’organisation des rubriques. Nous pensons que la cause peut venir du fait que chacune des villes étudiées a une culture très différente qui transparaît au cœur de son site. Braga, ville ibérique, porte beaucoup l’accent sur sa passion du sport propre aux populations latines. Besançon, ville française, met plutôt l’accent sur les services administratifs offerts aux citoyens, ce qui est une caractéristique des valeurs républicaines françaises. Quant au site de Dresde, il offre davantage de pages sur la culture et les savoirs scientifiques, ce qui est une spécificité de la culture allemande. Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 12 4.3) Scénario d’une rubrique Prenons le cas de la rubrique « tourisme » du site de Braga. TOURISME La ville Localité géographique Histoire de Braga Panorama à 360° Photos Ce qu’il faut savoir La Monnaie La météo Les contacts utiles Congrès d’affaires Pharmacies de garde Location de véhicules Agences de voyages Cinémas et théâtre Salles d’expositions Services touristiques Carte de la ville Transports Accès autoroutiers Trains Logements Artisanat Liste des commerces Folklore Gastronomie Spécialités braganaises Vins Restaurants A visiter Agenda culturel Cadeaux souvenirs Liste des commerces Braga de nuit Bars Discothèques Rubriques Braga Envoyer une e-carte Liens utiles Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 13 5) Evaluation des sites Braga Les touristes Cible principale Dresde Pas de cœur de cible identifié Besançon Les habitants Contenu varié Points forts Points faibles dans ses thèmes abordés esthétisme des illustrations la densité rend la navigation hésitante une mauvaise hiérarchisation de l’information qualité rédactionnelle pas la même densité informationnelle selon la version linguistique informations pratiques pour les habitants contenu exhaustif manque d’adaptation du discours au support : effet brochure en ligne Rubriques bien Points forts Points faibles présentées exhaustivité concises précises effort de simplicité navigation rendue complexe par le choix considérable de thèmes abordés la rubrique municipale n’est regroupements inadéquats pas assez développée pour et incohérents par rapport au un site officiel slogan : Besançon la rubrique Office de Innovation Tourisme ne répond pas à la charte graphique du site bonne simplicité de navigation présentation sobre et élégante effort dans le design de la première page (photos stylisées) peut renvoyer un sentiment froid couleurs Pages d’accueil Points forts Points faibles esthétique effort de présentation avec l’animation flash de pré accueil dynamique trop d’informations concentrées sur cette page un peu attrayantes inutiles des répétitions rubriques Préconisations Un plus large choix des langues serait judicieux. Le scénario d’introduction n’est-il pas un peu trop long ? On pourrait améliorer l’interface du site pour le Certaines rubriques telles que l’administratif pourraient être rendre plus attractif avec une plus exploitées. étude graphique préalable. II serait intéressant d’élargir Il serait intéressant d’intégrer l’offre linguistique. des télé-procédures adaptées à son cœur de cible. Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web » Poitiers – ICOMTEC (2ème année) 2003 – 2004 14