Publicité Interactive de Hewlet Packard

La nouvelle publicité interactive de Hewlet Packard, visible en ce moment sur le site Lifehacker.com, va inaugurer cette nouvelle catégorie de billet. Ce premier Ergoflash complète un de mes billet précédent sur l’intrusion des pub sur le web : Pub et contenu une cohabitation est-elle possible ?

pub HP

Intrusive ou fourbe ?

A première vue, ni l’une ni l’autre ! Cette bannière se charge rapidement avec comme ouverture un fondu noir sur une image statique.

Situé dans le header du site, ce pavé reste à  la fois ostensible mais pas plus qu’une méga-bannière animée au format 728x90px. Son inertie permet à  l’utilisateur d’en faire facilement abstraction.

Toutefois méfiez-vous des apparences, cette publicité reste trompeuse : la mention « Rollover to expand » n’est pas visible au premier regard car elle est aux dimensions du packshot et lui est superposée. Si l’utilisateur a le malheur de passer son curseur dessus sans avoir eu la peine de lire la mention… C’est le drame !

La publicité s’anime et vient recouvrir une partie du contenu du site. D’accord, un effet « Waow » se produit auprès de l’internaute lorsque cette dernière se déploie. Il faut bien l’avouer, cette publicité est très bien réalisée et permet une présentation du produit assez détaillé grâce à  sa réalisation qualitative en Papervision 3D.

Je vous laisse la tester sur Lifehacker.com et visiter par la même occasion le portfolio du studio berlinois Whitevoid.com qui utilise le même principe de navigation.

Publicité Interactive de Hewlet Packard

Rencontre avec Adobe et plusieurs bloggeurs

Il y a une semaine à  peine, j’ai été conviée à  un apéro réunissant une poignée de bloggeur et des intervenants de chez Adobe. L’objectif de cette soirée était un débat autour des métiers numérique, ses langages et les nouvelles pratiques professionnelles sur les interfaces homme/machine (IHM).

adobe

Une dizaine de questions ont été abordées et chacun devait y apporter son expérience :

  • Quelles sont les technologies matérielles idéales pour les interfaces homme machine (IHM) ?
  • Quelles interfaces pour quels usages ?
  • Quelles sont les incidences des nouvelles interfaces sur les métiers des concepteurs ?
  • A quoi ressemble une IHM idéale ?
  • Les IHM peuvent-elles (doivent-elles) converger avec l’accessibilité ?
  • Les interfaces actuelles peuvent être perçues comme un filtre. Leur amélioration est elle un gain ou une contrainte ? Y-a-t-il un risque intrusif ? Sont-elles un vecteur d’accélération entre bio et techno ?
  • Dans quelles mesures les IHM peuvent fédérer des communautés ? Sont-elles un moyen de démocratiser les technologies ?
  • Comment les nouvelles IHM peuvent influencer le design ?

Les personnes présentes : Eric Di Pol (Superfiction), étienne Mineur (Incandescence), Peter Gabor (Design et Typo), Galdric Pons (Hebiflux / l’Atelier), Sylvain Weber (QuestionsOuvertes.com), Thibault Imbert (ByteArray / Adobe), Stephane Baril (Adobe), Stéphanie Saissay (Adobe).

Une initiative d’Adobe très enrichissante grâce à  la diversité des personnes conviées et leurs témoignages. Même si nous n’avons pu répondre à  toutes les questions, nous avons évoqué, comparé et critiqué divers exemples par rapport à  nos habitudes professionnels : nouvelles fonctionnalités et incohérences de plusieurs logiciels, l’utilisation de la souris face au stylet de la tablette graphique, prise en main et ergonomie de l’iphone, nouvelles méthodes de recherche sur le web, les besoins des particuliers face aux professionnels…

Habitudes et nouveautés

Malgré toutes les suggestions qui ont été abordées, une problématique implicite revenait régulièrement : notre réticence au changement, nos difficultés à  s’adapter à  des nouveautés que ce soit sur des applications desktop, mobiles, interfaces web, ou des objets. Beaucoup d’idées, d’intentions ont été imagées, suggérées pour révolutionner notre quotidien et nos incompréhensions face à  ces nouvelles interfaces.

Une question me turlupine depuis bien longtemps et je profite de ce billet pour la poser : Bien souvent sur le web, les utilisateurs rejettent au premier abord de nouvelles interfaces sans avoir pris le temps, l’envie et la curiosité de les tester. Comment faire accepter en douceur de nouvelles fonctionnalités (ou interfaces) sans créer un bouleversement dans leurs habitudes ?

Rencontre avec Adobe et plusieurs bloggeurs

Ergospeed #16 : Widget FnacMusic.com

Il y a seulement deux jours que je viens de découvrir le widget de la FnacMusic, « mieux vaut tard que jamais ». Ce widget de bureau permet d’avoir en temps réel les différentes actualités musicales telles que les dernières sorties, les meilleurs ventes d’albums, les coup de coeur de la Fnac…

Navigation circulaire

