Ergophile - Jacinthe Busson

Ergophile à 1 an…

Le 4 juillet 2008 par Jacinthe | Infos, Ergophile | 0 Commentaire »

… depuis le 1 juillet 2007 à 3h04 du matin précisément. Eh oui ! 1 an déjà. Ce billet ne va pas être 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 a commencé 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’envoya un email de remerciement pour mon billet qui fut un élément déclencheur. Suite à ce petit évènement, Techcrunch écrivit à 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

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 ?

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 :)

Infos, Ergophile | 0 Commentaire »

Ergospeed #15 : Typesql.com

Le 16 juin 2008 par Jacinthe | Ergospeed | 1 Commentaire »

Il y a fort longtemps, mais longtemps… le 12 mai dernier, Galdric Pons a posté un billet sur son blog HebiFlux à propos du site TypeSql.com réalisé en AS3 et Papervision. Au passage, je vous conseille de vous abonner à Hebiflux qui est un très bon blog consacré à la 3D sur le web où Galdric n’arrête pas de posté jour et nuit… :)

Un historique omniprésent

Provenant d’une formation de graphiste, forcément ce site ne m’a pas laissé indifférente : TypeSql permet de consulter des informations sur l’origine d’une quarantaine de typographie. On peut y trouver l’auteur d’une police, sa catégorie, sa naissance, un exemple d’utilisation, etc.

Dès l’ouverture du site, rien ne prédit à l’utilisateur qu’il va être confronté à une nouvelle navigation dans un espace tridimensionnel : un design sobre, une grille typographie faisant office de fond, un menu principal positionné à l’emplacement du pied de page permettant un espace plus important pour le contenu.

La particularité de ce site est la possibilité de voir les étapes et l’historique de ses recherches tout en utilisant le positionnement du contenu dans une interface 3D.

Pour la sélection des sous-catégories d’une typo, la transition du contenu se fait par une animation des éléments qui se déplacent grâce à une rotation en perspective. Cette animation peut dérouter et surprendre la première fois mais la lecture du contenu est assez rapide et claire grâce à une structure en colonne.

Par contre, La superposition des recherches permet de voir visuellement son historique mais malheureusement elle occasionne un surplus d’information et entraine une gêne pour la lisibilité du contenu en cours de lecture.

Beaucoup de lacunes ralentissent la consultation et la satisfaction de se site telle que :

• Ouverture d’une popup pour consulter le site… bizarre
• Aucune possibilité de revenir sur une police déjà consultée
• Impossible de naviguer à l’intérieur du contenu avec la souris, la roulette (de la souris) ou les flèches du clavier : étant dans un espace 3D, l’utilisateur a surement envie de se balader dans son historique
• La superposition du contenu entraine une surcharge visuelle ce qui empêche la lisibilité et porte à confusion
• Mauvaise gestion des fermeture des popups : Absence de bouton “fermer”. Lorsque l’utilisateur clic sur l’extérieur d’une popup, cette dernière ne disparait pas.
• etc.

Conclusion

Ce site est purement expérimental. Vous me direz qu’il n’est pas du tout fonctionnel et pratique à utiliser. Un simple site en HTML aurait suffit avec une bonne ergonomie. Peut-être bien et surement que oui ! Ce site peut ne pas satisfaire l’utilisabilité d’un utilisateur mais permet de découvrir de nouveau mode de navigation. Même si cela nous perturbe, nous chagrine dans nos habitudes, ces nouveaux modes de navigation vont voir le jour de plus en plus vite avec l’arrivée du Flash Player 10 et vont bien sûr s’améliorer avec le temps. Ils s’adapteront aux besoins des utilisateurs tout en apaisant nos réticences au changement.

A lire aussi :

• Créateur de Typesql.com : So Won Young
• HebiFLux.com
• SqliAgency : résistances au changement

Ergospeed | 1 Commentaire »

Ergospeed #14 : Samsung NV24HD

Le 28 mai 2008 par Jacinthe | Ergospeed | 3 Commentaires »

Ayant déjà écrit un billet sur le mobile Samsung F490, l’agence Heaven m’a convié, le 17 mai dernier, cette fois-ci à un FanDay pour découvrir le nouvel appareil photo NV24HD de Samsung et son concours ShootTheSofa.com. Ce concours ludique vous permet de gagner un appareil photo chaque semaine juste en délirant sur votre canapé ;)

Nos habitudes peuvent-elle nous déstabiliser ?

Je souhaite faire un aparté sur nos habitudes d’utilisation lorsque nous sommes confronté à un nouvel objet : J’ai longtemps pratiqué la photographie argentique avec un Nikon Reflex F601 (objectif 28-300mm), aujourd’hui je possède un Lumix TZ1. Lorsque je suis passée d’un reflex à un compact numérique, mes habitudes ont été bouleversées et un temps d’adaptation fut nécessaire.

