Ergotest #05 : Netvibes Ginger (pré-béta)

Deux grands évènements ont eu lieu ces dernières semaines pour l’équipe de Netvibes : la récompense de la meilleure startup internationale aux Crunchie Awards 2008 et très prochainement l’apparition de leur nouvelle version : Ginger. En toute honnêteté, j’ai quitté Netvibes pour Google Reader il y a moins de 6 mois car ce dernier comporte de nombreuses fonctionnalités supplémentaires. Depuis quelques jours, j’ai la chance de tester Ginger en bêta privée. Cela va-t-il me faire revenir vers Netvibes ? (cet Ergostest portera uniquement les nouvelles fonctionnalités)

MAJ : Cette version Ginger est actuellement qu’une pré-béta. Aujourd’hui, de nombreuses fonctionnalités sont en cours d’améliorations. Il ne s’agit en aucun cas de la version finale. Ces pré-tests sont mis en place afin d’avoir les feedbacks des utilisateurs pour améliorer Ginger. Donc n’hésitez pas à  contacter l’équipe de Netvibes.

A lire aussi le billet fort intéressant de Thomas Parisot.

A Propos

Netvibes Logo Netvibes, startup française basée à  Paris et Londres, est lancé en septembre 2005 par Tariq Krim et Florent Frémont. Leur startup du même nom est une page d’accueil / un agrégateur personnalisable. Aujourd’hui, de nouvelles fonctionnalités apparaissent. Pour en savoir plus je vous invite à  lire leur blog.

Ci-dessous la page d’accueil de Netvibes v1 :
Netvibes v1

Page d’accueil de Netvibes Ginger

Ci-dessous ma page privée Netvibes Ginger. Vous allez me dire : « pas grand changement à  première vue ». Et pourtant…
Netvibes Ginger ma page

Intégration de l’écosystème

L’écosystème de Netvibes est une base de données conséquente à  laquelle tout internaute peut : ajouter des modules Netvibes, agrémenter l’annuaire de flux RSS ou de Podcasts, créér des Univers en regroupant plusieurs flux RSS ou podcasts ayant des mêmes sujets comme Ergo IHM présenté dans un billet précédant.

Maintenant avec Ginger, cet écosystème est directement intégré dans notre page personnelle et nous permet une meilleure organisation et classification des widgets (entre autre).
Netvibes Ginger Ecosyteme

01Cette barre noire est le menu principale de l’écosystème. Ce repère permet une navigation globale par son omniprésence qui permet à  l’utilisateur d’accéder à  cet espace en permanence. Ses couleurs sombres lui permettent de se démarquer de l’espace personnalisable de l’utilisateur. Chaque icà´ne est accompagné de son libellé qui est explicite afin de permettre une meilleure compréhension de sa fonction.

02Cette zone est une navigation locale qui s’adapte aux rubriques en cours de consultation : il y aura 2 ou 3 fragmentations afin d’établir une hiérarchisation du contenu par raffinement. C’est-à -dire que les choix et les actions de l’utilisateur se feront étapes par étapes. Ici, par exemple, Ginger lui propose de :

  • 1er colonne : « trouver des amis ».
  • 2ème colonne : sélection de son client email.
  • 3ème colonne : l’utilisateur rempli les champs demandés pour faire sa requête.

Toute la navigation globale de cet écosystème s’établit sur une navigation horizontale et non verticale comme dans l’ancienne version de Netvibes. Cet écosystème est construis sur cette architecture afin d’éviter des changements d’éléments qui pourraient porter à  confusion l’utilisateur et surtout cela permet de créer une séparation net avec la page personnelle situé en-dessous.

03Cette séparation visuelle expliquée ci-dessus est aussi accentuée grâce une barre horizontale faisant office de fermeture de l’écosystème. Ce bouton est complété par le pictogramme traditionnel d’une croix sur fond rouge situé en haut à  droite.

04 Le graphisme est assez fin et joue sur des nuances de gris et de noir. Lorsque l’utilisateur ou un de ses amis se manifeste par des commentaires, le cadre qui s’affiche est en angle droit sous forme de bulle. En revanche pour une action ou une recherche, le bloc qui affiche le résultat est présenté sous forme de bloc aux angles arrondies. Ce changement de graphisme permet à  l’utilisateur de repérer visuellement les activités différentes.

