Comment itérer sur son design avec agilité

lundi 21 mai 2007 :: perrick :: Ergonomie :: aucun commentaire :: aucun trackback

Si les développeurs ont compris le principe des itérations depuis longtemps, c'est avec plaisir que je vois les designers du Guardian suivre le même chemin. Un billet sur niksilver.com -- Guardian Unlimited's new look: Some background on templating -- explique comment ils l'ont fait !

Pour l'instant seul la page d'accueil change : en 2001, en 2004 et aujourd'hui en 2007... Le reste suivra. C'est la première fois que je vois un site d'une tel ampleur fonctionner de la sorte.

Autre design marrant dans le même esprit : celui de d.Construct. L'esquisse évoluera dans le temps -- par Andy Budd !

Copie à revoir sur reddit.com

vendredi 20 avril 2007 :: perrick :: Ergonomie :: un commentaire :: aucun trackback

Je suis assez fan de Joel : vous le savez probablement déjà. Depuis quelques temps, un sous-section lui est dédiée sur reddit.com -- ou plutôt à ses lecteurs. Il s'agit de joel.reddit.com. Et depuis encore moins longtemps j'ai un compte sur ce site.

L'habitude n'est pas encore prise mais je vais pour me connecter ce matin.

Jusque là tout est normal. Ensuite...

Read next

L'interface c'est moi

mercredi 24 mai 2006 :: perrick :: Ergonomie :: 4 commentaires :: aucun trackback

Je travaille acutellement sur la reprise d'un projet qui me tiens à coeur : les apéros PHP. L'interface est tout à fait différente d'une application comme openTIME. A commencer par le style de l'interface : faut-il écrire je m'inscris ou inscrivez-vous ?

Les exemples sont légions :

J'ai l'impression qu'avec cette ligne de démarcation on s'approche du concept de l'écran comme projection de sa propre identité : en affichant mon espace (au lieu de votre espace), l'interface devient une extension de son propre corps pour atteindre ses comptes ou ses données. Exactement comme on a besoin de sa main pour cueillir une pomme sur le pommier de la voisine.

Au fait voici un extrait de la maquette pour la futur version du site des Apéros PHP :

.

Autrement dit, j'ai choisi... avant de revenir en arrière ?

Petit défaut qui me rend jaune

mardi 2 mai 2006 :: perrick :: Ergonomie :: un commentaire :: aucun trackback

Il y a parfois des petits défauts qui sont très pénibles. Celui-ci par exemple :

Pas grand chose en apparence : c'est juste que le fax et le numéro de téléphone sont inversés. Et bien sûr j'ai appelé le fax. Deux fois. Argh...

Des nouvelles et belles images pour des données

mercredi 26 avril 2006 :: perrick :: Ergonomie :: 2 commentaires :: aucun trackback

Je suis toujours assez fan des nouvelles manières de présenter des chiffres et des données dans de jolies graphiques. Cette semaine, j'ai été gâté.

Il y a tout d'abord eu les résultats de l'étude de Tim O'Reilly sur les ventes de livres informatiques aux USA : State of the Computer Book Market, Part 1, Part 2 et Part 3. Il s'agit là de Treemap.

Plus récemment, les arbres phylogénétiques de Jean Véronis : celui des thèmes de la campagne électrole 2007 et celui des prétendants à la présidentielle 2007. Il donne même une liste de logiciels pour réaliser de tels arbres : phylogeny software. Je rêve d'abord ces outils en PHP un jour !

Foutage de gueule à la SNCF

lundi 10 avril 2006 :: perrick :: Ergonomie :: 11 commentaires :: aucun trackback

