Lycée C. De Gaulle - 56 000 Vannes Vente en ligne,.. …une question dergonomie.

Slides:



Advertisements
Présentations similaires
12 règles d’ergonomie web
Advertisements

Les clés d'une présence en ligne réussie
"Les outils pour créer un site web facilement" Niveau Débutant.
1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne
Navigation et ergonomie des sites Internet
Evaluation et qualité des revues électroniques et ressources documentaires associées.
Blackwell Synergy et Ingenta Revues en texte intégral en ligne.
Atelier Wiki 1.Introduction 2.Définition 3.Fonctionnement 4.Ecrire sur un wiki 5.En pratique 6.Glossaire 7.Ressources.
Publication en ligne Devenez rédacteur sur le site du lycée.
Les étapes de conception d’un site web
Site WEB: communication grand publique
Le site de Vic-sur-Cère. Page daccueil Image de fond BANNIERE 1 BAN.2 CONTENU pied BARRE réservée Administration MENU DEROULANT 6 RUBRIQUES 4 WIDGETS:
Internet.
Lycée C de Gaulle - Vannes
La page daccueil Analyse et principes de conception.
Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité
L'architecture d'un site Toile : L'architecture d'un site Toile : Quelles informations pour Quel public ? Deux questions très importantes sont à poser.
CAHIER DES CHARGES E-COMMERCE
Flipzee PRO.
Newsletter Bonnes pratiques.
Vendre sur internet oui… … mais comment ?. Le e-commerce aujourdhui.
Définition : C'est un format de données qui permet de réaliser des sommaires Un « flux RSS » est un fichier texte qui contient les titres des derniers.
3, Promenade Venezia VERSAILLES SelfScore Immobilier
COME Bernard Comeau Commerce électronique Les éléments retrouvés dans une page Web. COME 2001.
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
~ Les bonnes pratiques ~
Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.
Bee 27 Normandie. Début 2010 Aujourdhui, on note labsence dun annuaire global référençant toutes les entreprises possédant un site. Contrairement, aux.
Lycée Louis Vincent Séance 1
Identifier ce qui peut gêner ou bloquer votre référencement Sébastien Billard, consultant référencement.
Comment optimiser la visibilité de vos contenus sur les principaux moteurs de recherches ? Rédaction de contenus SEO friendly Publication on-line.
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
1 Référencer ses pages web Principes – Référencement passif (SEO) – Référencement actif (SEM) – Maîtrise des outils [Source : formation au référencement.
Chapitre 7 : La politique de communication sur Internet
Les feuilles de style CSS
SPIP est un logiciel libre et un siteWeb collaboratif. Interfaces de rédaction des SPIP identiques : savoir utiliser un SPIP c’est savoir les utiliser.
Présentation de l’OAMP Recherche Enseignement et thèses Séminaires et conférences Bibliothèque Presse et grand public Services d'Observation Travailler.
Création web Bases & outils de production et de création
La refonte des sites d’appui Ce qui change pour vous.
Le langage du Web CSS et HTML
Internet WEB.
Un site sous SPIP Un nouveau système de publication sur le net Collège Charles Rieu A.T.I. Pélofi Stéphane.
Représentation de l’IRD au Sénégal DIC décentralisée
Refonte du portail Internet agglo-montbeliard.fr Explications graphiques 08/11/2012.
EXPLICATION GRAPHIQUE
CRÉER ET ALIMENTER UN BLOG A PARTIR DE LA PLATE FORME OVER BLOG
Tous droits réservés 04 octobre 2005© présente Les Moteurs de Recherche.
TD11 : Logiciel de présentation PowerPoint
Diaporama réalisé par Damienne PIN, Documentaliste Collège Barbara Hendricks 226 Rue du Limousin Orange LE PROBLEME DE LA QUALITE DE L ’INFORMATION.
D1 - 13/04/2015 Petite présentation de SPIP 17 octobre 2007 Philippe Giron Tisserand du site Internet diocésain.
LES INFOS de Philippe et Patrick Journal d'informations en ligne Infospp.free.fr Mai 2006.
Mensuelle spéciale « Écriture Web » 3 février 2015
Agence fédérale pour la Sécurité de la Chaîne alimentaire Un nouveau site pour l’AFSCA ? CC du 28 mai 2008 Agence fédérale pour la Sécurité de la Chaîne.
L’ergonomie des IHM : pourquoi, comment ?
Fondamentaux de l’enseignement
INTERNET Un réseau informatique mondial : ce sont des millions d'ordinateurs en permanence allumés (reliés entre-eux par des lignes téléphoniques, fibres.
1 Comité de suivi "Entreprendre dans l’Orne" Le 5 novembre 2009.
Épreuve de compréhension orale pour l’examen final clemi 3
Rédiger un communiqué de presse
Contribution CMS.Eolas
Les claviers xénophobes Richard Martin & Elise Vézina-Easey.
Principes de design accessible selon les standards SGQRI 008 Émilie Burelle 27 août 2010.
Créer votre propre site Internet
Introduction au HTML Qu’est ce que le HTML ?
LA UNE D’ UN JOURNAL La Une d'un journal désigne sa première page.
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
Orange Solidarité – association loi de 1901 Atelier 3 Les fonctions avancées de Word pour un CV « original » Se servir de Word pour produire des documents.
Les ateliers l’environnement numérique de travail en Midi-Pyrénées L’ENT MIDI-PYRÉNÉES EST SOUTENU PAR L’ent : prise en main - CLIQUEZ POUR CONTINUER -
Transcription de la présentation:

Lycée C. De Gaulle Vannes Vente en ligne,.. …une question dergonomie.

Lycée C. De Gaulle Vannes Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Lycée C. De Gaulle Vannes En visite sur :

Lycée C. De Gaulle Vannes Arthur & Marie est un commerce de détail spécialisé dans la confection de jouets en bois. Cette PME compte 8 collaborateurs. Arthur & Marie a développé son site, hébergé par le Crédit Agricole, à partir de lan 2000.

Lycée C. De Gaulle Vannes 1. Accessibilité Une adresse facilement mémorisable. Programmation html des pages optimisée pour un chargement rapide, compatible avec les connexions bas débit (56k).

Lycée C. De Gaulle Vannes Un site doit rapidement être pris en main, et ne doit pas être réservé à un internaute averti. Respect des usages de lHTML, les liens dans les corps de textes sont signalés par le soulignement 1. Accessibilité

Lycée C. De Gaulle Vannes 2. Design Le design, la charte graphique du site doit refléter, communiquer une image et une identité visuelle adaptée à son positionnement et sa cible.

Lycée C. De Gaulle Vannes Ecriture dun enfant Dessins denfants Titres de rubriques enfantins Le site est complètement tourné vers lenfant même si le visiteur et acheteur est un adulte. 2. Design

Lycée C. De Gaulle Vannes 2. Design La charte graphique doit être homogène sur toutes les pages du site.

Lycée C. De Gaulle Vannes 2. Design Des éléments graphiques utiles. Les dessins communiquent la cible de loffre, et sont dotés de liens hypertextes. Ils attirent les yeux vers les différentes rubriques tout en ne pénalisant pas la lisibilité et le chargement des pages.

Lycée C. De Gaulle Vannes 3. Navigation La page d'accueil est la vitrine du site Internet. Comme lors de courses en magasin, la vitrine permet à linternaute de se faire une idée de ce quil va trouver dans lespace marchand.

Lycée C. De Gaulle Vannes Le logo de la PME Laccès direct à loffre produits Laccès à la zone de contact 2 rubriques de présentation de la PME 3. Navigation Dès la page d'accueil, l'internaute identifie les éléments de navigation et les zones de contenus.

Lycée C. De Gaulle Vannes 3. Navigation Larborescence du site toujours présente, facilite la navigation du visiteur

Lycée C. De Gaulle Vannes 3. Navigation Les miniatures des différents produits sont agrandies dans une fenêtre associée par programmation java. La page initiale reste active, le visiteur nest pas contraint de revenir en arrière dans le logiciel de navigation WEB.

Lycée C. De Gaulle Vannes Possibilité pour le visiteur de commander les produits, par chèque ou par carte selon un protocole sécurisé du Crédit Agricole, qui héberge le site. 3. Navigation

Lycée C. De Gaulle Vannes 4. Contenus rédactionnels Le surf sur le web est caractérisé par une navigation exploratoire rapide. De plus, des études ont montré que la lecture d'un texte à l'écran est 25% plus lente qu'un texte papier. Le style rédactionnel d'un site doit être adapté à la cible du site. Selon les objectifs du site, son positionnement et son coeur de cible, il faut définir une ligne éditoriale adaptée. La ligne éditoriale correspond à l'atmosphère, au style général employé pour la rédaction de l'ensemble des contenus du site.

Lycée C. De Gaulle Vannes Différents niveaux de lecture : titre et résumé pour le visiteur pressé. Sil le souhaite, un clic sur les photos permet à linternaute daccéder à complément rédactionnel.

Lycée C. De Gaulle Vannes Un défaut : le style nest ici pas adapté à une lecture en diagonale. Phrases et paragraphes devraient être plus courts. Les informations ne sont pas hiérarchisées.

Lycée C. De Gaulle Vannes Synthèse Convivialité du site Facilité de navigation Site attractif, ludique, tourné vers lenfant Le marché ayant pour cible lenfant est porteur Peu de concurrents. Peu de site de vente en ligne de jeux en bois où il ne sagit pas de fabricant. Site original.

Lycée C. De Gaulle Vannes Pour aller plus loin : : exhaustivité et facilité de commande :simplicité, efficacité et apprentissage facile du site : peu de valeur ajoutée et image dévalorisante : un design adapté à la cible

Lycée C. De Gaulle Vannes Fin