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 de « Wireframes everywhere : flairBuilder et hotGloo »

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 : Continuer la lecture de « pagination: ne faites pas comme google ! »

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 de « Faire une référence à wikipedia sans interrompre le flux de 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). Continuer la lecture de « Wireframing en ligne et gratuit »

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? Continuer la lecture de « de l'usage de l'attribut target _blank : ne soyons pas sectaires »

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 de « balsamiq Mockup permet maintenant le wireframing »