Navigation Drag & Drop toujours aussi compréhensible

Dans mon billet précédent, j’avais évoqué les points importants pour l’utilisation du Drag & Drop. Ici, Netvibes a toujours très bien pratiqué cette navigation. Petit rappel :

Drag & Drop (glisser-déposer)

L’utilisateur étant confronté à  une nouvelle interface, ce dernier va l’analyser afin d’identifier certains éléments qui lui permettront de comprendre son fonctionnement. Pour l’aider, il faut penser à  :

  • Des éléments déplaçables et identifiables aussi bien dans leur déplacement que dans leur destination afin de rassurer l’utilisateur.
  • L’internaute doit voir en temps réel l’action qu’il est en train de faire. Ce retour immédiat lui permet de constater l’efficacité du site.
  • Lors du « déposer », l’interface doit montrer le résultat de l’action. Les éléments déplacés doivent se manifester visuellement afin de garantir à  l’utilisateur une validation de ses actes.

Netvibes drag&drop

  1. L’élément qui s’identifie comme étant déplaçable est indiqué par une infobulle qui explique à  l’utilisateur l’action à  faire. Dans la partie personnalisable de Netvibes, le curseur se substitue par le symbole d’une croix qui indique aux utilisateurs que le module peut être déplacé.
  2. Lorsque l’utilisateur le déplace, l’élément est visible et l’emplacement de destination se manifeste par des pointillés de couleur qui délimitent la zone.
  3. L’élément est « aimanté » vers la zone de destination et s’affiche directement avec la mise à  jour de son contenu (Ajax) afin de valider à  l’utilisateur un résultat positif de son action.

Netvibes drag&drop alternative

Alternative au Drag&Drop

Si l’utilisateur ne pratique pas la navigation glisser-déposer, Netvibes a prévu une alternative : un seul clic sur la vignette permet l’ouverture d’une pop-up affichant l’aperçu du widget. Ce dernier est surmonté d’un bouton permettant l’ajout du widget dans la page privée ou public de l’utilisateur.

Loading et bouton

La barre de téléchargement se substitue à  la numérotation des pages. Son positionnement permet à  l’utilisateur de constater le comportement et l’activité qui est en cours d’exécution face à  la requête. Cela ne perturbe pas la lecture du contenu situé autour. Son affichage accentue sa visibilité tout en restant discret.
Netvibes bouton loading

L’options des onglets

'Netvibes onglet options

L’apparition des options pour modifier un onglet est similaire à  l’ouverture de l’écosystème. Une navigation horizontale apparait avec 6 bloc qui guident étapes par étapes l’utilisateur dans sa volonté de personnaliser cet onglet. Lorsque l’internaute établie un changement, l’action se fait en temps réel ce qui lui permet de constater l’efficacité du site.

En revanche, le bouton de fermeture est assez éloigné des 3 premiers blocs. Il faudrait peut-être envisager une barre horizontale de fermeture comme dans l’écosystème. Cela éviterai un déplacement inutile et rendrait plus efficace et rapide la navigation.

Notons la possibilité de copier le contenu total d’un onglet dans sa page public. Eh eh ! (De même pour un widget, l’icà´ne de l’enveloppe permet de le copier dans sa page privée ou public, ou bien de l’envoyer à  un ami ou sur un blog)

Favoris

Netvibes favoris

Aujourd’hui avec la Ginger, l’utilisateur peut ajouter en favoris un billet d’un widget. Toutefois cette nouvelle fonctionnalité n’est pas assez efficace par son manque de pragmatisme :

  • Difficulté de les retrouver dans l’écosystème : aucun icà´ne signale la rubrique o๠l’utilisateur peut les retrouver. Si ce dernier veut les consulter, il doit se diriger vers « Activities » puis « my private activity ou public ».
  • Impossible de les regrouper dans une seule et unique zone. Leur consultation ne peut que se faire dans 2 parties bien distinctes : « my private activity ou public ».
  • Impossible de les classer. Ils sont automatiquement organisés par ordre chronologique

