ergonomie, utilisabilité, accessibilité, architecture de l’information, IHM etc

En vrac - Accessibilité, ergoIHM & Vista

- Un rapport de Jakob Nielsen sur l’accessibilité à télécharger gratuitement ! 

- ErgoIHM propose un univers Netvibes consacré à l’ergonomie. Sympa en plus j’y suis repris  :-)

- Vista : la pire déception de l’année pour le magazine PC World

Usability Day 2007 - Les présentations françaises

En attendant d’avoir les slides du Usability Day Belge, je vous propose de voir les vidéos de l’édition française sur simpleweb.fr. Un programme alléchant et des intervenants de renoms au menu.

L’expérience utilisateur - les 10 modèles à voir

Après les 10 noms de l’expérience utilisateur, je vous propose les 10 modèles représentant la User Experience (expérience utilisateur) à connaître.

 

The elements of user experience de Jesse James Garrett 

user experience garrett

 User experience design de Peter Morville

user experience morville

The importance of user experience de Frank Spillers

user experience spillers

The user experience design de Kimmy Paluche

user experience paluche

User experience hierarchy of needs de Stephen P. Anderson

user experience anderson 1

User experience de Natan Shedroff

user experience shedroff 1

UX de Peter Boersma

user experience boersma

User experience wheel de Magnus Revang

user experience revang

User experience de Lou Rosenfeld et Jess McMullin

user experience rosenfeld mcmullin

The user’s experience cycle de Jess McMullin

user experience mcmullin

Moi je n’en connaissais que 3-4 et vous ? Lequel préférez-vous ? 

Livre - “ergonomie web” d’Amélie Boucher

Sorti hier (8 novembre 2007, tien tien LE jour du World Usability Day !), ce nouveau livre promet : “Ergonomie web - pour des sites web efficaces” par Amélie Boucher.

Amélie Boucher n’est bien sûr pas une débutante puisqu’elle est l’auteur d’un des sites francophones de référence sur l’ergonomie : ergolab !

ergonomie web boucher

Au programme :

Introduction à l’ergonomie web
- L’ergonomie web, qu’est-ce que c’est ?
- Top 10 des idées reçues sur l’ergonomie

Dans la peau de votre internaute : les fondements de l’ergonomie
- Comprendre l’internaute : d’abord un être humain
- Définir votre internaute : critères et méthode des personas

Les règles de l’ergonomie web
- 12 règles pour optimiser l’ergonomie de votre site
- L’audit ergonomique : conseils et méthodologie

Les étapes de la conception web : pensez votre site de A à Z
- Définition des contenus et analyse concurrentielle
- Architecturer l’information et les interactions
- Passez à l’écran : zonings et maquettes

Mettez votre site à l’épreuve
- La méthode du tri de cartes pour organiser un site
- Les tests utilisateurs

Ca promet, moi en tout cas je le commande de suite.

Disponible sur Amazon France pour une trentaire d’euros.

(via QualityStreet

World Usability Day 2007 - Réaction à chaud

Voilà, c’est terminé ! Le Usability Day belge 2007 a été un succès.

Nous avons accueilli une centaine de personnes (prestataires, bloggeurs et universitaires principalement) et les intervenants ont été très bon.

Je tiens d’ailleurs à les remercier encore pour leur intervention:

- Sacha Kocovski (ergolabs)

- David Geert (KUL)

- Jean-Marc Hardy (60questions.net)

- Jean Vanderdonkt (UCL)

L’interaction entre le public et les orateurs s’est faite naturellement et d’intéressantes discussions ont pu avoir lieu. 

Le drink de fin de soirée m’a permis de rencontrer deux bloggeurs belges que je lis mais ne connaissais pas : Monique et Katsoura !

Avant de diffuser les présas (slideshare probablement), je vous propose de regarder

- 2 vidéos de l’évènement par Katch’a TV que j’ai recu en me levant (rapide :-) )

- des photos de l’event par Baptiste 

- des images de Moosh

Merci à eux !

Rappel - World Usability Day à LLN ce soir

martine au world usability day belgique

Beaucoup d’inscrits et un programme alléchant, que demander de plus ?

A ce soir ! 

