Nouvelles plateformes web: 4- Ergonomie et référencement Formation donnée à: Le 2 mai 2008

Sommaire Ergonomie Trucs et erreurs à éviter Cybersécurité Référencement Le cas particulier de la vidéo

Ergonomie

Trucs et erreurs à éviter

Cybersécurité

Référencement

Le cas particulier de la vidéo

UNE ERGONOMIE BIEN TRAVAILLÉE DONNERA UN BON RÉFÉRENCEMENT

L’ERGONOMIE

Postulats de base L’internaute va se tromper! 75% ergonomie = choix mots et symboles L’internaute est pressé mémoire Doublons Raccourcis (liste telemarket) Splash-screens L’esthétique vient en dernier (Google)

L’internaute va se tromper!

75% ergonomie = choix mots et symboles

L’internaute est pressé

mémoire

Doublons

Raccourcis (liste telemarket)

Splash-screens

L’esthétique vient en dernier (Google)

Exemples de mauvaises interface Reviews? Type de jazz Description Bio du groupe Extrait audio Vidéo CONTENU?

Reviews?

Type de jazz

Description

Bio du groupe

Extrait audio

Vidéo

CONTENU?

Splash screens

PASSER D’UNE MAUVAISE À UNE BONNE INTERFACE PEUT AUGMENTER VOS VENTES DE 1000%

PASSER D’UNE MAUVAISE À UNE BONNE INTERFACE PEUT AUGMENTER VOS VENTES DE 1000%

AVANT APRÉS Trop long Survol plus facile Mise en valeur

A ÉVITER À TOUT PRIX Les menus à droite et …

Les menus à droite et …

Les 10 erreurs à éviter Selon Jakob Nielsen (Gourou de l’UI) Non respect des standards du web Scrollbars Icones Faux boutons et faux hyperliens

Selon Jakob Nielsen

(Gourou de l’UI)

Non respect des standards du web

Scrollbars

Icones

Faux boutons et faux hyperliens

Les 10 erreurs à éviter 2- Design incohérent (ou pas assez)

2- Design incohérent (ou pas assez)

Les 10 erreurs à éviter 3- Boutons d’action introuvables Design non expliqué (drag and drop) A part les jeunes enfants, l’internaute ne clique pas partout dans l’espoir de trouver un lien: il part. Ex. les premiers macs

3- Boutons d’action introuvables

Design non expliqué (drag and drop)

A part les jeunes enfants, l’internaute ne clique pas partout dans l’espoir de trouver un lien: il part.

Ex. les premiers macs

Les 10 erreurs à éviter 4- Manque de feedback Donner l’état d’avancement d’une tache L’attente est toujours mal interprétée Si plus d’une seconde d’attente: Si plus de 10 secondes:

4- Manque de feedback

Donner l’état d’avancement d’une tache

L’attente est toujours mal interprétée

Si plus d’une seconde d’attente:

Si plus de 10 secondes:

Les 10 erreurs à éviter 5- Mauvais messages d’erreur Etre clair (erreur 401!) Etre concis et visible Etre courtois Etre éducatif (plutôt qu’indisponible, donner une date ou un moyen d‘être informé)

5- Mauvais messages d’erreur

Etre clair (erreur 401!)

Etre concis et visible

Etre courtois

Etre éducatif (plutôt qu’indisponible, donner une date ou un moyen d‘être informé)

Les 10 erreurs à éviter 6- Demander deux fois la même chose Sans blague? No brainer!

6- Demander deux fois la même chose

Sans blague? No brainer!

Les 10 erreurs à éviter 7- Pas de valeurs par défaut Accélèrer le processus Enseigner par l’exemple Diriger le novice sur le site Donner une valeur standard (ex. liste rouge )

7- Pas de valeurs par défaut

Accélèrer le processus

Enseigner par l’exemple

Diriger le novice sur le site

Donner une valeur standard (ex. liste rouge )

Les 10 erreurs à éviter 8- Ne pas expliquer l’application De toutes facons, l’internaute ne les lis pas! Rappel règle 1 (design standard )

8- Ne pas expliquer l’application

De toutes facons, l’internaute ne les lis pas!

Rappel règle 1 (design standard )

Les 10 erreurs à éviter 9- Ne pas préciser pourquoi une information est demandée code postal surnom

9- Ne pas préciser pourquoi une information est demandée

code postal

surnom

