21
Vente en ligne,.. …une question d’ergonomie.

Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Embed Size (px)

Citation preview

Page 1: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Vente en ligne,..

…une question d’ergonomie.

Page 2: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Les clés de la réussite du site web marchand :

Contenus rédactionnels

Navigation

Design

Accessibilité

Page 3: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

http://www.arthur-et-marie.com/En visite sur :

Page 4: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

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 l’an 2000.

Page 5: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

http://www.arthur-et-marie.com/

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).

Page 6: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Un site doit rapidement être pris en main, et ne doit pas être réservé à un internaute

averti.

Respect des usages de l’HTML, les liens dans les corps de textes sont

signalés par le soulignement

1. Accessibilité

Page 7: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

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.

Page 8: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Ecriture d’un enfant

Dessins d’enfants

Titres de rubriques enfantins

Le site est complètement tourné vers l’enfant même si le visiteur

et acheteur est un adulte.

2. Design

Page 9: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

2. DesignLa charte graphique doit être homogène sur toutes les

pages du site.

Page 10: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

2. DesignDes éléments graphiques utiles.

Les dessins communiquent la cible de l’offre, 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.

Page 11: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

3. Navigation

La page d'accueil est la vitrine du site Internet. Comme lors de courses en magasin, la vitrine permet à

l’internaute de se faire une idée de ce qu’il va trouver dans l’espace marchand.

Page 12: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Le logo de la PME

L’accès direct à l’offre produits

L’accè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.

Page 13: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

3. Navigation

L’arborescence du site toujours présente, facilite la navigation du visiteur

Page 14: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

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

n’est pas contraint de revenir en arrière dans le logiciel de navigation WEB.

Page 15: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

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

Page 16: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

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.

Page 17: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Différents niveaux de lecture : titre et résumé pour le visiteur pressé. S’il le

souhaite , un clic sur les photos permet à l’internaute d’accéder à complément

rédactionnel.

Page 18: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Un défaut : le style n’est ici pas adapté à une lecture en diagonale.

Phrases et paragraphes

devraient être plus courts.

Les informations ne sont pas hiérarchisées.

Page 19: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Synthèse

Convivialité du site

Facilité de navigation

Site attractif, ludique, tourné vers l’enfant

Le marché ayant pour cible l’enfant est porteur

Peu de concurrents. Peu de site de vente en ligne de jeux en bois où il ne s’agit pas de

fabricant. Site original.

Page 20: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Pour aller plus loin :

www.amazon.com : exhaustivité et facilité de commande

www.castorama.fr :simplicité, efficacité et apprentissage facile du site

http://www.yoplait.fr/ : peu de valeur ajoutée et image dévalorisante

http://www.mtv.co.uk/homepage.jhtml : un design adapté à la cible

Page 21: Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité

Fin