En vrac - empathie, normes et wireframes

- L‘empathie : un outil ergonomique ?

- Evaluation ergonomique : pensez aux normes !

- Présentation des wireframes et des outils (je conseille particulièrement la présa power point!)

Un peu d’ergocentrisme hum hum

J’ai u la chance d’être interviewé par Cédric Godard sur Mint ce lundi 30 octobre vers 19h.

Pour parler de l’organisation du World Usability Day belge 2007.

Un petit exercice sympa mais stressant …

Je crois m’en être pas mal tiré.

Je m’en remet à votre impitoyable jugement :

Alors ?  :-)

Wireframes avec Illustrator

Il y a plusieurs mois, j’avais suivi quelques billets de Superfiction qui présentait plusieurs logiciels pour réaliser des wireframes. Comme il n’avait pas présenté l’oiutils que j’utilise, je lui avais proposé décrire un billet moi-même sur Illustrator.

C’est donc ce que j’ai fait, avec un peu … de retard (:-)).

 

Brève présentation d’Illustrator

Illustrator est un logiciel graphique d’Adobe (Photoshop, Indesign, Dreamweaver, etc) qui permet de faire du dessin vectoriel.

 

Les avantages d’Illustrator

- travailler en taille réelle, pixels

Lorsque l’on travaille dans le web, travailler en pixels ce n’est pas un luxe. je crois que Visio et powerpoint ne le permettent pas. Pour moi c’est esentiel de savoir si ce que je met dans mes pages peut réellement y rentrer.

- très précis

Vous pouvez zoomer, zoomer et zoomer encore, pas de problème ! On peut y travailler au pixel près !

- très visuel

Comme c’est, à la base, prévu pour les graphiste / designer on y retrouve toutes sortes d’option qui vont rendre les wireframes agréables visuellement (même si, on est d’accord, le but et de na pas être trop visuel mais plus structurel, le client auraz moins “peur” si c’est un peu joli !) 

- surface de travail assez grande

La surface est énorme pour faire un brouillon, des changements, des variations, etc Je ne suis pas seulement limité à ma page de base mais j’ai 30 fois plus d’espace.

- la fontion “coller à la même place” est géniale !

Pour tout aligner, c’est vraiment top (ctrl + f) 

- Beaucoup de possibilités

Vous pouvez tout faire avec Illustrator.

 

Les incovénients d’Illustrator

- pas templates

C’est probablement le plus chiant avec Illustrator. Vous devez changer la place du logo de gauche à droite ? ben faut manuellement le changer sur toutes vos pages … eh oui !

- difficile à prendre en main au début

La première fois, c’est chaud : beaucoup d’options, touts les outils, etc. Ensuite avec de l’entrainement, on devient plus rapide et efficace (grâce notament aux raccourcis) 

- génère des fichiers assez lourds

- ce n’est pas un outil conçu pour cette tâche

Pas de lien, générer un tableau c’est chaud, pas d’HTML évidement,  les composants de base (dropdown, bouton, radio button, etc) n’existent pas dans la bibliothèque , etc

- son prix est assez cher puisqu’il coute environ 800 EUR. 

Je crois que c’est plus cher que les autres (Visio, Powerpoint, Axure, etc

- Exporter en PDF est fastidieux

C’est parfois un peu laborieux puisqu’il faut créer un .ai par page puis les passer dans Adobe Acrobat ou alors passer par PowerPoint puis Acrobat.

Ce que celà donne en pratique

ergonline wireframes illust

 

Pour conclure

Je dirais que je suis content de l’avoir écrit si tard car j’ai plus d’expérience maintenant (1 an et demi) ce qui me permet d’être plus critique vis-à-vis de l’outils.

Après la lecture des billets de Superfiction, je me rend compte qu’Axure semble être vraiment top. J’en profite pour demander à mon chef, en plus d’un MacBook, de réfléchir à Axure ;-)

 

En vrac - crédibilité, web 2.0 & utilisabilité

- 10 conseils pour améliorer la crédibilité de votre site web et les 4 types de crédibilité

- Stratégies sort un Spécial internet 2.0

- 30 concepts-clés de l’utilisabilité