Etude Eye tracking

La lecture à l’écran a franchement évoluée en quelques années. Tous les résultats sur eyetrack.poynter.org

 scoopeo:Etude Eye tracking fuzz:Etude Eye tracking digg:Etude Eye tracking del.icio.us:Etude Eye tracking spurl:Etude Eye tracking furl:Etude Eye tracking reddit:Etude Eye tracking blogmarks:Etude Eye tracking Y!:Etude Eye tracking


Confetti = analyse temps réel des clics des internautes

Capture d'écran de l'outil de heat map Crazy Egg

Nous utilisons depuis un peu plus d’un an le service de “Heat map” Crazy Egg car c’est une bonne représentation visuelle de ce qui se passe sur un site. Les décideurs apprécient parce que (Lire la suite…)

 scoopeo:Confetti = analyse temps réel des clics des internautes fuzz:Confetti = analyse temps réel des clics des internautes digg:Confetti = analyse temps réel des clics des internautes del.icio.us:Confetti = analyse temps réel des clics des internautes spurl:Confetti = analyse temps réel des clics des internautes furl:Confetti = analyse temps réel des clics des internautes reddit:Confetti = analyse temps réel des clics des internautes blogmarks:Confetti = analyse temps réel des clics des internautes Y!:Confetti = analyse temps réel des clics des internautes


http://flickrvision.com/

Impressive ! Le principe est intéressant dans le cadre des grandes entreprises (multinationales) peinant à donner corps au “groupe” et à montrer ce qui se passe ailleurs.

Merci à David Troy pour cet excellent mashup.

 scoopeo:http://flickrvision.com/ fuzz:http://flickrvision.com/ digg:http://flickrvision.com/ del.icio.us:http://flickrvision.com/ spurl:http://flickrvision.com/ furl:http://flickrvision.com/ reddit:http://flickrvision.com/ blogmarks:http://flickrvision.com/ Y!:http://flickrvision.com/


mangerbouger.fr, une bonne idée… innaccessible !

www.mangerbouger.fr : une fois de plus, un site du service public dont l’idée est généreuse mais qui ne respecte pas le minimum des règles d’accessibilité édictées par l’ADAE (aujourd’hui Adèle).
L’agence en charge du site ferait bien d’aller faire un tour sur Opquast !

 scoopeo:mangerbouger.fr, une bonne idée... innaccessible ! fuzz:mangerbouger.fr, une bonne idée... innaccessible ! digg:mangerbouger.fr, une bonne idée... innaccessible ! del.icio.us:mangerbouger.fr, une bonne idée... innaccessible ! spurl:mangerbouger.fr, une bonne idée... innaccessible ! furl:mangerbouger.fr, une bonne idée... innaccessible ! reddit:mangerbouger.fr, une bonne idée... innaccessible ! blogmarks:mangerbouger.fr, une bonne idée... innaccessible ! Y!:mangerbouger.fr, une bonne idée... innaccessible !


Marre des vérificateurs ADAE automatiques !

Ou pourquoi les outils destinés aux professionnels ne devraient pas être diffusés aux non professionnels.

De plus en plus de clients s’attachent à rendre leurs sites accessibles. C’est très bien ! Malheureusement leurs équipes chargées de faire appliquer les WCAG ou le référentiel ADAE sont pas ou mal formées. Résultat, (Lire la suite…)

 scoopeo:Marre des vérificateurs ADAE automatiques ! fuzz:Marre des vérificateurs ADAE automatiques ! digg:Marre des vérificateurs ADAE automatiques ! del.icio.us:Marre des vérificateurs ADAE automatiques ! spurl:Marre des vérificateurs ADAE automatiques ! furl:Marre des vérificateurs ADAE automatiques ! reddit:Marre des vérificateurs ADAE automatiques ! blogmarks:Marre des vérificateurs ADAE automatiques ! Y!:Marre des vérificateurs ADAE automatiques !


Comment Google Trends améliore votre wording

L’expérience montre à quel point les problèmes de wording sont importants dans la facilité de compréhension puis d’utilisation d’une application online. Sur ce sujet, Google Trends (Lire la suite…)

 scoopeo:Comment Google Trends améliore votre wording fuzz:Comment Google Trends améliore votre wording digg:Comment Google Trends améliore votre wording del.icio.us:Comment Google Trends améliore votre wording spurl:Comment Google Trends améliore votre wording furl:Comment Google Trends améliore votre wording reddit:Comment Google Trends améliore votre wording blogmarks:Comment Google Trends améliore votre wording Y!:Comment Google Trends améliore votre wording


Design Melt Down : briefer les graphistes sans se tromper

