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