Description de la mise en scène d une rubrique et proposition d une nouvelle maquette.

Documents pareils
ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Créer des documents interactifs

Groupe Eyrolles, 2003, ISBN : X

AnaXagora LMS v3.0. Guide d utilisation

Comment débloquer les fenêtres publicitaires (popup) de votre navigateur Internet

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

1. PRÉSENTATION, CONTEXTE, OBJECTIFS ET CIBLES 1.1 Contexte

Plateforme AnaXagora. Guide d utilisation

Espace Client Aide au démarrage

Publier dans la Base Documentaire

Paramétrage des navigateurs

Le cas «BOURSE» annexe

Guide explicatif de l utilisation. de la plateforme d éducation en ligne (e-learning)

Des outils numériques simples et conviviaux!

Le cas «BOURSE» annexe

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

DETERMINER LA LARGEUR DE PAGE D'UN SITE et LES RESOLUTIONS d'ecran

Publier un Carnet Blanc

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Maîtrisez votre Navigateur

Comment consulter la Photothèque de Paris 1

SERVICES PARTAGÉS. CHORUS-DT «Déplacements Temporaires» Janvier 2015

Création du site internet [insérez le nom de votre site]

Manuel d utilisation de l outil collaboratif

Rapports d activités et financiers par Internet. Manuel Utilisateur

EXEMPLE DE PAGE : FORMAT A4 (210X297)

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX

Ref : Résolution problème d'accès aux supports de cours

Créer vos données sources avec OpenOffice, adieu Excel

Etudes de marché : les sources

F.A.Q 1.0 Designer 3D Atex System

Soyez accessible. Manuel d utilisation du CMS

GUIDE Excel (version débutante) Version 2013

Création d un site Internet

1. Visualiser la «carte» de mon réseau social

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

Packs Graphiques. Comparez nos offres! Chrome Silver Gold Platinum Appel non surtaxé. Comment choisir votre pack? Design.

AGASC / BUREAU INFORMATION JEUNESSE Saint Laurent du Var - E mail : bij@agasc.fr / Tel : CONSIGNE N 1 :

Tutoriel : Créer un site web simple avec Composer. Fiche consigne Page 1 sur 6

Open-Sankoré. Mise en route. Guide utilisateur Février 2013 NTICE (E. S.)

Manuel d utilisation de V3D Events - Visiteurs

Livret 1 Poste de travail de l utilisateur :

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

Création WEB avec DreamweaverMX

pcon.planner 6 Préparer et présenter une implantation en toute simplicité

SERVICE CERTIFICATION DES ÉTABLISSEMENTS DE SANTÉ. Guide utilisateur Compte Qualité dans SARA

Un site Web performant p 3. Les moteurs de la réussite p 4

M1105 Web Design Analyse Sectorielle Sites de grands musées

Création de site internet

Le front office (utilisateur client):

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Le Grand Robert. de la langue française VISITE GUIDÉE VERSION TEXTE

Mon aide mémoire traitement de texte (Microsoft Word)

GUIDE D UTILISATION. Gestion de compte. à destination des entreprises (Employeurs et Organismes de Formation)

Désactivation du blocage des fenêtres pop-up

!" #$%&'(&)'*'+,--./&0'1&23,+2.)$4$%52'&%'6.%&2'

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

GUIDE D UTILISATION LA DEPECHE PREMIUM

Bernard Lecomte. Débuter avec HTML

Les 10 étapes incontournables pour réaliser un site internet performant et accessible

Dévéloppement de Sites Web

NAVIGATION SUR INTERNET EXPLORER

Créer un compte itunes Store

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

T le. Se documenter tout au long de l année. séquence pédagogique L1.2 L1.4 L2.2 L e trimestre. Nom :... Prénom :... Date :...

AIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

Module 1 : Tableau de bord Excel * 2010 incl.*

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

Formation. Module WEB 4.1. Support de cours

Créer son questionnaire en ligne avec Google Documents

Contenu Microsoft Windows 8.1

Notes pour l utilisation d Expression Web

Comment utiliser cet outil?

GUIDE D UTILISATION DU BACKOFFICE

Comment accéder à une vision synthétique de mon activité commerciale?

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH

AIDE à l utilisation du cédérom «L athlétisme à l école» Niveau Primaire SOMMAIRE

CREG : versailles.fr/spip.php?article803

Créer une application de livre interactif pour tablette avec Indesign CS6 et Adobe Digital Publishing Suite

Correction des Travaux Pratiques Organiser son espace de travail