Lors de ce FanDay, qui réunissait une trentaine de personne, les remarques que j’ai pu entendre étaient : “pourquoi la molette du zoom est à cet emplacement ?”, “le déclencheur est mal positionné”, etc… En discutant avec ces personnes, je me suis vite rendue compte qu’elles comparaient ce nouvel objet à leur propre compact numérique et leurs habitudes qui vont avec.

Le temps d’adaptation à un nouvel appareil (composé de nombreuses fonctionnalités) n’est pas forcément évident pour tous et nous avons souvent besoin d’un référant existant pour nous rassurer ou pour le comparer avant de l’apprivoiser.

La Smart Touch attitude

Cet appareil photo est doté d’une navigation dite Smart Touch permettant un accès direct aux options grâce à deux rangées de boutons et une interface rappelant celle du mobile F490 : la navigation en croix. Après avoir reçu la récompense du prix international du design iF 2007 pour celle-ci, Samsung a été aussi récompensé pour l’interface Smart Tocuh par le prix de “la meilleur innovation Photo 2007″ par la Technical Image Press Association (TIPA).

Samsung a sans doute voulu homogénéiser sa gamme de produit avec ce système de navigation en croix pour habituer sa clientèle et la fidéliser. Cette navigation devient une identité pour eux. Le Smart Touch est étonnant et à la fois confus lors de sa première prise en main. L’utilisateur peut être effrayé lorsqu’il aperçoit tous ses boutons. Mais lors d’une utilisation quotidienne, cela permet d’être rapide grâce à la sensibilité des boutons et l’usage devient assez instinctif grâce à des pictos identifiables avec ou sans leur intitulé. A tester au moins une fois dans sa vie.

Conclusion

Durant le prêt de cette appareil, je n’ai pas été déçu de la qualité des photos, du double système du stabilisateur, de la macro… Cette appareil photo est un très bon rapport/qualité prix. Dommage, j’ai déjà un Lumix et aujourd’hui si je devais investir dans un compact photo je serai tentée par une interface tactile. Je suis trop habituée maintenant à mon LG Wiewty (qui me dépanne bien au quotidien) et à mon iPod Touch.

Caractéristiques du NV24HD :

• 10 mégapixels
• Un objectif Ultra Grand Angle 24mm avec zoom optique 3.6x
• Ecran Amoled
• Un double système de stabilisation (optique et numérique)
• Correction automatique du contraste et une sensibilité de l’appareil qui atteint 3200 ISO
• Plus de détails…

Ergospeed | 3 Commentaires »

Ergospeed #13 : MoMa.com - Design and the Elastic Mind

Le 30 avril 2008 par Jacinthe | Ergospeed | 5 Commentaires »

Il y a environ 2 semaines, en revenant du Wif, j’ai rencontré Alexandre Tonneau, designer d’intéraction, qui m’a gentiment recommandé d’aller jeter un coup d’œil au site Design and the Elastic Mind du musée MoMA de New York. Alexandre ne m’a rien dit de plus, juste que je serais sûrement impressionnée.

A propos

Le 24 février dernier, ce célèbre musée d’art moderne et contemporain New Yorkais inaugure l’exposition Design and the Elastic Mind. Cette exposition aborde le design contemporain sous toutes ses formes et permet aux visiteurs ne pouvant faire le voyage d’accéder à une exposition virtuelle grâce à un site web détaillé et une navigation inhabituelle.

Une navigation en étoile

A première vue, le site n’a rien d’exceptionnel : un design sobre, une organisation visuelle stricte et froide, une abondance d’information structurée sur plusieurs niveaux, une surcharge visuelle provenant de l’absence d’image, un sens de lecture à la fois verticalement et horizontalement.

Toutefois, ce site avertit l’utilisateur d’une navigation nouvelle et non-commune grâce à une animation qui se joue dès l’ouverture. L’utilisateur peut constater qu’il visite un site vivant avec un contenu diversifié à l’aide de cette animation fluide et visuelle.

Lorsque l’internaute a sélectionné une information, l’animation s’ouvre telle une “étoile câblée”. L’information principale s’affiche visuellement au cœur et s’entoure de plusieurs lignes qui signalent à l’utilisateur des directions différentes afin d’accéder à des informations similaires à sa sélection. Ces lignes sont la métaphore de câblage accentué par un son lors de leurs sélections. Bien sûr, ces possibilités restent au second plan et n’apparaissent qu’en contenu textuel et non visuel. Cela évite de polluer le site d’images inutiles qui risque de perturber la lisibilité du contenu. Si ce dernier valide cette information une fenêtre de type Lightbox apparait en superposition au site.

L’importance des détails graphiques

Si nous nous intéressons aux détails visuels, notons l’importance de ces derniers qui permettent à l’internaute d’être orienté :

