Nouveau thème wordpress

Wordpress thème: "ergonomie web"

J’avais envie de voir ce que cela représentait de réaliser un thème pour WordPress. J’ai profité du lancement de ce blog pour répondre à cette question. C’est finalement relativement simple, le travail le plus compliqué étant de trouver les tags disponibles dans l’aide fournie par WordPress (ce qu’ils appellent en bons geeks ayant passé trop de temps à Warhammer 40,000: le Codex ).
Poursuivre la lecture »

Formulaire de recherche avancé bien articulé

search

Le site dédié aux extensions Firefox a implémenté une habile manière d’articuler la recherche simple et la recherche avancée sur un site internet.

Poursuivre la lecture »

Outils de prototyping / wireframes

prototype

Voici une liste de logiciels, gratuits (freeware) ou non, qui permettent de faire des mockups, prototypes et/ou wireframes. Si vous en avez testé l’un ou l’autre, n’hésitez pas à partager vos impressions via les commentaires. Poursuivre la lecture »

Placer l'utilisateur au centre de la création

Que l’on travaille seul ou au sein d’une équipe à la réalisation d’un site internet, un professionnel sérieux doit tester l’ergonomie du site tout au long de son développement.

J’enseigne à mes étudiants en ergonomie web une méthode simple visant à placer l’utilisateur final au centre du processus de création. J’ai décidé de la partager via ce blog, afin, qui sait, de l’enrichir de votre expérience !
Poursuivre la lecture »

outil gratuit pour réaliser des mockups

pencil

Dans le cadre de mes cours dédiés à l’ergonomie web, je cherchais un outil gratuit à proposer à mes étudiants pour réaliser des schémas d’interfaces-utilisateurs rapidement et proprement.

Notez que je leur apprends à commencer par une discussion muni de simples feuilles de papier et d’un crayon: on n’a toujours rien inventé de mieux pour permettre au cerveau de s’exprimer rapidement. Mais ces schémas réalisés à la main sont souvent difficiles à relire après quelque temps, aussi il est bon de directement les mettre au propre, sans que cela prenne trop de temps. Poursuivre la lecture »

google maps intégration

nycgo_map

Excellente intégration de google maps et d’images pour le nouveau site touristique de New York

12 modèles d'interfaces pour applications web ou desktop

Standard screen patterns

L’image ci-dessus représente 12 schémas d’écrans standards, utiles pour le développement de RIA, par Theresa Neil. Comprenez-les comme des templates de solutions.
Poursuivre la lecture »

Previsualiser une image avant de la charger

imgpreview jquery pluginUn nouveau plugin jquery que je trouve potentiellement intéressant, dans certaines situations où l’on souhaite montrer des images à partir du texte qui les défini. Un tutoriel par exemple: au lieu d’interrompre la lecture par des captures d’écran, donner accès aux captures d’écran en mettant le lien pointant vers l’image sur l’étape ou la tâche à effectuer. Poursuivre la lecture »

Microformats pour améliorer l'ergonomie web

Sitepoint a un bon article décrivant une application « concept » pour appareils portables (type iphone) qui met à profit la présence de microformats pour grandement améliorer l’ergonomie des sites consultés.

How Mosembro Uses Microformats to Improve Usability.

Firefox projette d'intégrer l'évaluation ergonomique dans ses produits

Though still in the concept stage, Mozilla is planning an interesting new platform called Test Pilot that will allow every Mozilla Labs project to push out usability tests directly to participating users. The platform will begin life as a Firefox extension with the goal of gathering a 1% representative sample of Firefox users — which is a tall order given the Firefox has many millions of them.

via SitePoint » Firefox Plans Built-In Usability Platform.