Tél. : (241) / Fax : (241) eqc@bgfi.com.

Navigation dans Windows

Lutter contre les virus et les attaques... 15

Utilisation de l éditeur.

FICHIERS ET DOSSIERS

L ORDINATEUR FACILE D ACCÈS!

Ces Lettres d informations sont envoyées aux extranautes inscrits et abonnés sur le site assistance (voir point N 3).

En choisissant l option Créer une ligne du temps, vous accédez à la page à partir de laquelle vous construirez une nouvelle ligne du temps.

GUIDE ÉLÈVE. Mes identifiants : J'inscris mes identifiant et mot de passe personnels transmis par mon professeur :

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis

Je sais utiliser. Création d une galerie photo pour un site Web. Picasa crée les documents. HTML pour insérer une galerie de photos dans un site web

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

SFEA. Ce document peut être imprimé au format livret. Guide utilisateurs du site "Se Former en Alsace"

Service On Line : Gestion des Incidents

COMMENT PUBLIER SUR ARIANE?

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Créer un site Internet dynamique

Transcription:

Description de la mise en scène d une rubrique et proposition d une nouvelle maquette. http://www.culture.gouv.fr/culture/arcnat/vienne/fr/index.html Intitulé de la rubrique : «Visite virtuelle» Auteurs : Lisa Ressès Emilie Roland Séminaire «Sémiotique appliquée aux Nouveaux Médias : Les sites web à caractère culturel et scientifique» Poitiers - ICOMTEC 2004

La rubrique «Visite virtuelle» Brève présentation de la rubrique Schéma 1 Illustration /Maquette Liste des sites à visiter Liste des scènes Titre de la rubrique Maquette La rubrique choisie est celle proposant une visite virtuelle de la Vienne Antique. Onze types de constructions sont ainsi proposés dans cette rubrique comme l enceinte, le temple De plus, plusieurs boutons permettent de revenir en page accueil ou d obtenir de l aide. Visite virtuelle Schéma 2 Aide Accueil Lieux à visiter (11) Un territoire Des Hommes Architecture Anecdotes dont le nombre peut varier Généralités Remarque : les deux rubriques «Un territoire» et «des Hommes» sont des sous-rubriques qui ne rentrent plus dans le cadre de la visite virtuelle. Ce sont seulement des compléments d information.

Rubrique «visite virtuelle» Description Commentaire Eléments pour la mise en scène (audio-)visuelle Interaction (accès et exploration) Organisation rédactionnelle, logique et physique Autres services proposés Consignes pour la réalisation Composition de la rubrique - 13 scènes (11+2) principales - Eléments textuels : titres pour chaque scène (nom du lieu à visiter) - Eléments visuels : une photo de fond représentant une maquette. Et des photos quand le curseur passe sur un lieu. Des icônes symbolisant les rubriques «Un territoire» et «Des Hommes» et les retours «accueil» et «aide» - Eléments graphiques : chromatisme beige/orangé Trois menus -un menu propre à la rubrique permettant d accéder aux différents lieux -un menu «pratique»de retour à l accueil et d accès à l aide -deux accès aux «sous-rubriques» Deux régions principales pour l espace du site et l espace de la rubrique (voir schéma 1) L espace de la rubrique peut être divisé en trois : un espace où sont listées les scènes, un espace pour le titre et un espace pour l illustration. Possibilité d imprimer, d enregistrer, d envoyer les illustrations et d ouvrir le dossier mes images. Possibilité de naviguer sur la maquette et de se situer dans la ville. Possibilité de naviguer sur un plan plutôt que sur la maquette. - Les deux rubriques «Un territoire» et «Des Hommes» ne devraient pas apparaître dans la rubrique «visite virtuelle» mais plutôt directement sur la page d accueil en tant que rubriques à part entière. - De plus, le graphisme général du site ne propose pas une disposition optimale des différents éléments. En effet, sur toutes les pages le bas et le côté droit sont vides. - Par ailleurs, les couleurs choisies quoique s adaptant à la thématique du site, sont toutefois fades et redondantes. Les éléments invariants pour la rubrique sont : -les icônes symbolisant les rubriques «Un territoire» et «Des Hommes» et les retours «accueil» et «aide» -les couleurs -l organisation des scènes (illustration à droite, titres à gauche, texte en dessous ) est toujours la même. Les autres éléments (illustrations, commentaires) sont propres à chaque scène. Au sein de chaque scène, ces trois menus sont organisés de manière différente. Dans la page rubrique, les menus sont verticaux à gauche. Dans les pages de chaque scène, les menus sont horizontaux en haut. Voir schéma 1. Service assez complet. Une meilleure répartition des éléments du site pourrait être une amélioration à apporter. De plus, il serait peut-être plus judicieux de varier les couleurs afin de mieux distinguer les différentes parties du site.