Avec le traffic (et le chiffre d'affaires) qui passe tous les jours sur le site de la SNCF, on pourrait s'imaginer que le site soit très très bien. Ce n'est pas vraiment le cas : il est toujours beaucoup plus lent que ses concurrents suisses ou allemands par exemple. Et puis aujourd'hui, je tombe sur un truc hallucinant :

Vous avez bien lu : la modification de votre abonnement sera effective d'ici 15 jours.

On ne me fera pas croire que ma demande est imprimée, transportée en stop jusque Marseille puis en bateau jusqu'en Inde avant d'y être rescannée, puis resaisie et enfin mise sur le serveur de production. Quinze jours à encore être emmer*** par les annonces partenaires : je rêve.

Première utilisation des lignes-étincelles

dimanche 13 février 2005 :: perrick :: Ergonomie :: 2 commentaires :: aucun trackback

J'avais découvert il n'y a pas si longtemps le concept de ligne-étincelle. On dirait que le mot commence à se passer via la blogosphère : voici donc une application possible. Elle croise cette technique de rendu visuel avec les données de Wikipédia. En attendant d'autres pistes...

Les motifs d'une interface web

mercredi 6 octobre 2004 :: perrick :: Ergonomie :: 2 commentaires :: aucun trackback

37signals propose aujourd'hui un article intéressant sur comment utiliser les motifs (patterns ?) dans un design web. Je dis intéressant parce qu'ils ne présentent que peu d'image graphique : il s'agit surtout de montrer leur processus pour arriver à créer une page à la fois fonctionnelle, belle et ergonomique.

Ergonomie : deux démonstrations par l'exemple

vendredi 27 août 2004 :: perrick :: Ergonomie :: aucun commentaire :: 2 trackbacks

D'abord via le blogmark de JMF et ensuite par un post de 37Signals, deux démonstrations très claires sur l'impact visuel d'un belle interface :

Des formulaires plus simples

Note à propos de l'étape 12 : Contrôles côté serveur : on peut modifier côté client -- avec un peu de javascript -- la classe CSS d'un objet avec par exemple:
function change(id, css_class) {
  identity = document.getElementById(id);
  identity.className = css_class;
}


Sparklines or Wordgraphs--some draft pages from Beautiful Evidence

Comme d'habitude pour les créations sémantiques anglo-saxonnes, je ne connais pas encore le terme en français mais le concept de "ligne étincelle" est vraiment intéressant. Reste à voir si je trouve le temps d'écrire / de trouver la fonction PHP qui puisse m'en générer automatiquement.

Des pépites via une scéance de broutage

lundi 12 juillet 2004 :: perrick :: Ergonomie :: aucun commentaire :: aucun trackback

Si Jeremy Zawodny indique qu'il ne surfe plus sur le web, ça m'arrive encore quelque fois. Même si je dois avouer que c'est beaucoup moins souvent qu'avant.

Toujours est-il que sur CollyLogic -- un bloggueur anglais j'ai trouvé deux pépites :
- le Live preview qui permet de visualiser "proprement" le texte dans une balise <textarea> au fur et à mesure qu'on le tape
- un lien pour le filtre daltonien via une question posée à Simon Willison.

L'ergonomie en voiture : le coût du virage

mercredi 5 novembre 2003 :: perrick :: Ergonomie :: 3 commentaires :: aucun trackback

Dans Fast Company, j'ai découvert un article intéressant sur How MapQuest Gets You From Here to There -- Comment MapQuest vous amène d'ici à là-bas. Il révèle en particulier un point très intéressant de leur algorithme : le "turn costing" -- le coût du virage.

"Tourner à gauche est plus dur que de tourner à droite. Donc si on peut vous amener là-bas avec trois virages à droite au lieu de deux virages à gauche, on le fera." Si c'est pas beau la technologie.

Des 'patterns' (modéles) d'applications web

jeudi 13 mars 2003 :: perrick :: Ergonomie :: un commentaire :: aucun trackback

Un article dans Builder.com présente un bouquin sur les "patterns" de sites webs. Dit-on "modèles" en français.

Bref au lieu de réinveter la roue à chaque site, les auteurs du livre y proposent 12 groupes de modèles à ré-utiliser / ré-aménager suivant les projets et leurs contraintes. Merci à PHP Developper pour le lien.

Cet article vient quelques jours après une profonde remise en question de l'ergonomie d'openTIME. Et pendant cette recherche, j'avais trouvé de mon côté deux sites avec une démarche similaire :
- http://www.welie.com/patterns/, un site hollandais en anglais mais sans image.
- http://time-tripper.com/uipatterns/, moins complet mais avec les images qui le rendent plus immédiat et plus abordable.

On en reparlera plus tard ! Mais si vous avez d'autres liens sur le sujet, je suis preneur : laissez un commentaire par exemple !

La fin du HTML ?

lundi 24 février 2003 :: perrick :: Ergonomie :: aucun commentaire :: aucun trackback

Je vois de temps en temps des articles qui prédisent la fin du HTML : le dernier en date ici. Et ça depuis pas mal de temps. Alors que en fait, les technologies qui percent sont celles qui gravitent autour et en dépassent les limites. Mais sans jamais le mettre de côté.

Les PHP, ASP et consorts en produisent à la volée, le CSS le rend plus beau et accessible, Google transforme du Word ou du PDF en... HTML.

Voilà pourquoi, Jason peux avancer que les moteurs de 'templates' en PHP vont mourir. Parce que CSS + PHP = Template + PHP et que au final on ne voit que ce bon vieux (D)HTML.

Et pour ceux qui ne sont pas convaincus, je vous invite à consulter http://oddpost.com/. Il s'agirait de la meilleure application en ligne selon Liens de navigations complémentaires mercredi 5 février 2003 :: perrick :: Ergonomie :: aucun commentaire :: aucun trackback

Récemment (hier) j'ai installé la nouvelle version d'Opera sur mon ordinateur. Non pas la version 7.0 sortie il y a quelques temps, mais la version 7.01 avec quelques trous de sécurité en moins voir liens de navigations complémentaires.

Pour ceux qui auront installé Opera 7.01, je vous propose d'aller voir ces quelques blogs :
- http://www.holovaty.com/
- http://www.marketingfix.com/

Vous remarquerez peut-être des liens complémentaires qui s'affichent sous la barre avec l'URL. Dans mon navigateur, ça donne :



Si il y a d'autres navigateurs qui affichent ces liens un peu particulier du type : <link rel="start" title="Home" href="http://url/of/home/page" />, laissez un commentaire, je suis curieux de voir.

L'interface d'openTIME continue son évolution

vendredi 22 novembre 2002 :: perrick :: Ergonomie :: aucun commentaire :: aucun trackback

L'évolution d'openTIME continue... A présent, voici ce que ça donne (en réduction ;-) :



Pour ceux qui découvrent openTIME pour la première fois, c'est un logiciel intranet qui permet de valoriser les heures passées par projet / dossier / client / etc... C'est surtout l'outil en gestation au sein de No Parking - mon entreprise.

Au menu de cette évolution, le passage vers les feuilles de style (CSS). C'est un courant qui prend de l'ampleur avec la campagne pour les standards sur le net, mais aussi avec les actions marketing de Mozilla ou d'Opera - et de sa version 7.0 beta très prometteuse.

Ceux qui s'intéressent à la propagation de ces feuilles de style sont invités à consulter deux weblogs en particulier :
- Holovaty.com
- Les standards du W3C

Sinon un des principaux avantages de cette conversion, c'est que le nombre des images utilisées s'est considérablement réduit : d'une bonne quinzaine, on est passé à deux. Et d'ici quelques temps, je pourrais peut-être vous donner l'impact réel sur les temps de téléchargement.

1 2 >>