Les 10 erreurs à éviter 10- Ne pas être trop technique Selon notre industrie (ex. finance?)

10- Ne pas être trop technique

Selon notre industrie (ex. finance?)

LES ERREURS D’ERGONOMIE QUE L’ON NE DEVRAIT PLUS VOIR… JAMAIS

MAUVAISE RECHERCHE Pas de fenêtre de recherche Recherches trop literales ou restreintes

Pas de fenêtre de recherche

Recherches trop literales ou restreintes

UN PDF online? Pas de pdf, c’est tout! Bris de navigation…

Pas de pdf, c’est tout!

Bris de navigation…

Couleur des liens visités 75 % des sites respectent ce code… Tonalités de la même couleur Eviter de ressembler à un hyperlien (texte en couleur ou souligné) si ce n’est pas un hyperlien!!

75 % des sites respectent ce code…

Tonalités de la même couleur

Eviter de ressembler à un hyperlien (texte en couleur ou souligné) si ce n’est pas un hyperlien!!

Taille des textes non modifiable 90 % du temps trop petite Pour les lecteurs de 40 ans et +

90 % du temps trop petite

Pour les lecteurs de 40 ans et +

Textes écrits pour la presse Écrire pour le web = règles de base: Utiliser des sous-titres Bullet points Mots clés en évidence Petits paragraphes Loi de la pyramide renversée Niveau de langage collegial

Écrire pour le web = règles de base:

Utiliser des sous-titres

Bullet points

Mots clés en évidence

Petits paragraphes

Loi de la pyramide renversée

Niveau de langage collegial

Titres non optimisés On écrit pour être lu, donc trouvé Mots clés dans les titres+html Attention aux articles: Les… Pas bon pour bookmarks et autres classements..

On écrit pour être lu, donc trouvé

Mots clés dans les titres+html

Attention aux articles: Les…

Pas bon pour bookmarks et autres classements..

Du contenu qui ressemble à des pubs Trop de mouvement Pop-ups « Banners blindness »

Trop de mouvement

Pop-ups

« Banners blindness »

Ne pas respecter les conventions Postulat de base: Les internautes passent plus de temps sur d’autres sites que sur le votre!!! Respecter les conventions = respecter les attentes de l’internaute

Postulat de base: Les internautes passent plus de temps sur d’autres sites que sur le votre!!!

Respecter les conventions = respecter les attentes de l’internaute

Ne pas répondre aux attentes Absence de prix = erreur L’internaute fait une recherche Importance de la page produit Photo Prix Disponibilité Politique de retour

Absence de prix = erreur

L’internaute fait une recherche

Importance de la page produit

Photo

Prix

Disponibilité

Politique de retour

Eyetracking-occulométrie Comment ca marche? En vidéo générale + vidéo Enquiro .

F-shape pattern 50 personnes sur 5 recherches

50 personnes sur 5 recherches

Garder en mémoire Vos objectifs A qui on parle C’est beau mais est-ce efficace? Référencement

Vos objectifs

A qui on parle

C’est beau mais est-ce efficace?

Référencement

EXEMPLE DE CEUX QUI ONT TOUT COMPRIS - POUR INSPIRATION

Section sécurité

Vol d’identité 42 % de toutes les fraudes (US International Trade Commission) Fraude ayant la plus forte hausse au Canada.

42 % de toutes les fraudes (US International Trade Commission)

Fraude ayant la plus forte hausse au Canada.

Chiffres Pourtant le vol d’identité se fait surtout ailleurs: Vol de laptops Viol de DB ( CIBC ) Vos poubelles!!! Site dédié du gouvernement du Qc insistant sur le vol par internet Lire cet article sur le vol d’identité au Québec

Pourtant le vol d’identité se fait surtout ailleurs:

Vol de laptops

Viol de DB ( CIBC )

Vos poubelles!!!

Site dédié du gouvernement du Qc insistant sur le vol par internet

Les conseils du gouvernement

RÉFÉRENCEMENT

Référencement organique En 2008, c'est environ 20% des budgets qui vont à l'organique VS 80% en référencement payant. PROBLÈME ?

En 2008, c'est environ 20% des budgets qui vont à l'organique VS 80% en référencement payant.

Référencement organique iProspect via eMarketer : 7 visiteurs sur 10 cliqueraient sur un résultat dans la première page seulement, 4 d'entre eux dés les 3-4 premiers résultats.

iProspect via eMarketer :