Brève comparaison avec les autres sites composant le corpus L originalité de cette rubrique par rapport à son équivalente dans un autre site (http://www.culture.gouv.fr/culture/archeosm/fr/fr-medit-prehist.htm) est de proposer deux types d entrées dans les différentes constructions : une sur la photo-maquette et une sur une liste à côté de la maquette. L avantage de cette présentation est que le visiteur novice peut se promener au hasard dans la maquette et découvrir au fur et à mesure les différents lieux. Le visiteur plus connaisseur pourra quand à lui choisir plus rapidement les lieux qu il veut visiter en faisant son choix dans la liste. De plus, une carte est également disponible pour se promener sur celle-ci au lieu de la maquette. Ensuite, l espace du site ( ) est situé en bandeau à gauche de la page tandis que l espace de la rubrique ( ) occupe tout le reste de la page affichée. Cette présentation est très classique mais permet au visiteur de ne pas être perdu. L autre site proposé dans le corpus propose une distinction espace du site / espace de la rubrique bien moins claire. Les couleurs, les formes et même la police (Times New Roman) utilisées sont en accord avec l époque que souhaite présenter le site, à savoir l Antiquité. La présentation est donc très classique et sérieuse. Un effort visuel est néanmoins fourni pour les illustrations qui sont d une très grande qualité. Ce site souhaite avant tout informer le visiteur : très peu d éléments paratextuels sont utilisés, mis à part pour les boutons Accueil et Aide. La fonction hypertextuelle est bien plus développée. L autre site a très peu de contenu textuel. Par contre il est possible de visualiser les différents lieux par une fenêtre. De plus, la visite de la grotte Cosquer est toujours accompagnée du plan, ce qui permet au visiteur de toujours savoir où il se trouve. L autre site est présenté avec des couleurs très vives et le choix esthétique est très orienté sur le thème de la mer. Ce choix chromique s explique par la localisation géographique de la grotte à visiter, à savoir le littoral méditerranéen. La mise en scène employée est très sobre (dans les deux sites), aucune animation de type Flash sont utilisées. Seul les hypertextes changent de couleurs lorsque le curseur de la souris passe dessus (ou pour le site de la grotte Cosquer des fenêtres pop-up s ouvrent). De plus, un point jaune apparaît sur le maquette de la Vienne Antique lorsque l utilisateur passe dans la liste sur le lieu concerné.

Réalisation de la rubrique sous forme de scène Les principales rubriques La rubrique «visite virtuelle» (voir schéma 2) se compose de plusieurs scènes : -l enceinte -le forum et le temple -le complexe monumental de Pipet -l odéon -le cirque -les entrepôts -le fanum -les aqueducs -le palais des miroirs -St Romain-en-Gal -les maisons Les scènes ci-dessus constituent l essentiel de la rubrique. Les deux scènes cidessous ne rentrent pas réellement dans le cadre de la rubrique «visite virtuelle». -Un territoire -Des Hommes Description d une scène «Le Cirque» Schéma 3 ESPACE DU SITE ESPACE DE LA RUBRIQUE ESPACE DE LA SCENE

Le cirque Schéma 4 Généralités Architecture Les courses de chars Ce lien propose une explication générale par rapport au lieu en question. Il replace le monument dans son contexte historique, géographique, sociologique Cette partie propose quant à elle une description technique du lieu. Les parties écrites en italiques sont spécifiques pour chaque scène et propose un zoom sur des particularité, une anecdote historique Cet exemple d arborescence est valable pour toutes les scènes représentants les différents lieux (listés plus haut). Ainsi, les deux principaux espaces sont l espace scène et l espace site. (voir schéma 3). A l intérieur de l espace scène, nous pouvons distinguer un espace texte et un espace image. De plus, nous pouvons distinguer un troisième espace, l espace rubrique où l ensemble des lieux à visiter sont listés sous forme de liens. Dans l espace site, nous retrouvons les éléments invariants («aide», «accueil», «un territoire», «des hommes») symbolisés par les mêmes icônes que sur les pages rubrique et accueil. Dans la continuité de l espace site, nous trouvons l espace rubrique. Dans l espace scène : - En ce qui concerne les illustrations : une image représente l objet de la scène et se trouve au centre de la page. - En ce qui concerne les textes : il n y a pas encore de réel «pavé texte» puisque chaque scène propose à l utilisateur plusieurs types d informations différentes sur le même lieu. - Leur positionnement n est pas très harmonieux, en effet, à droite et en bas, la page est vide. - Le chromatisme utilisé est le même que pour le reste du site, ce qui garantit l homogénéité de la charte graphique mais qui donne également une certaine monotonie.

Rubrique «visite virtuelle» Scène «Le Cirque» Eléments pour la mise en scène (audio-)visuelle Description -Pavé textuel : au troisième niveau du site (accueil/rubrique/scène), aucune information textuelle n est encore fournie, le navigateur doit encore choisir la partie qu il souhaite explorer. Le seul pavé textuel compris sur la scène est donc des titres de lien. -Image : dans chaque scène, une illustration (photo, croquis, dessins ) la représente. -Graphisme : les couleurs utilisées sont toujours les mêmes : beige/orangé. Commentaire Les éléments invariants pour la rubrique sont : -les icônes symbolisant les rubriques «Un territoire» et «Des Hommes» et les retours «accueil» et «aide» et sont placés en haut alignés à gauche. Voir schéma 3 Interaction (accès et exploration) Organisation rédactionnelle, logique et physique Autres services proposés Consignes pour la réalisation Deux menus -un menu propre à la scène permettant d accéder aux différentes explications -un menu du site. Deux régions principales pour l espace du site et l espace de la scène. L espace de la scène peut être divisé en deux: un espace menu pour naviguer dans la scène et un espace illustration. Possibilité d imprimer, d enregistrer, d envoyer les illustrations et d ouvrir le dossier mes images. Dans les pavés textes (niveau 4), des hypertextes permettent d avoir des informations ou illustrations complémentaires. - Les couleurs et la disposition des éléments interactifs sont aussi monotones dans les scènes que dans les rubriques - les couleurs pourraient être un moyen de différencier les différentes scènes Voir schéma 3 Voir schéma 3.

Proposition d un script «personnel» pour une autre mise en scène Le site de la Vienne Antique, http://www.culture.gouv.fr/culture/arcnat/vienne/fr/index.html, et plus particulièrement la rubrique étudiée «visite virtuelle» pourrait être améliorée. En effet, cette dernière manque de dynamisme et d animations. Tout en conservant le caractère classique, il devrait être possible d apporter de l originalité au produit. Ainsi, les principaux éléments de changements portent sur : - la mise en page ; l utilisation de l espace - le chromatisme - la présence du plan / maquette sur toutes les scènes afin que le navigateur puisse s y référer (voir site de référence étudié plus haut http://www.culture.gouv.fr/culture/archeosm/fr/fr-medit-prehist.htm) - l usage d animations Nouveau script de rubrique proposé : Rubrique «visite virtuelle» Description Commentaire Eléments pour la mise en scène (audio-)visuelle Interaction (accès et exploration) -Pavé textuel : En plus des titres pour chaque scène (nom du lieu à visiter), une petite phrase résume les éléments présents dans la scène concernée. -Image : Les icônes qui apparaissent lorsque le curseur passe sur les lieux à visiter sont plus grandes de manière à mieux occuper l espace disponible sur la page. -Graphisme : la maquette est plus grande et occupe l espace rubrique. Les titres, résumés et illustrations de chaque lieu apparaissent lorsque l utilisateur survole la maquette. Deux menus -un menu du site qui propose le retour à l accueil et la rubrique d aide mais aussi l accès aux autres rubriques du site -un menu propre à la scène Dans cette rubrique «visite virtuelle» les rubriques «Un Territoire» et «Des Hommes» n apparaissent plus. Ils sont indépendants, dans la page d accueil général. Les apparitions des descriptifs de chaque lieu peuvent être envisagées de manière dynamique.

Organisation rédactionnelle, logique et physique Autres services proposés permettant d accéder aux différentes explications Deux régions principales pour l espace du site et l espace de la scène. L espace du site est aligné à gauche verticalement. L espace de la rubrique occupe l ensemble de la page (pas de blanc). Le plan des différents lieux apparaît sur toutes les pages de la rubrique pour permettre à l utilisateur de plus facilement se repérer. Les possibilités d imprimer, d enregistrer, d envoyer les illustrations et d ouvrir le dossier mes images sont conservées. Dans les pavés textes (niveau 4), des hypertextes permettent d avoir des informations ou illustrations complémentaires. Voir schéma 3.