Designing The Obvious de Robert Hoekman

Ce bouquin est juste excellent.

Sous une approche très subjective de l’écriture (Hoekman y dévoile sa propre expérience), l’auteur nous livre des montagnes de « tips & tricks » coulant de bon sens sur l’échafaudage d’interfaces utilisateur sur le web.

Designing the Obvious
Auteur : Robert Hoekman, Jr.
Éditeur : New Riders 2007
ISBN-10 : 0-321-45345-X
ISBN-13 : 978-0-321-45345-7

Quelques thèmes abordés

• Placer l’utilisateur (et donc le consommateur) au centre de notre réflexion pour maximiser son taux de conversion
• Cibler les besoins utilisateurs les plus courants et abandonner les fonctionnalités « sympa à avoir »
• S’adapter au modèle mental des internautes et employer des figures métaphoriques
• De l’importance d’être consistant dans ses choix de design
• Lien / bouton : quand et comment les employer ?
• Gestion des erreurs : les rendre plus « humaines »
• Scénarios utilisateurs : écrivez des histoires et prévoyez les embûches
• De l’idée au prototyping, en passant par le wireframing

En environ 250 pages, Hoekman m’a ouvert les yeux sur un tas de techniques qui m’aident dans mon travail de tous les jours. Bref, ce type a compris beaucoup de choses sur la préhension des applications web, et sait le faire partager.

Quelles lectures recommanderiez-vous à tout web designer ou autre professionnel du web ? J’attends vos suggestions pour garnir nos étagères…

Dans ma quête du pouvoir me permettant de conquérir le monde d’une meilleure organisation personnelle et professionnelle, j’ai acheté Getting Things Done bien après tout le monde (première publication en 2001), puisqu’il est désormais entendu que la méthode de David Allen est LE best-seller mondial de l’organisation de tâches.

Getting Things Done, the art of stress-free productivity, ou GTD, est depuis 2005 une marque déposée. Respect donc, mais que peut bien nous apporter ce genre d’ouvrages, à nous les gens du Web qui ne sommes pas comme les autres (enfin, c’est ce qu’on dit…) ?

Atteindre un état de productivité sans stress

Ah çà déjà, ça me parle ! Non que je sois un adepte des nœuds dans l’estomac avant la présentation du site qui tue, mais quand même la vie de web entrepreneur n’est pas qu’un chemin pavé de fleurs… Bien souvent, c’est l’accumulation de tâches, dans un contexte déjà chargé de , qui déclenche cette sensation de saturation mentale :

La majeure partie du stress que subissent les gens naît d’une mauvaise gestion des engagements qu’ils prennent ou qu’ils acceptent. (…) Les personnes dans cette situation deviennent invariablement plus détendues, plus concentrées et plus productives lorsqu’elles parviennent à gérer plus efficacement les questions non résolues de leur vie.

David Allen analyse nos comportements de stressés de la vie (car le pro et le perso s’entremêlent souvent, nous ne sommes que de pauvres créatures humaines…) et nous conseille les étapes suivantes :

1. clarifiez le résultat que vous voulez obtenir,
2. décidez de la prochaine action à effectuer,
3. notez un rappel du résultat voulu et de l’action requise dans un système fiable.

Facile à dire, mais pour cela il faut en premier lieu faire un listing complet et détaillé de tous les projets en suspens, toutes les tâches à réaliser, tout ce qui nous encombre l’esprit et qui ne sera traitable correctement que si couché sur une liste (papier ou électronique, ne renions pas nos origines…).

J’ai donc commencé par traiter tout dans Things (sous Mac, mais de nombreux logiciels similaires existent pour Windows ou Linux), un petit logiciel bigrement bien fait qui permet de classer ses priorités projet par projet avec (ou non) des dates d’échéances.

En effet, si l’on se réfère à l’excellent article d’Argancel sur le blog C’éclair.fr, appliquer la GTD revient à :

1. Libérer son esprit : ne gardez pas dans un coin de votre mémoire les tâches à réaliser, consignez-les dans une liste qui vous permettra de vous concentrer sur votre travail en cours.
2. Effectuer une gestion verticale et horizontale des actions : à tout moment, vous devez tenir à jour votre liste horizontale (à plat, je dois faire X, Y, et Z) et verticale (je dois acheter A et appeler B pour enfin aller au point C me permettant d’aachever correctement la tâche X).
3. Organiser son flux de travail selon 5 principes : ce n’est qu’en canalisant vos entrées te sorties que vous pourrez appliquer le filtre de contrôle nécessaire à une gestion rigoureuse de vos urgences.
   1 = collecter les sujets qui retiennent notre attention
   2 = traiter leur contenu et déterminer l’action qu’ils exigent
   3 = organiser les actions concrètes à exécuter
   4 = revoir les actions et évaluer les options
   5 = agir en fonction des options choisies
   

   Diagramme getting Things Done - Source : Archimarketing