7 visiteurs sur 10 cliqueraient sur un résultat dans la première page seulement,

4 d'entre eux dés les 3-4 premiers résultats.

Référencement organique 92% qui ne cliquent que dans les 3 premières pages de résultats. "deep-divers" de plus en plus rares Évitez vous aussi: raffinez avec + mots Plus de la moitié des internautes changeraient de requête lorsqu'ils ne trouvent pas ce qu'ils cherchent dans la première page= IMPORTANCE DU REF Source: E-marketer

92% qui ne cliquent que dans les 3 premières pages de résultats.

"deep-divers" de plus en plus rares

Évitez vous aussi: raffinez avec + mots

Plus de la moitié des internautes changeraient de requête lorsqu'ils ne trouvent pas ce qu'ils cherchent dans la première page= IMPORTANCE DU REF

Référencement organique 2 mots: 28,38% 3 mots: 27,15% 4 mots: 16,42% 5 mots: 8,03% 1 mot: 13,48% 6 mots: 3,67% 7 mots: 1,63% 8 mots: 0,73% 9 mots: 0,34% 10 mots: 0,16% La majorité, des requêtes sur les moteurs de recherche sont formulées sous la forme de deux mots-clés

2 mots: 28,38%

3 mots: 27,15%

4 mots: 16,42%

5 mots: 8,03%

1 mot: 13,48%

6 mots: 3,67%

7 mots: 1,63%

8 mots: 0,73%

9 mots: 0,34%

10 mots: 0,16%

La bourse des mots clés

Référencement payant Selon eMarketer Google s’octroie 75% du marché US Un marché en croissance de 60% entre 2006 et 2007. Yahoo! en seconde position, recueille 9% du marché Tous les autres se partagent 16%.

Selon eMarketer Google s’octroie 75% du marché US

Un marché en croissance de 60% entre 2006 et 2007.

Yahoo! en seconde position, recueille 9% du marché

Tous les autres se partagent 16%.

Référencement payant Voilà pourquoi Google est encore déclarée marque la plus puissante du monde Source: Milward Brown

Voilà pourquoi Google est encore déclarée marque la plus puissante du monde

Référencement payant UN marché de $8.6 milliards en 2007. 16% = $1.4 billion! Non négligeable Le marché doublerait à $16.6 milliards en 2011, Une petite part demeure un gros revenu.

UN marché de $8.6 milliards en 2007.

16% = $1.4 billion! Non négligeable

Le marché doublerait à $16.6 milliards en 2011,

Une petite part demeure un gros revenu.

Mais est-ce que ca marche?

Mais est-ce que ca marche?

Mais est-ce que ca marche?

Mais est-ce que ca marche?

LE CAS DE LA VIDÉO

LE CAS DE

LA VIDÉO

Les vidéos Comparatif CTR moyen par format média (en Europe) Bannières standards: 0.18% Pop-ups, calques publicitaires (layers ads): 0.6% Annonces vidéo: 4% !

Comparatif CTR moyen par format média (en Europe)

Bannières standards: 0.18%

Pop-ups, calques publicitaires (layers ads): 0.6%

Annonces vidéo: 4% !

Les vidéos Comment les internautes trouvent des vidéos ( emarketer ): 28% par hasard (navigation non assistée, surfing session) 27% sur recommandation d’un ami 22% par engins de recherche

Comment les internautes trouvent des vidéos ( emarketer ):

28% par hasard (navigation non assistée, surfing session)

27% sur recommandation d’un ami

22% par engins de recherche

Les vidéos Le nombre de visionnements de vidéos en ligne a bondi de 66% en février par rapport à l'an dernier aux États-Unis, selon comScore.

Le nombre de visionnements de vidéos en ligne a bondi de 66% en février par rapport à l'an dernier aux États-Unis, selon comScore.

Les vidéos Le tiers des 10 milliards de visionnements mensuels de vidéos sur le Web se fait sur YouTube. 15% de hausse en un an. Croissance youtube inférieure à celle du marché

Le tiers des 10 milliards de visionnements mensuels de vidéos sur le Web se fait sur YouTube.

15% de hausse en un an.

Croissance youtube inférieure à celle du marché

Conseils pour référencer vos vidéos Le nom du fichier “ bo2008x.mov ” Versus « video-scoop-president-barack-obama-2008.mov » !

Le nom du fichier

“ bo2008x.mov ”

Versus

