Archive de la catégorie ‘Brèves’

Vive le mobile, même quand on n’a pas d’appareil mobile

Je me surprends à surfer de plus en plus sur la version mobile des articles qui m’intéressent depuis mon ordinateur portable voire mon ordinateur de bureau. Pourquoi?

« reduced noise ». Beaucoup moins de bruit graphique, pas (souvent) de pub, navigation plus simple et donc page chargeant plus rapidement.

Tiens? C’est la même raison qui m’avait fait passer de Yahoo à Altavista puis à Google il y a 8 ans: l’efficacité de l’interface. L’homme évolue moins vite que la technologie…

Exemple sur mobile.slate.com et m.lesoir.be :

Oculométrie (eye tracking study) pas chère, peuchère !

OculométrieL’oculométrie (je dois toujours réprimer un sourire obscène lorsque j’écris ce terme) est, me semble-t-il, mieux connue sous son nom anglais: eye-tracking study, et désigne une méthode de capture de la position du regard d’un utilisateur visionnant et/ou interagissant avec un contenu affiché sur écran. En gros, elle se base sur un logiciel enregistrant via une caméra rétinienne la direction du regard visionnant une interface afin d’en analyser les trajectoires, ce qu’il regarde en premier, puis en second, etc. Le résultat est formalisé en cartes de chaleur (également mieux connues sous leur appellation anglaise: heatmap). Cette technique est très utile pour tester des interfaces ou effectuer des tests A/B, tests comparant 2 positions possibles pour un bouton de conversion (« call to action » my friends).
Continuer la lecture »

10/GUI – bureau tactile (concept)

Cette présentation d’un concept d’ OS tactile pour ordinateur de bureau est très impressionnante. Par C. Miller (http://10gui.com/).

L’idée est simple : une main = 5 doigts. I doigt = 1 souris. Efficience = efficience x 10. Ce qui les amène à parler d’ « interaction bandwidth » que l’on pourrait définir par l’ampleur du vocabulaire interactif.

Et justement, les propositions de vocabulaire interactif du système proposé sont bigrement bien imaginées. Continuer la lecture »

Wireframes everywhere : flairBuilder et hotGloo

Cela n’arrête plus: après la fièvre du virus justine Henin, nous sommes actuellement sous le coup d’une invasion d’outils de wireframing / prototyping, tous plus prometteurs les uns que les autres.
A ce train-là, il ne faudra plus attendre longtemps avant d’en voir un disponible entièrement gratuitement, le monde du logiciel de niche sur internet étant probablement le seul marché sur lequel s’exerce une concurrence à peu près libre, globale et transparente, avec des consommateurs mobiles, bien informés et jouissant de toute l’information nécessaire.

Mais revenons à nos wireframes: deux nouveaux candidats à l’intégration de ma boîte à outils ont pointé leur nez aujourd’hui. Continuer la lecture »

Faire une référence à wikipedia sans interrompre le flux de lecture

Je viens de tomber sur un plugin wordpress très malin, par Matthew Healy: WikiPop. Ce plugin capture les liens pointant vers wikipedia et transforme leur comportement de manière à ce que, ces liens lorsque cliqués, n’ouvrent pas un onglet ou une fenêtre, mais une fenêtre modale à la lightbox, ce qui permet de consulter les informations supplémentaires disponibles sur wikipedia sans pour autant quitter le site. Continuer la lecture »

wireframe: iplotz

iplotz - capture d'écran

Découverte d’un nouvel outil de production de wireframes / mock ups:

iplotz.

Après un premier essai rapide, il me semble pas mal du tout, un peu plus « propre » que balsamiq Mockups, mais nécessite peut-être un peu plus de temps pour produire un mockup, à cause de l’absence de « snap into place » présent un peu partout et sous diverses formes dans balsamiq, et fort utile pour ajuster les proportions des éléments rapidement.

iPlotz existe en version en ligne et en version desktop (75 USD).

balsamiq Mockup permet maintenant le wireframing

Suite à mon exploration récente dans le monde des outils de prototyping, Balsamiq Mockup (desktop edition) est devenu mon outil de choix pour rapidement dessiner des schémas d’écran.

La seule chose qui lui manquait était de pouvoir créer des liens depuis un mockup vers un autre, à la manière d’un wireframe.
Continuer la lecture »

Atelier-conférence: Démarche utilisateur, Charleroi, 2 avril 2009

rewics 2009

Dans tous les métiers, et particulièrement ceux du web, la formation continue est vitale et inherente à la profession, vu l’évolution technologique constante. J’invite dès lors le lecteur à participer à l’atelier sur « la démarche centrée utilisateur » organisé dans le cadre du REWICS qui aura lieu le 2 avril prochain à Charleroi.

Judith Jassogne, responsable de communication multimédia, exposera sa démarche ergonomique dans le cadre de projets liés à la Région Wallonne. Je ne connais pas cette personne ni son travail, ce sera donc l’occasion de voir le « state of the art » de l’ergonomie web en Région Wallonne.
Continuer la lecture »

Sticky "Back" Button

Sticky Back button
Vu sur le site de Luke Wroblewski (auteur du livre « web form design: Filling in the Blanks ») Un bouton « back » qui colle à votre souris. Pourquoi pas, puisqu’il n’y a rien d’autre à faire sur cette page dédiée à la vision d’une image ? Continuer la lecture »

ZoomIt – le zoom intégré à Windows XP

ZoomIt est une minuscule application sur Windows qui permet de zoomer n’importe où sur l’écran. Très amusant, et utile pour les présentations.