Ce widget, nommé « Caroussel 3D » par ses créateurs l’agence Nosibay, a une approche assez attractive entre l’utilisateur et l’interaction qui en résulte. Grâce à  son ouverture dynamique qui se déploie progressivement l’utilisateur comprend directement le sens de lecture circulaire de ce widget et son fonctionnement.


Sur ce screencast, vous pouvez apercevoir comme la fluidité et la circulation dans ce widget se fait assez instinctivement. Le rollover d’un élément graphique se manifeste par le zoom avant de ce dernier et le retrait en profondeur des autres. Nous pouvons y mentionner la loi de Fitts qui résume dans ce cas présent la taille et la proximité de chaque élément permettant une meilleure utilisabilité.

Loi de Fitts
Le temps que l’on met pour atteindre une cible est proportionnel à  la distance à  laquelle elle se trouve, ainsi qu’à  sa taille. Plus précisément, une cible est d’autant plus rapide à  atteindre qu’elle est proche et grande.
Amélie Boucher

Schéma widget Fnac Music

Malheureusement, quelques regrets apparaissent sur les fenêtres de navigation qui permettent d’accéder à  l’information :

  • L’esthétisme est décevant et n’est pas homogène à  celui du widget
  • La consultation du contenu se fait en utilisant 2 boutons « haut/bas » pour passer d’une page à  l’autre. Un scroll est sans doute suffisant et plus rapide dans son utilisation
  • Les boutons situés dans la barre de navigation sont illisibles à  cause de leur petites tailles. Cela entraine une incompréhension de leur fonctionnalité
  • Le widget est seulement disponible pour Windows. Tchao les Macs !

Billets similaires à  une navigation circulaire :

Derniers Ergospeeds :

Ergospeed #16 : Widget FnacMusic.com

Ergophile a 1 an…

Ergophile 1 an … depuis le 1 juillet 2007 à  3h04 du matin précisément. Eh oui ! 1 an déjà . Ce billet n’est pas un récapitulatif de tous mes écrits mais juste un condensé de ces 12 derniers mois : statistiques, conséquences, rencontres et bien sûr évolution de ce blog.

Conséquence d’Ergophile

Tout commence par la sortie de la v2 de Ziki qui me déplaisait fortement et qui fut mon premier Ergotest. Quelques mois plus tard, la v3 vu le jour et JF Ruiz (directeur de Ziki France) m’envoie un email de remerciement pour mon billet qui a été un élément déclencheur. Suite à  ce petit évènement, Techcrunch écrit à  son tour un billet sur ce sujet « De l’influence d’un blog« .

Au cours des mois, j’ai continué à  écrire, lire, surfer, observer et apprendre. En février 2008, l’équipe de Deezer avait eu part de mon Ergotest sur la V1 de leur site et recherchant une graphiste/webdesigner en ce début d’année 2008, ils m’ont contacté directement et m’ont proposé un poste. Bien entendu, j’ai accepté avec joie cette opportunité.

Ce blog m’a permis aussi de rencontrer de nombreuses personnes enrichissantes qui m’ont conseillé et partagé leurs connaissances. Merci à  elles !

Les statistiques de Google Analytics

Statistiques d’Ergophile

En regardant la courbe des statistiques, vous pouvez apercevoir 2 piques. Le premier date du 10 août 2007 : 493 visites, l’Ergotest sur Ziki est parue en home de Scoopeo. Le deuxième date du 17 novembre 2007 : 621 visites, parution sur Techcrunch. Après je ne suis pas une spécialiste des chiffres donc…

Récapitulatif des billets :
Comme dit dans mon Twitter, eh oui maintenant j’en ai un… il faut bien commencer un jour.

« Ergophile à  1 ans depuis 3h du mat ! 41 billets ont été écrits, 252 commentaires… Bientà´t un billet plus précis dessus 🙂  »

Vous trouverez un récapitulatifs de toutes mes publications dans la rubrique « Récap des Billets« . A propos de ce compte Twitter, il va principalement me servir à  twitter des sites que je trouve intéressant à  voir mais que je n’ai pas forcément le temps d’écrire dessus.

Et maintenant… que vais-je faire ?


tKaap Galaxy : Vidéos « wall-e« 

C’est vrai que c’est 3 dernier mois, je n’ai pas été très assidue sur Ergophile car faute de temps. En à  cà´té de mon travail, je consacre beaucoup de mon temps au projet tKaap et Galaxy dont vous pouvez voir un aperçu avec ce widget ci-contre. (Plus de détails sur ce projet sur tKaap.com/blog)

Pour la suite d’Ergophile, bien sûr je ne vais pas arrêter mais essayer de m’organiser au mieux afin de prendre le temps d’écrire. Je prévois de faire un nouveau thème qui se nommera Ergoflash (ok, je sors !). Il sera consacré au site utilisant la technologie Flash. Je vais aussi améliorer la présentation de ce blog en réorganisant la colonne de droite qui devient un peu « bordélique ».

Si vous avez des remarques ou suggestions, n’hésitez pas 🙂

Ergophile a 1 an…