« video-scoop-president-barack-obama-2008.mov » !

Conseils pour référencer vos vidéos 2- méta-tags Informations sur le titre, l’auteur, la description et les mots clés. Métadonnées insérées via le logiciel de création de fichier vidéo.

2- méta-tags

Informations sur le titre, l’auteur, la description et les mots clés.

Métadonnées insérées via le logiciel de création de fichier vidéo.

Conseils pour référencer vos vidéos 3- Format 10 min max 100 Mo . Max (ex youtube) MP4 ou flash vidéo

3- Format

10 min max

100 Mo . Max (ex youtube)

MP4 ou flash vidéo

Conseils pour référencer vos vidéos 4- Ajouter un texte explicatif Utiliser des mots clés Balises html: <strong> (gras) et <h.> (titre).

4- Ajouter un texte explicatif

Utiliser des mots clés

Balises html: <strong> (gras) et <h.> (titre).

Conseils pour référencer vos vidéos 5- Ajouter des tags Surtout sur les plateformes comme youtube Mais aussi sur votre propre site

5- Ajouter des tags

Surtout sur les plateformes comme youtube

Mais aussi sur votre propre site

Conseils pour référencer vos vidéos 6- Mise en valeur Créer une page distincte qui aura sa propre URL, titre, description et tags . Éviter les pop-up

6- Mise en valeur

Créer une page distincte qui aura sa propre URL, titre, description et tags .

Éviter les pop-up

Conseils pour référencer vos vidéos 7- Transcription Lien avec le transcript du vidéo Close captioning?

7- Transcription

Lien avec le transcript du vidéo

Close captioning?

Conseils pour référencer vos vidéos 8- Google site maps Pour recherche universelle

8- Google site maps

Pour recherche universelle

Conseils pour référencer vos vidéos 8- Créer un fil RSS Pour référencement sur itunes , joost , miro … … Plus que pour les 5% de la population qui ont un reader.

8- Créer un fil RSS

Pour référencement sur itunes , joost , miro …

… Plus que pour les 5% de la population qui ont un reader.

Conseils pour référencer vos vidéos 9- Pensez aux réseaux sociaux Youtube, facebook, myspace… et toutes les plateformes sociales Règle des 3S du viral: shocking, sexy or stupid ( exemple )

9- Pensez aux réseaux sociaux

Youtube, facebook, myspace… et toutes les plateformes sociales

Règle des 3S du viral: shocking, sexy or stupid ( exemple )

Nouvelles tendances vidéos à surveiller Des commentaires vidéos? (danger des spams) Vidéo micro-blogging ( Seesmic ) Pubs incrustées dans les vidéos Agrégateurs de sites vidéos ( mogulus ) Vidéo cell. (mobilité, forfaits gratuits…)

Des commentaires vidéos? (danger des spams)

Vidéo micro-blogging ( Seesmic )

Pubs incrustées dans les vidéos

Agrégateurs de sites vidéos ( mogulus )

Vidéo cell. (mobilité, forfaits gratuits…)

Mesurer le succés de vos vidéos L’outil de Youtube: Insights Outils privés: streametrics.tv Nombre de commentaires

L’outil de Youtube: Insights

Outils privés: streametrics.tv

Nombre de commentaires

Outils de mesure - GA

Google analytics

Autres outils: xiti

xiti

Xiti encore

Le nombre de clics n’est pas le plus important Observer plutôt: Taux rebond P/V Temps par visite Nombre de visiteurs (et pas de visites) Taux conversion ($, abonnements) Tunnel-chemin de conversion Interaction (Commentaires, notes…)

Observer plutôt:

Taux rebond

P/V

Temps par visite

Nombre de visiteurs (et pas de visites)

Taux conversion ($, abonnements)

Tunnel-chemin de conversion

Interaction (Commentaires, notes…)

Le petit dernier!

Pour aller plus loin

Pour finir: Le vidéo le plus vu sur le web

Le vidéo le plus vu sur le web

PÉRIODE DE QUESTIONS

PÉRIODE DE QUESTIONS

MERCI ! CONTACT : Sacha Declomesnil, Consultant en web-marketing Tel: 514-220-8022 Mon blogue: la fontaine de pierres Mon profil facebook :

CONTACT :

Sacha Declomesnil,

Consultant en web-marketing

Tel: 514-220-8022

Mon blogue: la fontaine de pierres

Mon profil facebook :