• Les flèches de pagination de couleur blanche et de taille importante signalent leurs fonctions grâce à leur positionnement et leurs omniprésences.
• Les flèches de direction qui soutiennent le regard de l’internaute afin de le guider dans le bon sens de lecture
• Le code couleur des intitulés (des “lignes directrices”) qui permet de classifier mais aussi d’apporter un peu de gaité à ce site.
• Les points d’intersections qui changent de couleurs selon le nombre de croisement ce qui indique un taux d’importance similaire sur l’information
• Lors du rollover d’une direction, cette dernière reste visible à la différence du site qui s’assombrit afin de laisser une meilleur lisibilité à cette dernière.
• La barre de défilement est personnalisée à l’image du site afin d’homogénéiser l’ensemble.

Conclusion

Même si l’internaute risque de trouver ce site assez déroutant, au point de se perdre, l’accès aux informations complémentaires reste néanmoins instinctives malgré un afflux de contenu qui montre la richesse de cette exposition. Ce genre d’initiative et d’expérimentation sont importants pour faire avancer les recherches dans le domaine du web et des interfaces innovantes. Bien sûr, cela permet au musée de renforcer son image de marque avec une reconnaissance du public positive.
Et vous, qu’en pensez-vous ?

A lire aussi :

• Archiact.fr
• NoDesign.net
• MoMa.org

Ergospeed | 5 Commentaires »

Ergospeed #12 : Mobile Samsung Player F490

Le 6 avril 2008 par Jacinthe | Ergospeed | 8 Commentaires »

Depuis longtemps, je souhaitais faire un Ergospeed sur un téléphone mobile mais je n’avais pas envie de le faire sur l’iPhone ni sur le LG Viewty. Grace à l’agence Heaven, le 27 mars dernier, j’ai pu assister à une démonstration du dernier téléphone Samsung en compagnie de l’équipe française technique et marketing. Je remercie Damien et François de leur accueil et de m’avoir invité à cette présentation qui fut très sympathique et enrichissante.

A Propos

La marque sud-coréenne domine le marché du téléphone mobile français et en deuxième position mondiale après Nokia. Samsung sort environ une cinquantaine de téléphone par an en France et à reçu en 2007 la récompense du prix international du design iF 2007 pour son interface en “croix” que l’on retrouve dans le F490 (vendu exclusivement en France).

Une navigation à la carte

Le côté chic et raffiné du F490 est accentué grâce à son interface fine, tactile et son grand écran de 3.2 pouces (240×432 pixels) laissant une place importante à l’image. Sa nouveauté vient de sa navigation dites en “croix” rappelant l’utilisation du repérage cartographiquee. Chaque action de l’utilisateur est validée par une légère et douce vibration du téléphone provenant de la technologie “VibeTonz”.

Cette navigation est intéressante surtout pour l’utilisation du player audio et vidéo :

• Instinctive et compréhensible grâce aux indicateurs visuels qui indiquent dès l’ouverture d’un média les fonctionnalités de la “croix” : play, pause, réglage du volume, de la durée (voir schéma ci-dessous)
• Cette “croix” permet de guider et d’orienter l’utilisateur sur ses actions et l’accompagne dans ses mouvements.
• Ce qui est dommage pour le player vidéo, c’est l’apparition de la croix qui peut obstruer la lecture en cours. Toutefois, cette dernière disparait très rapidement après action de l’utilisateur.
• (Une alternative au scroll manuel pour régler le volume : des boutons sont présents sur le côté du mobile et permettent de régler le son)

Sinon…

• Ce mobile a de nombreux atouts dont l’optimisation des fonctionnalités avec un menu condensé et des pictos explicites.
• Chaque rubrique sélectionnée dans le menu s’affiche avec un volet où l’utilisateur parcourt son contenu classé et le nombre de fichier qu’il contient. Cette solution permet une rapidité de navigation sans avoir besoin de passer par des écrans intermédiaires pour accéder au contenu.
• La sélection en surbrillance et le copier-coller sont là. L’iPhone pourrait vite devenir jaloux !
• La sensibilité aussi bien au doigt que à l’ongle (très important pour une nana) ralenti parfois la prise en main.
• Pas de clavier Azerty et Qwerty. Pas de wifi.
• Niveau design, les boutons du pavé numérique sont assez strictes et marqués par des ombres accentuées. Les message d’alertes et les sous-menus ne sont pas homogènes par rapport à l’interface spacieuse du téléphone.

Conclusion

Qui dit téléphone tactile, dit iPhone. La comparaison se fera forcément. Néanmoins, ce téléphone ne sera pas un iPhoneKiller car sa sensibilité et sa navigation reste quand même assez difficile. Il reste néanmoins un très bel objet qui saura satisfaire le grand public.

A lire aussi :

• Fiche produit Samsung F490
• Zdnet.fr

Ergospeed | 8 Commentaires »