4. Suivre un processus de mise en route du projet établi : Calqué sur notre fonctionnement naturel, Allen propose le modèle suivant :
   1 = définir la raison et les principes
   2 = se représenter les résultats
   3 = faire du brainstorming
   4 = s’organiser
   5 = déterminer les premières actions à exécuter
5. Effectuer un entretien régulier de sa liste : pour valider, amender, corriger ou supprimer des tâches ; car ce n’est que si elle est parfaitement à jour qu’elle vous aidera à mieux vous organiser.
6. Faire le bon choix d’action : les critères suivants doivent vous aider à qualifier chacune des demandes en

La méthode Getting Things Done, en résumé

Source : Archimarketing.com

• Collectez toutes les choses qui vous préoccupent dans votre vie privée et dans votre vie professionnelle
  • Documents physiques (feuilles volantes, magazines à lire, livres, etc.)
  • Idées
  • Questions en suspens
• Déterminez ce que vous devez faire avec chaque “chose” collectée
  • Une action est-elle nécessaire?
  • Est-ce que cette action prend moins de deux minutes?
  • Si c’est le cas, faites-la à l’instant
  • Si ce n’est pas le cas, organisez en suivant le diagramme
• Faites une liste de tous vos projets personnels ou professionnels
• Pour chacun de vos projets, déterminez la prochaine action à exécuter
• Faites une ou plusieurs listes des prochaines actions à accomplir
• Révisez vos listes de prochaines actions dès que vous avez un moment de libre
  • Faites le bon choix en évaluant vos options
• Révisez vos listes de projets chaque semaine
• Révisez une ou deux fois par an vos projets de carrière et de vie

Bilan perso face à la conquête du monde grâce à GTD

Pour être totalement franc, j’en suis à la première semaine de mise en application progressive de ce management du temps et des tâches, j’avoue que les premiers résultats sont concluants mais qu’il reste encore beaucoup à faire pour bien rationnaliser tous les moments de la journée professionnelle.

L’objectif étant de faire mieux et plus rapidement ce que l’on accomplit d’ordinaire,  je ne saurai que trop vous encourager à essayer cette méthode qui me permet —déjà !— d’éviter d’oublier d’envoyer un email de remerciement, de passer prendre le costume au pressing, ou de se concentrer à 100% sur ce devis hyper important avant d’entamer quoi que ce soit d’autre !

Pas très à l’aise avec l’interface de Lightroom, et pourtant décidé à me servir « vraiment » des puissantes fonctionnalités de ce gestionnaire d’images made in adobe, je me suis décidé à faire l’emplette d’un bouquin me permettant de tirer parti des nombreux outils de gestion et de traitement photo de Lightroom.

Après plusieurs recherches sur le Net et dans ma FNAC préférée, j’ai finalement choisi le Traitement photo avec Adobe Photoshop Lightroom, édité par Dunod et visiblement plus adapté à mes besoins que des ouvrages du type Lightroom pour les photographes, car si j’aime prendre des photos le dimanche je suis encore loin de me considérer comme un photographe.

Voilà ce que je pouvais alors trouver comme infos sur ce livre, à la source (chez l’éditeur) :

En suivant progressivement les différents modules du logiciel, ce livre vous explique toutes les fonctionnalités de Lightroom, de la prise en main à l’utilisation des fonctions les plus avancées. Les fichiers RAW, la correction chromatique, l’impression de planches-contact et même la mise en ligne de vos photos n’auront plus de secrets pour vous.

Cet ouvrage vous montre comment :

• classer vos images à l’aide de métadonnées et de mots-clés ;
• visionner vos photos grâce à des outils et une interface très bien étudiés ;
• corriger vos clichés à l’aide d’outils familiers pour les photographes ;
• créer des diaporamas en quelques clics ;
• imprimer vos photos à l’aide de modèles prédéfinis ;
• réaliser facilement des galeries photos pour le Web, en HTML ou en Flash.

29 euros plus tard, je dois avouer que les promesses sont tenues, Lightroom est un formidable outil semi-pro qui permet de gérer de façon vraiment correcte non seulement des milliers de clichés (j’ai passé les 10.000 l’été dernier, mine de rien ça se fait vite!), mais également toutes ces petites choses auxquelles je suis attaché :

• les paramètres de couleurs (profil, gain, etc.),
• les méta-données associées à un cliché (tout est stocké en XMP dans un fichier à part, vive le négatif numérique),
• un traitement exemplaire du format Brut RAW.

