Clics contre la misère – de l'art de nommer ses boutons – Amnesty International

J’aime beaucoup le buzz interactif mis en place par Amnesty International, basé sur la mise sous forme interactive du slogan « Pour faire disparaître la misère, il faut d’abord la voir ».
Le principe est basé sur ce que vous me pardonnerez d’appeler le P.P.I.V.C (plus petit vocable interactif commun) – le clic. Bonne manière de ne pas s’aliéner des utilisateurs à coup de principes interactifs trop complexes. L’enjeu devient dès lors: comment motiver le clic ?
Poursuivre 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. Poursuivre la lecture »

De l'usage des réseaux sociaux – Jakob Nielsen

réseaux sociaux

Dans le dernier alertbox, Jakob Nielsen résume les résultats d’une étude sur l’utilisation des réseaux sociaux (RSS, twitter, myspace, facebook, linkedIn) par des entreprises, avec pour objectif de tirer des recommandations sur la meilleure manière d’utiliser les réseaux sociaux dans un contexte professionnel.

A retenir

En bref, les conclusions à tirer sont: Poursuivre 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. Poursuivre la lecture »

pagination: ne faites pas comme google !

Il y avait tout un buzz le 10 septembre dernier autour du redimensionnement du champ de recherche sur google.com. Tout ce bruit pour quelques pixels qui au fond, n’amélioreront pas grand chose en terme d’ergonomie: il me semble que le champ était déjà suffisamment grand, mais je n’ai pas d’étude utilisateur pour étayer cet impression, quoique.

Par contre, j’ai une suggestion à faire à google : Poursuivre 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. Poursuivre la lecture »

Wireframing en ligne et gratuit

MockFlow est un outil de wireframing en ligne tout frais sorti de la matrice.

Très simple d’utilisation, il permet de rapidement créer des wireframes et de les faire partager en envoyant l’ URL pointant vers votre wireframe aux adresses email que vous indiquez, ou via image png (et donc non navigables). Poursuivre la lecture »

de l'usage de l'attribut target _blank : ne soyons pas sectaires

Le (petit) monde du web design / web development a une fâcheuse tendance aux précepts dogmatiques, du style: « don’t use table for design, it’s evil », « il faut séparer les données (html) de la présentation (css, images) et de la programmation comportementale (javascript, flash…) », etc. Non pas que ces règles soient de mauvais conseils, que du contraire. Si je disais à un chasseur de ne pas utiliser un couteau de cuisine pour tuer le lapin mais plutôt un couteau de chasse, ce serait un bon conseil. Reste que le couteau de cuisine fonctionnerait (avec une bonne poigne); il ne serait simplement pas le plus approprié. Mais si le contexte le justifie (par exemple, le chasseur est sur une île déserte et que le couteau de cuisine est tout ce qu’il a sous la main), pourquoi devrait-il s’abstenir de manger de la viande? Poursuivre 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.
Poursuivre la lecture »