Conception et refonte d'un site web : les bonnes pratiques

De la conception, à la refonte d'un site WEB, les bonnes pratiques à mettre en œuvre.

Avant propos Présentation personnelle Sébastien Noguès, chef de projet Internet à DDB Travel & Tourism (sebastien.nogues@ddb.fr) Présentation de l'intervention Il s'agit de donner quelques repères tant en termes d'attentes qualitatives des internautes en matière de tourisme que d'éléments ergonomiques pour créer ou refondre un site WEB.

Création et refonte d'un site WEB Le marché du tourisme en ligne Comportement des internautes Que recherchent les internautes ? Défis pour les professionnels Préceptes à la création / refonte d'un site WEB Les facteurs-clefs du succès

Comportement des internautes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Comportement des internautes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Nouvelles tendances touristiques ,[object Object],[object Object],[object Object],[object Object],[object Object]

Création et refonte d'un site WEB Le marché du tourisme en ligne Comportement des internautes Que recherchent les internautes ? Défis pour les professionnels Les facteurs-clefs du succès Préceptes à la création / refonte d'un site WEB

Que cherchent les internautes ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Attentes qualitatives des internautes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Bien comprendre les besoins des internautes

Défis pour les professionnels ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Les facteurs de réussite ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Un contenu capital ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Quel contenu ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Quel contenu ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Le marketing du site ,[object Object],[object Object],[object Object],[object Object],[object Object]

Le marketing du site ,[object Object],[object Object],[object Object]

La réalisation du site : les grands principes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels La navigation Le design graphique Le contenu Le marché du tourisme en ligne

Sites WEB : ce qui a changé… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Sites WEB : ce qui a changé… ,[object Object],[object Object]

Sites WEB : les préliminaires… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Sites WEB : les préliminaires… ,[object Object],[object Object],[object Object],[object Object],[object Object]

Sites WEB : l'enjeu d'un site 10 secondes , c’est le temps moyen dont un site dispose pour convaincre les visiteurs de rester. ,[object Object],[object Object],[object Object],[object Object]

Utilisabilité et graphisme WEB ,[object Object],[object Object],[object Object]

Quelques points clefs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Les pages épousent-elles bien les écrans ? ,[object Object],[object Object],[object Object],[object Object],1. Les aspects techniques et fonctionnels

Les pages épousent-elles bien les écrans ? 1. Les aspects techniques et fonctionnels

Les pages sont-elles adaptées aux navigateurs ? ,[object Object],[object Object],1. Les aspects techniques et fonctionnels

Les animations soutiennent-elles le contenu ? ,[object Object],[object Object],[object Object],[object Object],1. Les aspects techniques et fonctionnels

La page d'accueil incite-t-elle à visiter le site ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Navigation

L'interface soutient-elle la navigation ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Navigation

L'interface de navigation est-elle cohérente ? Typiquement positionnée en haut de page ou dans la colonne de gauche, la barre de navigation est une fonction à laquelle s’attendent les utilisateurs. 2. Navigation

L'interface de navigation est-elle cohérente ? 2. Navigation

L'organisation visuelle est-elle optimale ? ,[object Object],[object Object],[object Object],[object Object],2. Navigation La loi de proximité conduit la vision à regrouper les objets qui sont proches les uns des autres. La loi de similitude incite l'œil à réunir des entités qui se ressemblent par la forme, la couleur ou la taille. La loi de bonne continuité conduit la vision à rassembler des éléments qui partagent le même alignement. Ce qui se ressemble, fonctionne de la même manière. Selon la loi de similitude, l'œil attribue une même signification aux données présentées de la même manière. Second principe de regroupement, la loi de proximité consiste à rassembler les objets semblables sur les mêmes secteurs.

L'équilibre largeur-profondeur est-il acceptable ? ,[object Object],[object Object],[object Object],2. Navigation

L'équilibre largeur-profondeur est-il acceptable ? 2. Navigation

Le recours aux images-liens est-il justifié ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Navigation

Quel est l'intér êt des visuels ? ,[object Object],[object Object],[object Object],[object Object],[object Object],3. Design graphique

Le design est-il adapté à votre cible ? Il est important d’adapter le ton et l’interface aux publics cibles. Plusieurs critères sont applicables : le sexe, l’âge, le niveau d’instruction, l’origine géographique et culturelle, l’expérience du média, le degré de fidélisation, l'équipement informatique, etc. Idéalement, le fait de tester le site auprès des véritables utilisateurs caractérisant le cœur de la cible est un plus (5x3) De m ême, l e site intervient comme un prolongement de la relation client. Il importe de ne pas décevoir le cœur de cible en respectant le positionnement marketing de l’éditeur 3. Design graphique

Le système typographique est-il cohérent ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],3. Design graphique

Le système typographique est-il cohérent ? 3. Design graphique

L'agencement de l'écran est-il optimal ? ,[object Object],[object Object],[object Object],[object Object],[object Object],3. Design graphique

L'agencement de l'écran est-il optimal ? 3. Design graphique

Quelle est la valeur d'usage du contenu ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],4. Contenu

Vos informations sont-elles crédibles ? Multipliez les signes qui renforcent la confiance : -› Mettre ces raisons en avant tant au niveau de la communication qu’au niveau de l’architecture de navigation du site. 4. Contenu

L'écriture est-elle adaptée au WEB ? La lecture à l’écran est plus difficile : 25 à 30% plus lente -› être concis . Baignés dans un environnement hypertexte, les internautes balayent majoritairement les pages avant de les lire mot à mot -› accrocher l’œil . L’internaute fuient aisément ce qui s’apparente trop à de la publicité et s’orientent tout droit vers les informations qui leur sont utiles -› éviter un ton trop promotionnel. 4. Contenu

L'écriture est-elle adaptée au WEB ? ,[object Object],[object Object],[object Object],[object Object],[object Object],4. Contenu

Conclusion La clé de la réussite d'un site web n'est pas seulement technique ou graphique, c'est aussi la prise en compte, tout au long du développement, de l'utilisabilité. La qualité d’un site née quelque part à l’intersection entre ergonomie et graphisme .

Conception et refonte d'un site web : les bonnes pratiques

Conception et refonte d'un site web : les bonnes pratiques

Recommandé

Contenu connexe

Tendances

Tendances(20)

En vedette

En vedette(20)

Similaire à Conception et refonte d'un site web : les bonnes pratiques

Similaire à Conception et refonte d'un site web : les bonnes pratiques(20)

Plus de Tarn Tourisme

Plus de Tarn Tourisme(8)

Dernier

Dernier(8)

Conception et refonte d'un site web : les bonnes pratiques