Aller au contenu | Aller au menu | Aller à la recherche

Tag - ergonomie

Fil des billets - Fil des commentaires

30 mars 2010

Comparatif Elysee.fr et The White House

Par Guy-Philippe le 30 mars 2010, 19:00 - Conception Web

Le site de l'Élysée est en ligne depuis quelques jours déjà et personne n'est dupe, la charte graphique est similaire au site The White House à quelques détails près.

Après cette analyse exhaustive de la page d'accueil du site de l'Élysée. Mon constat est simple. Le site est une copie ratée du site The White House. Le signal envoyé aux concepteurs Web mondiaux c'est que nous sommes des suiveurs et non des créateurs. Cette réalisation m'a vraiment déçu, l'agence qui a réalisé ce site nous fait passer pour de simples plagiats dénoués de talent et sans idées innovantes. Je trouve dommage qu'avec le savoir-faire disponible sur notre territoire, nous ayons encore des sites de cet acabit.

La charte graphique

Je trouve le design de The White House beaucoup plus soigné avec un contenu mieux structuré. Les couleurs utilisées sont moins fades et les polices de caractères plus lisibles.

L'ergonomie de la page d'accueil

Capture écran du site The White House
Page d'accueil The White House (Résolution 1024x768)

The White House dans une résolution de 1024x768 nous avons accès directement à (1) l'inscription newsletter, (2) zone de recherche visible, (3) multiples liens directs vers du contenu additionnel. Une icône d'accès au flux RSS des actualités est positionnée astucieusement au niveau du titre Blog.

Capture écran du site de l'Elysée, mars 2010
Page d'accueil L'Élysée (Résolution 1024x768)

Sur l'Élysée la zone de recherche nécessite un scroll vertical. Elle n'est pas visible dans une résolution de 1024x768. L'espace est moins bien exploité, et il n'y a qu'un seul lien "en savoir plus" qui est proposé pour le contenu additionnel. L'icône d'accès au flux RSS des actualités est totalement dissociée en étant mise à l'intérieur de la zone Restée connectée.

L'inscription à la newsletter

The White House propose un lien dans le haut de page à droite tandis que sur la version de l'Élysée il est nécessaire de scroller verticalement la page pour trouver le champ c'est une erreur à mon sens, surtout pour le taux de conversion. Cependant il n'y a pas de clic supplémentaire le champ étant directement accessible sur l'accueil.

Validation W3C, Accessibilité et performance Web

The White House

Test performance Web YSLow

Grade C, Overall performance score 72, la page a un total de 62 requêtes HTTP pour un poids total de 1193.2Ko

Graphique YSlow Site The White House, mars 2010
Télécharger le rapport complet (Format PDF)

L'Élysée

Test performance Web YSLow

Grade E, Overall performance score 55, la page a un total de 127 requêtes HTTP pour un poids total de 2950.7Ko

Télécharger le rapport complet (Format PDF)

La page d'accueil de l'Élysée est beaucoup plus longue à charger que celle de The White House, la bande passante consommée sera plus importante donc un coût financier accru sur l'hébergement.

2 commentaires

21 octobre 2009

Refonte site Web, le cas Allociné

Par Guy-Philippe le 21 octobre 2009, 16:08 - Conception Web

Quelle stupéfaction j'ai eu lorsque j'ai regardé la refonte du site Allociné. Que dire, mis à part que ce redesign web a été raté.

Refonte d'un site Internet

On doit tenir compte de l'existant et du schéma de navigation (habitude de l'internaute).

Que vient chercher l'internaute sur mon site ?

La date de sortie d'un film, une séance de cinéma dans ma ville, une nouveauté... Du contenu lisible et accessible très rapidement.

Lisibilité du contenu, la taille du texte

On peut se rendre compte que la taille de police de caractères varie de 11px à 8px et  le contraste gris sur fond blanc pour le texte secondaire ne sont pas forcément très lisibles.

Taille de police de caractère Allociné

Par exemple la copie d'écran ci-dessus, montre que les commentaires liés à la fiche du film sont illisibles.

Navigation, les liens

Liens Allociné, 4 styles différents

On essaie au maximum de respecter les couleurs, mais aussi le style de lien (souligné) afin que l'internaute s'y retrouve et ne casse pas ces repères de navigation. On peut constater qu'ils proposent des liens soulignés et non soulignés, ce qui peut tromper l'internaute. Dans le cas d'Allociné 4 types sont disponibles (souligné, non souligné, gras, regular).

Cas d'étude

Je suis un internaute de Nice potentiellement intéressé par la sortie du film 2012 et notamment de sa sortie au cinéma, je suis donc à la recherche des séances disponibles dans ma ville.

Objectif

Chercher une séance de film 2012 dans un cinéma de Nice.

Description expérience utilisateur

Page d'accueil, je ne vois pas de zone lié au séance de film.

Je clique sur le menu déroulant cinéma. Aucun terme se rapportant à séance de cinéma ou séance de cinéma près de chez vous.

Je tape dans le moteur de recherche le mot clé 2012. 2 résultats me sont proposés. Le premier correspondant au film que je recherche, je clique pour y accéder. La fiche du film apparait, sa description, mais J'ai du mal à localiser la navigation secondaire qui se trouve en bas à gauche, et dans laquelle se trouve un lien séances.

Je clique sur séances.

Le moteur de recherche apparait, je tape Nice puis je clique sur le bouton rechercher. Aucune séance de cinéma à Nice n'est disponible (aucun message d'avertissement) et je n’ai que les résultats des Bouches-du-Rhône au lieu de me proposer les cinémas de Nice ainsi que les séances films disponibles dans ceux-ci.

Résultat de recherche, étude de cas sur mot clé Nice

Concrètement, j'abandonnerais ma recherche à la localisation de la navigation, comme certains utilisateurs me l'ont signalé.

Amélioration expérience utilisateur

Amélioration ergonomie résultat de recherche Allociné

Une idée, pourquoi lorsque l'on trouve aucun résultat pour une séance de film on ne l'indique pas à l'internaute. Exemple de conversion d'utilisateur : Nous sommes désolés, mais ce film n'est actuellement pas sorti plus un champ texte pour laisser son e-mail et être averti dès que celui-ci sera disponible dans une salle de Nice.

Conclusion

Si vous souhaitez plus d'amélioration ergonomique et une étude ergonomique de votre site, n'hésitez pas contactez-nous, nous nous ferons un plaisir de vous faire une proposition commerciale.

2 commentaires

19 juillet 2009

Le temps de chargement des pages web toujours d'actualités

Par Guy-Philippe le 19 juillet 2009, 14:25 - Performance web et optimisation web

Les concepteurs Web ont tendances à penser que les utilisateurs d'Internet demandent de plus en plus d'applications sophistiquées. Cependant, ce sondage de 318 internautes indique que l'intérêt des utilisateurs Web passe par un chargement rapide des pages et une bonne organisation du contenu.

  • 50.9% "temps de chargement long"
  • 24.8% "contenu désorganisé"
  • 24.2% "aspect esthétique"
Un site long a charger qui a un contenu désorganisé (mauvaise ergonomie) vous êtes sur que vous perdrez 75,7% de vos visiteurs même si celui-ci à un design magnifique.

Source : Webdesignerwall.com

- page 1 de 5