Par contre, chaque favoris peut être commenté ce qui permet à  l’utilisateur d’annoncer à  son réseau pourquoi ce contenu lui a retenu son attention. Si je ne me trompe pas, cette fonctionnalité est impossible sur Google Reader à  l’heure actuelle.

Attention détail minime : Notons l’inversement des icà´nes pour mettre en favoris un billet. Sur le widget situé dans un onglet l’étoile est situé à  droite, par contre, lorsque le widget est ouvert et en cours de consultation, l’étoile (qui est de couleur différente) est située à  gauche. N’oublions pas que l’utilisateur navigue avec plus d’aisance si le site est cohérent dans les localisations de ses éléments.

Réseau social

Une des principale nouveauté de Netvibes Ginger est la création de son réseau social. L’utilisateur peut archiver, commenter et partager du contenu avec ses amis mais aussi suivre leurs actions et accéder à  leur page public que l’on nomme aussi “Univers”.
Netvibes ajout amis

Feedback utilisateur

Le but des feedbacks est d’informer et de prévenir l’utilisateur sur ses actions. Les feedbacks permettent une navigation rapide et compréhensible afin de renseigner et de rassurer l’internaute.

Ici, Netvibes confirme bien à  l’utilisateur son action : si l’utilisateur ajoute ou supprime un ami, l’action est validée et confirmée visuellement par un picto « validé » accompagné d’un libellé qui se substitue au bouton.
Netvibes friends
Ginger permet aussi à  l’utilisateur de voir les membres qui suivent son activité sans que ces derniers soient affiliés à  lui. Ses internautes se manifestent dans la rubrique « Followers » avec l’absence d’une pastille verte qui signale qu’ils ne font pas partie du réseau de l’utilisateur. Toutefois, il manque sans doute un bouton « add friend sur la vignette du membre non-affilié. Car si l’utilisateur connait et désire ajouter cet internaute à  ses contacts, il doit cliquer sur son avatar ce qui entraine l’ouverture de la page « activities public » de ce dernier. Ensuite, l’utilisateur peut l’ajouter à  son réseau. Un raccourci sur la vignette serait sûrement un gain de temps et une alternative bien pratique.

Mon univers : une page publique

Une autre nouveauté avec Ginger, la possibilité de créer sa propre page publique afin de partager à  tous ses flux rss, son actualité. Cette possibilité donne une présence en ligne (membre ou pas de Netvibes) qui reflètera chaque utilisateur, si ces derniers jouent le jeu. Voici ma page publique que je n’ai pas encore fini d’agrémenter : http://www.netvibes.com/jacinthe »

Tableau récapitulatif

Fonction Les + Les – Note
1. Design graphique – Design sobre et épuré
– Icà´nes et boutons compréhensibles
– Organisation visuelle cohérente et aérée
– Les boutons de type « add friend » ne sont pas cohérent à  l’écosystème 3/4
2. Efficacité
[pertinence de l’information]
– Accès à  la demande rapide et très rarement insatisfaisante
– Moteurs de recherche efficace
– Traduction française…aie ! 3/4
3. Efficience
[rapidité de navigation]
– Accès à  la demande fluide
– Rapidité grâce au drag&drop + alternative
– Infobulles pertinentes
– Long au chargement, version béta donc…
– Problème des infobulles qui se chevauchent ou qui ne disparaissent pas
3/4
4. Satisfaction – Possibilité d’avoir une page privée et une page publique
– Un écosytème compréhensible et agréable à  utiliser
– Réseau social
– Possibilité de partager ses favoris en les commentant
– Impossible de communiquer directement avec ses contacts
– Impossible de classer ses favoris
– Impossible de lire le contenu des billets à  la chaine (en scrollant uniquement)
– Impossible de régler l’écosystème dans sa hauteur
2/4
5. Accessibilité – Version mobile
– Inter-compatibilité navigateur
Conçu en Ajax 3/4

Conclusion

14/20

Cette nouvelle version de Netvibes était attendu depuis longtemps. L’ajout de la dimension sociale leur permet de s’aligner sur la tendance du moment. Il est dommage qu’il n’y est pas plus d’améliorations concernant l’outil de base. Et vous, qui avez eu la chance de tester cette version bêta, qu’en pensez-vous ? Déçu ou heureux ?

