Le bloc-notes ; ergonomie & UX » Bibliographie

Triplette : CSS3, HTML5, Responsive Design

Raphaël — Mon, 16 Jan 2012 20:56:20 +0000

Pour bien commencer l’année, je vous propose trois livres pour vous mettre à niveau en conception de pages Web.

CSS3 pour les web designers : Cet ouvrage décrit de manière claire et succincte la dernière évolution des spécifications CSS.
HTML5 pour les web designers : Ce manuel se lit vite et bien, et constitue une bonne entrée en matière pour aborder le HTML 5. Evoquant d’abord les versions précédentes, il précise ensuite les nouveautés du langage, notamment en matière de multimédia (audio et vidéo) et de graphisme vectoriel.
Responsive web design : L’auteur explique comment concevoir un site Web pour anticiper et répondre aux besoins de l’utilisateur.

Ces trois livres sont complémentaires car ils abordent trois aspects à prendre en compte quand on conçoit actuellement un site web : les css pour la forme, le HTML5 pour le contenu et le responsive design pour le rendre accessible sur tout les supports.

Couverture des livres, HTML5, CSS3, Responsive Design

Découvrez iTunes U !

Raphaël — Mon, 12 Dec 2011 09:36:06 +0000

Je ne sais pas si vous connaissez iTunes U et son contenu absolument exceptionnel ? C’est une des catégories disponibles sur iTunes dans le store. Le contenu proposé est gratuit dans sa grande majorité et proposé par des experts des différents domaines.

Je vous propose donc une petite sélection des présentations que j’ai trouvées. C’est loin d’être exhaustif vu le nombre et la qualité des intervenants.

En anglais

Human computer interaction.Université de Standford. C’est le lien vers la dernière session (Hiver 2011), mais vous pouvez retrouver les contenus des sessions précédentes aussi. (« Human-Computer Interaction Seminar » dans la recherche).
Développement sur iPhone et iPad.Université de Standford.

En français, au collège de France, sur la psychologie

Physiologie de l’action et de la perception. Collége de France, Alain Berthoz.
Psychologie cognitive expérimentale. Collége de France, Stanilas Dehaene.
Jean Piaget. Université Paris 5

Pour les rubriques ludiques et qui n’ont rien à voir avec l’ergonomie et les IHM.

Nationale Geographic. De nombreux photographes.

Il y a encore sans doute de nombreux trésors à trouver dans iTunes U et les contenus sont mis à jour régulièrement.

Mobile First !

Raphaël — Thu, 03 Nov 2011 14:10:26 +0000

Je suis en train de lire le livre de Luke Wroblewski, Mobile First, qui explique l’intérêt de concevoir d’abord pour les téléphones mobiles avant de concevoir pour d’autres supports.

Le livre est paru récemment, il s’appuie donc sur des exemples issus des smartphones actuellement sur le marché, iPhone en tête ! La démarche est pertinente, mais cela me fait un peu sourire.(...)
Lire la suite de "Mobile First !" (271 mots)

Datavision

Raphaël — Tue, 25 Oct 2011 12:18:55 +0000

Datavision est un livre de David McCandless sur le design d’information.

Il est intéressant transformation d’une masse informations brutes en image permettant la compréhension globale puis fine d’un problème complexe. Je connaissais son travail par son site qui présente régulièrement de nouvelles « visualisations ». C’est un travail intéressant sur la simplification de la présentation de l’information, qui pourrait être largement réutiliser dans des applications notamment professionnelles.

Datavision (Information is beautiful)

Si vous avez 10 minutes à perdre vous pouvez même jouer avec l’information !

2 livres ; Design thinking, CSS3 & HTML5

Raphaël — Fri, 15 Apr 2011 08:54:01 +0000

Pour ce vendredi, deux ouvrages qui m’ont paru intéressant ces derniers temps.

This is service design thinking

Un trés belle ouvrage sur la conception de service, c’est d’ailleurs le prochain sujet de l’UX Book club qui aura lieu sous peu ! Vous pouvez retrouver un aperçu sur le site du livre.