Designmeltdown, un guide visuel pour briefer les agences

Bleu, vert, jaune, avec des icônes, style rétro, blogs, sites commerciaux, etc. Design Melt Down rassemble tous les styles graphiques imaginables. Ce site est donc un excellent outil pour les entreprises qui doivent briefer une agence ou un graphiste free-lance : elles disposent d’un support visuel.

 scoopeo:Design Melt Down : briefer les graphistes sans se tromper fuzz:Design Melt Down : briefer les graphistes sans se tromper digg:Design Melt Down : briefer les graphistes sans se tromper del.icio.us:Design Melt Down : briefer les graphistes sans se tromper spurl:Design Melt Down : briefer les graphistes sans se tromper furl:Design Melt Down : briefer les graphistes sans se tromper reddit:Design Melt Down : briefer les graphistes sans se tromper blogmarks:Design Melt Down : briefer les graphistes sans se tromper Y!:Design Melt Down : briefer les graphistes sans se tromper


Crazy Egg : Statistiques pour décideurs

Les 3 modes de représentations graphiques de statistiques de Crazy Egg

Comment rendre les statistiques d’un site compréhensible par des décideurs ? Comment les intégrer dans le processus de prototypage ? En utilisant un service de restitution graphique ! (Lire la suite…)

 scoopeo:Crazy Egg : Statistiques pour décideurs fuzz:Crazy Egg : Statistiques pour décideurs digg:Crazy Egg : Statistiques pour décideurs del.icio.us:Crazy Egg : Statistiques pour décideurs spurl:Crazy Egg : Statistiques pour décideurs furl:Crazy Egg : Statistiques pour décideurs reddit:Crazy Egg : Statistiques pour décideurs blogmarks:Crazy Egg : Statistiques pour décideurs Y!:Crazy Egg : Statistiques pour décideurs


webdesignfromscratch.com

exemples visuels des tendances graphiques Web 2.0

Ce post résume de manière très synthétique les tendances du webdesign 2.0. A ne pas manquer !

 scoopeo:webdesignfromscratch.com fuzz:webdesignfromscratch.com digg:webdesignfromscratch.com del.icio.us:webdesignfromscratch.com spurl:webdesignfromscratch.com furl:webdesignfromscratch.com reddit:webdesignfromscratch.com blogmarks:webdesignfromscratch.com Y!:webdesignfromscratch.com


A good advice from 37 signals

logo de 37 signalsAn interesting post from Jason who explains why designing straight forward is more effective than messing in writing hundreds of specifications pages “Because it just doesn’t matter.� More in www.37signals.com

 scoopeo:A good advice from 37 signals fuzz:A good advice from 37 signals digg:A good advice from 37 signals del.icio.us:A good advice from 37 signals spurl:A good advice from 37 signals furl:A good advice from 37 signals reddit:A good advice from 37 signals blogmarks:A good advice from 37 signals Y!:A good advice from 37 signals


Guess-the-google

Snapshot of guess-the-google

Une interface Flash qui affiche une sélection d’images partageant le même tag. L’utilisateur dispose de quelques secondes pour deviner le tag.

 scoopeo:Guess-the-google fuzz:Guess-the-google digg:Guess-the-google del.icio.us:Guess-the-google spurl:Guess-the-google furl:Guess-the-google reddit:Guess-the-google blogmarks:Guess-the-google Y!:Guess-the-google


Flickr relative tag browser : impressive !

Ce site permet de surfer dans les images de Flickr avec une navigation très ludique ET très performante. Un excellent mashup a essayer de toute urgence : http://www.airtightinteractive.com/projects/related_tag_browser/app/

 scoopeo:Flickr relative tag browser : impressive ! fuzz:Flickr relative tag browser : impressive ! digg:Flickr relative tag browser : impressive ! del.icio.us:Flickr relative tag browser : impressive ! spurl:Flickr relative tag browser : impressive ! furl:Flickr relative tag browser : impressive ! reddit:Flickr relative tag browser : impressive ! blogmarks:Flickr relative tag browser : impressive ! Y!:Flickr relative tag browser : impressive !


BuddyMapping : another mapping mashup

Le concurrent de Feedmap (api googlemap) qui s’appui lui sur TeleAtlas et Yahoo! A essayer ici : http://www.buddymapping.com/maps/leprojetweb 

 scoopeo:BuddyMapping : another mapping mashup fuzz:BuddyMapping : another mapping mashup digg:BuddyMapping : another mapping mashup del.icio.us:BuddyMapping : another mapping mashup spurl:BuddyMapping : another mapping mashup furl:BuddyMapping : another mapping mashup reddit:BuddyMapping : another mapping mashup blogmarks:BuddyMapping : another mapping mashup Y!:BuddyMapping : another mapping mashup