Derniers Ergotests :

Ergotest #05 : Netvibes Ginger (pré-béta)

9 réflexions au sujet de « Ergotest #05 : Netvibes Ginger (pré-béta) »

  1. J’aimerai vraiment beaucoup tester ça … mais tout le monde n’a pas eu la chance d’avoir un code qui fonctionne 🙁

    Par contre je ne sais pas si je l’utiliserai à  fond, surtout pour le « Long au chargement », ce qui ne devrait pas s’améliorer quand tout le monde y accédera, et aussi parce que netvibes n’est pas très pratique comme aggrégateur de flux rss … il y a beaucoup mieux, comme Google Reader.

  2. Tiens, tu m’apprends une chose sur le glisser-déposer de flux/widgets ! Au libellé et au pointeur de souris survolant le widget, je n’aurais même pas envisagé que le glisser était possible.

    J’apprécie énormément l’inclusion de l’ecosystem directement dans Netvibes avec la recherche intégrée.

    Ceci dit c’est vraiment le seul apport majeur parce que la dimension sociale, comment dire, c’est ingérable. S’abonner à  un univers est tout bonnement impensable :
    – l’univers se trouve sur une page à  part (pas franchement envie de switcher à  tout va pour savoir si y’a des news dessus)
    – et quand y’a des news, la quantité est vraiment trop énorme

    L’univers c’est bien pour regrouper des infos mais à  mon avis le résultat ne s’aggège pas, il se consulte de temps en temps.

  3. +1 avec le commentaire de asbin.
    Netvibes est génial à  plusieurs points de vue, mais Ginger n’a pas répondu aux deux défauts majeurs présent dans Coriander :
    – le manque d’historisation des éléments : si le blog contient des éléments mis à  jour tous les quarts d’heure, on ne verra que les dix derniers dans Netvibes. Et tant pis pour les articles qu’on aurait manqué. Quelle tristesse !

    – la pauvreté des fonctionnalités de partage. Même si GReader est assez basique sur ce point, Ginger est encore un cran en dessous.

    Bref. Si Netvibes faisait un effort sur ces points, je penserais peut être à  quitter GReader. Peut être. 🙂

  4. Neewok dit :

    « – le manque d’historisation des éléments : si le blog contient des éléments mis à  jour tous les quarts d’heure, on ne verra que les dix derniers dans Netvibes »

    En réalité, Coriander répondait déjà  à  ce problème. Il suffit simplement de cocher « Activer la pagination des flux » dans l’onglet « paramètres généraux » des options, et on peut remonter dans l’historique du flux sans soucis.
    Je vous accorde qu’il faut le savoir, et que c’est pas super bien pensé de ce point de vue-là …

    Après, pour les fonctionnalités de partage, je peux rien dire dessus : j’ai fait la demande d’une invitation pour ginger, mais je l’ai toujours pas reçue…

  5. La classe, je suis dans le test ! Merci Jaja !

    Très belle analyse, ça donne envie de jouer de la souris dessus…..Aller, encore un peu de patience pour le comun des mortel.

  6. sylvain dit :

    Bonjour

    je suis d’accord sur enoemement de points de ton test. Par contre chez moi le glissé déposer ne fonctionne pas.
    Cause version Beta, le très attendu « drive » n’ets pas encore la : je pense que c’est ce qui fera une trés grande différence avec Igoogle.

    Le point qui a mon avis fait defaut et que tu enumére aussi dans les points négatifs est le reseau social : a quoi bon un reseau social qquand on peut pas communiquer avec ces amis … Une interface type msn pour l’avenir : la possibilité d’envoyer un message instantané a ces amis serait vraiment pas mal … sans ca je ne voit pas l’interet de creer un reseau social

    L’autre point negatif est la lenteur du systeme : vivement la version finale

    sinon je suis trés content de l’ensemble : l’environnement est trés bien fait. les widget qui permettenet d’avoir différents onglets sont trés pratiques et limites l’encombrement des pages.

    a quand la version grand public que tout le monde puisse essayer et deposer ces commentaires ?

    a+

    Sylvain

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.