Illustration de "This is service design thinking"

CSS avancées Vers HTML 5 et CSS 3

Un peu de technique avec cet ouvrage qui présente le présent et l’avenir du web. C’est donc parfaitement indispensable pour mettre les mains dans les CSS.

La présentation faites l’auteur Raphaël Goetter (avec prénom comme ça c’est que du bon !) :

Vous croyiez tout savoir sur les CSS ?
J’ai une bonne et une mauvaise nouvelle pour vous…

Grâce à ce livre, vous irez encore plus loin en apprenant à faire usage des pratiques CSS2.1 avancées, mal connues mais pourtant déjà utilisables en production, et ce, pour l’ensemble des médias reconnus par les styles CSS (écrans de bureau ou mobiles, messageries, mais aussi impression, médias de restitution vocale, projection et télévision).

Maîtrisez tous les rouages des positionnements classiques et avant-gardistes, des apports technologiques de HTML5, exploitez les microformats, optimisez les performances d’un site, gérez efficacement vos projets, ou contournez les bogues des navigateurs (hacks, commentaires conditionnels, HasLayout…).

Enfin, profitez dès aujourd’hui des nouveautés de CSS3 : typographie, gestion des césures, colonnes, arrière-plans, dégradés, ombres portées, redimensionnement, rotations, transitions et autres effets animés, sans oublier les Media Queries, qui permettent d’adapter le site à son support de consultation.

Pour cette semaine ça devrait suffire à vous occupez !

Undercover user experience design

Raphaël — Tue, 14 Dec 2010 07:20:11 +0000

Le sous-titre de ce livre donne tout de suite le ton : « Learn how to do great UX work with tiny budgets, no time, and limited support ».

Ce livre est intéressant car il part du postulat très réaliste que l’expérience utilisateur et l’ergonomie en général n’est pas la préoccupation première de votre entreprise, de votre hiérarchie ou de vos clients. Vous disposez donc de peu de moyens d’actions et il faut faire avec pour convaincre, au jour le jour, vos interlocuteurs.

Donc point de théories révolutionnaires, mais simplement un excellent retour d’expérience sur le travail quotidien pour faire progresser l’ergonomie. Je pense que cela peut être une bonne entrée en matière pour des étudiants, des ergonomes, des designers qui ont besoin de faire avancer les choses sans faire peur. Pour personnes plus chevronnées, c’est aussi intéressant de voir que l’on est pas seule à ramer dans le même sens !

Retrouver ce livre :

Le site du livre : http://undercoverux.com
Sur amazon.fr

TED Talk, Donald A. Norman, 2003

Raphaël — Thu, 07 Oct 2010 12:20:41 +0000

Une intervention de Dan Norman en 2003 au TED Talk, à voir et à revoir. Je vous signale aussi son dernier ouvrage : Living With Complexity.

(rechargez la page, si ça ne s’affiche pas)

Prototyping

Raphaël — Thu, 08 Jul 2010 18:00:26 +0000

Aujourd’hui un très bon ouvrage sur les différentes méthodes de prototypage, du papier à divers logiciels. Si vous posez des questions sur les différents outils utilisables et ce qu’ils peuvent apporter au non, vous devrez y trouver vos réponses.

Le prototypage papier est aussi largement évoqué par l’auteur avec des exemples assez élaborés de montages sur papier.

La présentation de l’éditeur :

By Todd Zaki Warfel. Rosenfeld Media, November 2009.
Availability: Paperback + PDF (1-933820-21-7); 2 PDF editions (1-933820-22-5); ePub edition for iPhone, iPad, Sony Reader (1-933820-22-5)

Prototyping is a great way to communicate the intent of a design both clearly and effectively. Prototypes help you to flesh out design ideas, test assumptions, and gather real-time feedback from users.

With this book, Todd Zaki Warfel shows how prototypes are more than just a design tool by demonstrating how they can help you market a product, gain internal buy-in, and test feasibility with your development team.