Feedmap : navigation géographique en 2 clics

Encore un mashup qui prouve que la navigation peut être axée sur une autre dimmension que la logique purement éditoriale.

Il permet de géopositionner son blog et d’accéder aux blogs voisins.

Il permet aussi de simplement linker sur les blogs voisins (plus discret)

 scoopeo:Feedmap : navigation géographique en 2 clics fuzz:Feedmap : navigation géographique en 2 clics digg:Feedmap : navigation géographique en 2 clics del.icio.us:Feedmap : navigation géographique en 2 clics spurl:Feedmap : navigation géographique en 2 clics furl:Feedmap : navigation géographique en 2 clics reddit:Feedmap : navigation géographique en 2 clics blogmarks:Feedmap : navigation géographique en 2 clics Y!:Feedmap : navigation géographique en 2 clics


Ms Dewey, la recherche sexy

Ms Dewey Cette magnifique créature est aussi une interface de moteur de recherche (voir le site www.msdewey.com) certes moins efficace que Google mais beaucoup plus agréable ! Cela rappel le chien que Bill Gates a imposé à ses équipes dans l’onglet de recherche de l’explorateur Windows.

 scoopeo:Ms Dewey, la recherche sexy fuzz:Ms Dewey, la recherche sexy digg:Ms Dewey, la recherche sexy del.icio.us:Ms Dewey, la recherche sexy spurl:Ms Dewey, la recherche sexy furl:Ms Dewey, la recherche sexy reddit:Ms Dewey, la recherche sexy blogmarks:Ms Dewey, la recherche sexy Y!:Ms Dewey, la recherche sexy


Usability’s ultimate blog

Guuui.com the ultimate usability blogJust have a look at this blog and enjoy. There is all you can desire about web interface, users behaviors, etc.
www.guuui.com

 scoopeo:Usability's ultimate blog fuzz:Usability's ultimate blog digg:Usability's ultimate blog del.icio.us:Usability's ultimate blog spurl:Usability's ultimate blog furl:Usability's ultimate blog reddit:Usability's ultimate blog blogmarks:Usability's ultimate blog Y!:Usability's ultimate blog


Rédiger un cahier des charges avec contrainte ADAE

Tout un programme et surtout l’occasion de rappeller sans cesse que l’accessibilité -qu’il s’agisse du WAI, de la section 508, de braillenet ou du référentiel ADAE-, est une formidable occasion d’améliorer son site et sa visibilité.

 scoopeo:Rédiger un cahier des charges avec contrainte ADAE fuzz:Rédiger un cahier des charges avec contrainte ADAE digg:Rédiger un cahier des charges avec contrainte ADAE del.icio.us:Rédiger un cahier des charges avec contrainte ADAE spurl:Rédiger un cahier des charges avec contrainte ADAE furl:Rédiger un cahier des charges avec contrainte ADAE reddit:Rédiger un cahier des charges avec contrainte ADAE blogmarks:Rédiger un cahier des charges avec contrainte ADAE Y!:Rédiger un cahier des charges avec contrainte ADAE


Nouvelle interface de Yahoo! mail

Alors que gmail fait toujours office de référence dans le domaine de la messagerie en ligne (tout du moins en matière de fonctionnalités et d’ergonomie) Yahoo! contre-attaque en mettant à niveau son interface mail totalement en Ajax.

Plus qu’un simple gadget, l’utilisation de la technologie Ajax permet ici d’offrir à l’utilisateur un environnement plus souple d’utilisation se rapprochant de clients mail comme Outlook de Microsoft. On a d’ailleurs droit aux options courantes de ce genre d’outils comme un gestionnaire de contacts, un agenda, un bloc note le tout accessible par des touches de raccourci. (Lire la suite…)

 scoopeo:Nouvelle interface de Yahoo! mail fuzz:Nouvelle interface de Yahoo! mail digg:Nouvelle interface de Yahoo! mail del.icio.us:Nouvelle interface de Yahoo! mail spurl:Nouvelle interface de Yahoo! mail furl:Nouvelle interface de Yahoo! mail reddit:Nouvelle interface de Yahoo! mail blogmarks:Nouvelle interface de Yahoo! mail Y!:Nouvelle interface de Yahoo! mail


mooglets, les widgets Mac OS X sur le Web !

Les utilisateurs de Mas OS X connaissent déjà bien le dashboard, cet espace du système d’exploitation où l’on peut ajouter des widgets (bloc-notes, module de météo, moteur de recherche, surveillance du système, etc.).