Le seul hic de cette machine bien huilée était de pouvoir en tirer le meilleur, une mission que remplit très honorablement ce bouquin. Et une fois que l’on maîtrise la bête, quel plaisir de conserver l’univers de la Creative Suite pour le traitement des photos au sortir de l’appareil !

Autre livre à méditer pendant les périodes plus calmes de la fin d’année,
Coder pour le web est un ouvrage sacrément bien conçu abordant la problématique épineuse de la conception selon les standards du web de gros sites dynamiques, car s’il est facile de concevoir un site portfolio répondant aux exigences les plus pointues des standards d’accessibilité et de validité du code xHTML/CSS ; il est en revanche beaucoup plus compliqué d’observer la même rigueur avec des sites manipulant beaucoup plus de variables et de données.

Vous apprendrez notamment comment :

• créer des sites Web dynamiques proposant des réponses en temps réel aux entrées des utilisateurs,
• tirer parti de la puissance du PHP pour développer les règles métier de votre site,
• faire valider des formulaires afin de rejeter les données erronées ou malveillantes,
• importer et exporter des données depuis d’autres applications à l’aide de fichiers plats,
• construire des tables de base de données et les interroger avec des requêtes SQL afin de gérer les données générées par l’activité de votre site,
• développer un système de gestion de contenu simple,
• développer une zone de votre site Web réservée aux membres munis d’un mot de passe,
• construire un site Web par modèles avec un système de navigation dynamique.

» En savoir plus sur le livre Coder pour le web

Voici enfin un ouvrage complet sur un sujet rarement abordé et pourtant fondamental pour tous les concepteurs de sites Internet. Consultante en ergonomie et architecture de l’information, Amélie Boucher (lire son interview chez Eyrolles) nous fait profiter de son savoir-faire et nous montre que l’ergonomie ne relève pas que du bon sens.

Un travail vraiment intéressant qui, selon moi, doit être à l’origine de tout concept Web tant il permet d’éviter certaines erreurs de conception et d’anticiper des faux pas tout au long de la phase de conception et réalisation d’un projet de site Web.

Parole à son auteure :

Ergonomie web offre donc à la fois des conseils pratiques simples à appliquer et des pistes méthodologiques pour intégrer l’ergonomie au quotidien dans un projet web.

Cependant, l’ouvrage ne se limite pas à cela. Il expose aussi les fondements théoriques qui sous-tendent les grandes règles d’ergonomie. Ainsi, il est à la fois intéressant pour découvrir cette discipline, mais aussi pour approfondir ses connaissances. Ce faisant, il s’adresse à la fois aux débutants et aux lecteurs plus avancés.

Quelque soit leur métier, tous les acteurs du web pourront y acquérir un niveau de base, une sorte de « culture générale » d’ergonomie web. Il est d’ailleurs absolument nécessaire que nous partagions tous cette culture. C’est ce qui nous permettra de promouvoir un meilleur Internet, pensé pour ses utilisateurs. Ensuite, chacun en fonction de son métier (décisionnaire, chef de projet, concepteur, designer, intégrateur, webmaster, etc.) entretiendra ses propres affinités avec chacun des 12 chapitres qui composent le livre.

» Voir la fiche complète de Ergonomie web, pour des sites Web efficaces.

Design web : utiliser les standards est LE bouquin fondamental du design ergonomique et respectueux des standards. Cette seconde mouture de la bible du webmaster, dont la première a été pour moi le déclencheur d’une réflexion aboutissant à la réalisation de sites 100% accessibles et réalisés sur le mode xHTML/CSS, contient de nouveaux articles, des exemples actualisés et des points de vues étoffés.

» Découvrir le livre Design web : utiliser les standards

Conception de sites web avec les CSS est un livre simple, complet et très pédagogique. Ecrit par le pape du CSS, Eric Meyer, cet ouvrage propose des exercices pratiques, agrémentés d’astuces et d’illustrations en couleur sur les dernières techniques de conception des sites Web en CSS (Cascading Style Sheets ou feuilles de style en cascade).

» En savoir plus sur le livre Conception de sites web avec les CSS

Steve Holzner vient de publier un guide du RSS et de ses mystères, pour les lecteurs et ceux qui publient au format RSS. Les 330 pages de ce beau bouquin distribué par Eyrolles est utile à ceux qui souhaitent créer un flux RSS de leur site/blog/wiki, utiliser le RSS côté lecteur/aggrégateur, ou intégrer les flux RSS au système d’information de leur entreprise.

Mon avis : un must ! Les entrailles du RSS n’auront plus de secrets pour vous. Un poil théorique au début, mais il faut bien poser les standards du RSS (lequel est déjà sacrément théorique à la base) ; et on entre rapidement dans le vif du sujet.