Où l’acheter en version papier ou/et numérique ? : chez Rosenfeldmedia

La soumission librement consentie, à pied et à cheval.

Raphaël — Mon, 14 Jun 2010 07:25:28 +0000

Une petite note sur deux livres que j’ai lu en parallèle et qui a priori n’ont rien à voir. Le premier concerne la psychologie sociale et les théories de l’engagement. Le deuxième concerne l’équitation et plus précisément l’approche du dressage. Les deux livres :

La soumission librement consentie : Comment amener les gens à faire librement ce qu’ils doivent faire ? Robert-Vincent Joule, Jean-Léon Beauvois, PUF.
Dérives du dressage moderne : Recherche d’une alternative. Philippe Karl, Belin.

(...)
Lire la suite de "La soumission librement consentie, à pied et à cheval." (565 mots)

© Raphaël pour Le bloc-notes ; ergonomie & UX, 2010. | Permalink | Pas de commentaire |

Simplexité.

Raphaël — Tue, 25 May 2010 13:53:39 +0000

La simplexité est une théorie évoquée par Alain Berthoz dans son ouvrage « La simplexité ». Il la défini de la manière suivante :

Il faut distinguer simplexité et simplicité. Dans toutes les activités humaines, scientifiques ou sociales, nous sommes à la fois émerveillés et écrasés par la complexité. D’où l’élaboration de « théories de la complexité » – et de multiples tentatives pour simplifier qui conduisent, autant dans l’étude du vivant que dans celle de la vie sociale, à une caricature. Or la biologie, la physiologie, et les neurosciences ont établi l’existence de processus élégants, rapides, efficaces pour l’interaction du vivant avec le monde. Ces processus ne sont pas « simples » mais élaborent des « solutions », des comportements rapides, fiables, qui tiennent compte de l’expérience passée et qui anticipent sur les conséquences futures de l’action. Ils sont simplexes, comme le fil d’Ariane. Ces solutions exigent parfois un « détour » – elles ont un prix -, mais donnent l’apparence d’une grande facilité. J’ai esquissé à partir d’un terme utilisé dans d’autres contextes comme la géologie, les mathématiques, le design ou l’ingénierie, une « théorie de la simplexité » afin de rendre compte de ce qui est, à mon avis, l’une des propriétés les plus originales du vivant.

Cette notion de simplexité est à rapprocher des heuristiques. Les heuristiques tendent aussi à simplifier, à raccourcir, des processus complexes pour les rendre moins coûteux à utiliser.

En conception d’IHM, nous sommes souvent confrontés à cette notion de simplexité. Il faut se rendre compte qu’une bonne ergonomie ne se voit pas. Elle est transparente pour les utilisateurs qui d’ailleurs ne s’en souviennent pas.

Un processus complexe abouti à une solution simple et qui est perçue comme « facile d’utilisation ». Il est alors courant d’avoir des réflexions du type « mais c’est évident, on aurait pu le faire nous-même, l’ergonomie c’est que du bon sens ». Mais en réalité, concevoir des choses perçues comme facile d’utilisation demande beaucoup de rigueur et un souci du détail. Un exemple récent est le travail qui a été réalisé sur les interfaces de Bloomberg pour les salles de marchés.

Source :
La simplexité (chez amazon)

http://www.science.gouv.fr/fr/a-decouvrir/bdd/res/3375/la-simplexite/

Designing Interactions

Raphaël — Thu, 10 Dec 2009 12:02:00 +0000

Designing Interactions, Bill Moggridge, The MIT Press, 2007, 766 pages.

Un joli livre qui retrace la conception des IHM depuis une quarantaine d’années, avec de nombreuses interviews et exemples.

Vous pouvez télécharger les chapitres du livre sur son site.

[Màj] Correction du lien.

The design of future things.

Raphaël — Tue, 22 Sep 2009 13:00:21 +0000

Imaginez une voiture qui réagit comme un cheval ! The design of future things de Donals A. Norman.

Pour rappel, concernant le comportement des chevaux…

Cheval à l'obstacle.