Ce qui a rendu populaire le dashboard et les widgets en général, est son aspect graphique, ludique et finalement sa petite touche “je ne suis pas une application standard” : je ne suis pas une fenêtre, je n’ai généralement pas de menu, en bref je ne ressemble à rien d’existant sur votre système et c’est exactement ce qui me rend sympa !

Yahoo a racheté Konfabulator il y a déjà quelques temps, Windows Vista proposent déjà des widgets, c’est derniers sont très appréciés mais appartiennent à la famille des systèmes d’exploitation ! Mais qu’en est-il du Web ? (Lire la suite…)

 scoopeo:mooglets, les widgets Mac OS X sur le Web ! fuzz:mooglets, les widgets Mac OS X sur le Web ! digg:mooglets, les widgets Mac OS X sur le Web ! del.icio.us:mooglets, les widgets Mac OS X sur le Web ! spurl:mooglets, les widgets Mac OS X sur le Web ! furl:mooglets, les widgets Mac OS X sur le Web ! reddit:mooglets, les widgets Mac OS X sur le Web ! blogmarks:mooglets, les widgets Mac OS X sur le Web ! Y!:mooglets, les widgets Mac OS X sur le Web !


Multibrowsers free screenshots !

It’s a bit long (seems that the beta release is having success) but it’s worth waiting. This kind of service wasn’t free till browsershots.org

 scoopeo:Multibrowsers free screenshots ! fuzz:Multibrowsers free screenshots ! digg:Multibrowsers free screenshots ! del.icio.us:Multibrowsers free screenshots ! spurl:Multibrowsers free screenshots ! furl:Multibrowsers free screenshots ! reddit:Multibrowsers free screenshots ! blogmarks:Multibrowsers free screenshots ! Y!:Multibrowsers free screenshots !


screen shot ontAnother free screenshots on the fly service dedicated to those who target Mac users. See more on www.snugtech.com

 scoopeo: fuzz: digg: del.icio.us: spurl: furl: reddit: blogmarks: Y!:


Contents structured in Index are more readable

I have always thought that informations visualy structured in an index such as Yahoo! are more efficient than the usual drop down menu in the left column. So I’m pretty happy to give you this abstract :

Information is found more quickly in Index menus than in cascading menus. In a study by Bernard and Hamblin (2003), three menu layouts were compared for objective and subjective performance, as well as overall preference. The menus structures consisted of an index layout (like Yahoo.com), a vertical cascading layout, and a horizontal cascading layout. Significant differences in search time were revealed between the three menu item layouts that favored the index menu layout. In addition, there was a non-reliable trend that favored the subjective opinion that the index layout was less disorientating than the other two layouts. Moreover, participants selected the index layout as their first preference choice more than the other two layouts. The poorest performer, both objectively and subjectively, was the horizontal layout.

More in psychology.wichita.edu

 scoopeo:Contents structured in Index are more readable fuzz:Contents structured in Index are more readable digg:Contents structured in Index are more readable del.icio.us:Contents structured in Index are more readable spurl:Contents structured in Index are more readable furl:Contents structured in Index are more readable reddit:Contents structured in Index are more readable blogmarks:Contents structured in Index are more readable Y!:Contents structured in Index are more readable


Multibrowsers free screenshots !

It’s a bit long (seems that the beta release is having success) but it’s worth waiting. This kind of service wasn’t free till browsershots.org

 scoopeo:Multibrowsers free screenshots ! fuzz:Multibrowsers free screenshots ! digg:Multibrowsers free screenshots ! del.icio.us:Multibrowsers free screenshots ! spurl:Multibrowsers free screenshots ! furl:Multibrowsers free screenshots ! reddit:Multibrowsers free screenshots ! blogmarks:Multibrowsers free screenshots ! Y!:Multibrowsers free screenshots !


Mon Opquast - Automated Accessibility Guidelines

Opquast qualité et accessibilité
Je n’avais pas encore eu le temps de tester le service “Mon Opquast” mis en place par (Lire la suite…)

 scoopeo:Mon Opquast - Automated Accessibility Guidelines fuzz:Mon Opquast - Automated Accessibility Guidelines digg:Mon Opquast - Automated Accessibility Guidelines del.icio.us:Mon Opquast - Automated Accessibility Guidelines spurl:Mon Opquast - Automated Accessibility Guidelines furl:Mon Opquast - Automated Accessibility Guidelines reddit:Mon Opquast - Automated Accessibility Guidelines blogmarks:Mon Opquast - Automated Accessibility Guidelines Y!:Mon Opquast - Automated Accessibility Guidelines