Un site de commerce en ligne un peu déroutant pour aujourd’hui, le site HEMA.
En effet le site se presente au dabord comme un banal site e-commerce mais après quelques seconde les produits s’animent pour mettre le bazard sur le site!
Animation très intéressante pour un nouveau concept marketing de site de vente en ligne!
Petit billet pour vous présenter le site de Chanel mode.
L’immersion sur le site et dans l’univers marque est directe grâce à une habile utilisation des images et de la vidéo. L’esprit de la marque est préservé : pureté, simplicité, élégance et suffisance.
La naviguation est très simple et l’accès à l’information très rapide.
Voici la nouvelle interface du site Audi !
Une pure merveille, véritablement immersif, des transitions sublimes, bref ne vous privez pas de cette petite visite!
Ergonomic garden , le blog de l’ agence SQLI à publié la semaine dernière une analyse concernant la refonte ergonomique du site devismutuelle.com, je vous conseille de lire cet article qui est fort intéressant!
Bonne journée 
!
Je tiens tout d’abord à m’excuser de mon absence ce dernier mois qui fut réelement chargé mais me revoici petit blog pour un nouvel article!
Elie Sloim, qui est une référence en matière d’ergonomie, à réalisé en collaboration avec Designer interactif un workshop au café Dune de Paris (10e) jeudi 2 avril.
Le projet Openquast que je conseil de suivre, dresse des fiches concernant bonnes pratiques du web classés par categories, et propose même l’analyse de votre site!
Voilà un petit Résumé du Workshop de la soirée :
Recensement des qualités Web générales a tous types de site par Elie Sloïm, de Temesis :
- Poids de Page,
- Disponibilité,
- Tenue en Charge,
- Fichier en téléchargement (poids et format),
- Compatibilité du navigateur,
- Os, Résolutions et Périphériques,
- Impression polices ,
- Plugins – Techno,
- Respects des standards,
- Moteurs de recherche, Vitesse.
- Référençement,
- Accessibilité,
- Présence de liens entrants,
- Absence de FAI dans l’url,
- URL Rewriting (Réécriture de l’url),
- Absence de Paramètres dans l’url,
- Url : Courte et cohérente.
- Lisibilité Contraste,
- Harmonie Couleurs,
- Ergonomie,
- Arborescence claire,
- Absence des pop-up,
- Absence de son déclenché,
- Permanence du Menus ,
- Liens différents des contenus.
- Présence des sources,
- Orthographe,
- Présence de date de MAJ ,
- Contenus hiérarchisés,
- Items signifiants. (Menu),
- Pertinence des résultats de recherche.
- Formulaire,
- E commerce,
- Délais de réponse,
- Personnalisation Réponse.
Comprenez bien que toutes ces bonnes pratiques ne sont pas obligatoires pour un site efficace mais sont à prendre en compte.
Voila je vous souhaite une bonne journée et à très bientôt!
Il y a sur le site lemonde.fr, cette intéressante carte qui dresse le bilan d’utilisation des réseaux sociaux selon les pays et continents du monde.
Je vous invite aussi à lire cette brève sur le site de TechCrunch Reseaux sociaux : la lutte fait rage.
Facebook vient de publier sur son blog un lien vers les previews du nouveau design : plus ergonomique ! ^^.
En effet la team à prevu d’intégrer des onglets en haut des pages profils pour séparer les informations personnelles : “wall posts”, « about » et « photos » afin d’acceder à l’information souhaitée plus rapidement. (plus d’effiscience).
Facebook se composera donc, après validation du nouveau design par le groupe : « Facebook Preview » (prévu à cet effet et accessible via le billet du blog Facebook), de 2 menus horizontaux : l’habituel menu de navigation principale, auquel s’ajoute le menu de navigation du profil consulté, qui diminuera bien entendu la longueur des pages dans lesquelles le scroll n’en finissait pas!
Facebook est donc bien meilleure que Myspace où autre Amiz, mais le service proposé reste de prise en main délicate, à cause d’une interface trop complexe, trop riche mais surtout pallie d’un manque de traduction française ( en revanche ne vous inquiétez pas sur ce dernier point, ils y travaillent).
Je vais ainsi tenter de dresser un rapide bilan ergonomique du site :
Concernant son contenu, Facebook bénéficie d’une grande crédibilité, avec 60 millions d’utilisateurs et une activité clairement identifiable dès la page d’acceuil du site : « Facebook is a social utility that connects you with the people around you.” ainsi qu’une énumération des activités principales du site. Le Contenu, régulièrement ajouté et agrémenté par les utilisateurs fait vivre le site. En revanche le contenu lié aux applications externes du sites repose sur une trop grande importance de la publicité, principal point sensible de Facebook. Je vous conseille à ce sujet de lire ce billet sur les fondements du modèle économique de facebook sur le blog Fredcavazza.net qui date un peu mais reste d’actualité sur ce paragraphe.
Le mini-feed gère les nouveautés « A la manière de… » un flux rss et on reste informé de l’activité du site et de nos contact d’un rapide coup d’oeil.
Concernant maintenant l’ergonomie générale du site : la Navigation est simple, en 3 colonnes, avec un Menu principal en haut, respectant les lois de proximité pour l’information en créant 2 groupes : à gauche les liens relatifs à l’utilisation de son profil et à droite des liens liés à l’utilisation du site en général. S’ajoutera à ce menu, le deuxième menu horizontal pour la visualisation simplifiée du profil consulté! La page de consultation des profils est bien gérée, la photo et le mini-feed sont bien placés.
La disposition des éléments est effectuée par blocs déplaçables à la Netvibes.
La barre de recherche est bien placée ainsi que le logo.
L’Iconographie simple et claire pour le site de base et les applications principales.
Les Liens sont clairs sauf sur les album photos ou la navigation est peu compréhensible.
Le Design du site est soigné mais un peu trop technophile, la Charte réponds bien aux attentes utilisateurs mais selon moi n’est pas assez « folklorique », trop sérieuse pour la cible visée. Le site n’est pas en premier lieu un site de réseau social professionnel comme Viadéo, et ce notamment à cause d’applications de type jeux ou « hug me » et de groupes qui décrédibilisent le site de l’aspect professionel, cela n’est pas mauvais en soi mais ne colle pas avec la charte adoptée du site. Plus de couleurs, d’extravagance seraient bienvenus pour un public visé plus jeune, plus « Fun » et moins sérieux. En revanche le graphisme épuré et sobre met en avant le contenu et les pictogrammes appuient réellement l’information.
Pour l’interactivité Facebook est un Outil de mise en relation donc cet aspect n’a pas été négligé, heureusement. L’outil de recherche est bien pensé et propose beaucoup d’options.
Du point de vue de l’Accesibilité, l’ url du site est simple mais l’ url pour accéder directement a un profil n’est pas propre, pas réecrit. L’information est gratuite mais le contenu est bien trop orienté marketing. Pas de possibilité de grossir la police, facebook n’est pas pensé pour les mal voyants. En revanche il y a un bon taux de contraste entre le fonds et le texte, le temps de chargement des pages est relativement rapide et il n’y à pas de logiciel requis a lutilisation de l’application princiaple du site. Le site n’étant pas traduit en francais le site perd en accessibilité francophone.
Facebook est en revanche peu accessible aux developpeurs puisque utilise son API propriétare, nous sommes ici loin de la souplesse des API et de la rigueur des Web Services.
En conclusion Facebook est un bon site de réseau social, qui dépasse MySpace ou autres Skyblogs, mais qui propose une Charte graphique trop sérieuse qui se rapproche de Viadéo ou LinkdIn pour un public visé plus jeune et moins sérieux. Son principal default réside dans ses applications optionnelles, trop orienté vers la publicité et qui « spamment » l’utilisateur. A bientôt, Maxime!
Je vous conseille d’aller jeter un petit coup d’œil sur interface d’Orange, qui propose un défilement vertical sans fin afin d’illustrer les infinies compétences de la marque!
En effet le code de la page crée et dispose aléatoirement des éléments tout au long d’un arc en ciel vertical de manière à créer un site « infini ». La navigation un peu déroutante se fait à la verticale et l’avancée s’effectue au fur et à mesure du scroll.
Les interfaces s’ouvrent de plus en plus vers la 3D, c’est le cas des systèmes d’exploitations (Léopard, Vista), grâce aux améliorations matérielles. C’est aussi le cas des interfaces web grâce à la démocratisation du Haut debit.
C’est pourquoi je vous propose aujourd’hui une interface totalement en 3d, avec une navigation très intuitive dans un univers sobre mais efficace : le dernier site de nike : XX3, une merveille à découvrir de toute urgence!
Un concept de Navigation innovant et très habile qui s’effectue via la souris dans un univers consacré au basketball!
J’en profite pour poster un lien vers l’interface 3d de Dailymotion, qui est élégante et originale et qui s’oppose à celle de son concurrent : Youtube, qui n’est pas en 3D.
Pour se rendre sur celle de Youtube, prenez une vidéo au hasard et passez en mode plein écran.
Sur la traditionnelle barre de controle, à coté du bouton pause (ou lecture), vous remarquerez un petit bouton non habituel. Cliquez dessus pour acceder à l’interface innovante de Youtube.
Bonne visite, maxime.
Je vous propose pour ce second billet 2 interfaces vidéos qui ressortent de part leur qualité :
le site Stella Artois,
le site du jeu Assassin’s Creed.
Ces 2 interfaces immergent l’internaute dans leur univers de part le rendu video et les interactions possibles qui orientent l’internaute vers son information. Ces sites font l’illustration par la démonstration. L’information est volontairement raccourcie pour laisser place à plus de démonstration!
Bonne visite, maxime.