background preloader

Ergonomie Web

Facebook Twitter

Rendre l'information accessible à tous. L'Union Européenne des Aveugles demande que l'information soit accessible à tous, y compris aux personnes aveugles et malvoyantes, en même temps qu'aux autres et sans frais supplémentaires.

Rendre l'information accessible à tous

Dans la présente publication, nous nous intéressons à l'accessibilité des documents imprimés et des documents électroniques, destinés à un large public, dont les sites web, les livres, les factures, les lettres, les prospectus, etc. Cette publication a été réalisée avec l'aide du programme communautaire pour l'emploi et la solidarité sociale - PROGRESS (External link) . 1.1.

Techniques pour les règles d'accessibilité du contenu Web 1.0. Note du W3C 5-mai-1999 Cette version: Les autres versions de ce document ne sont pas disponibles. Latest version: L’accessibilité Web A11Y. (Pour voir les liens de cet article dans un nouvelle onglet faites un clic droit.)

L’accessibilité Web A11Y

Petit rappel l’accessibilité du web, qu’est ce que c’est? L’accessibilité web est le fait de rendre disponible l’information (tant textuelle que visuelle ou sonore), contenue dans une page web, à toute personne souffrant de handicap. Les handicaps peuvent être lourds ou légers, permanents ou ponctuelles, ils peuvent être de tout ordre, mentaux, moteurs, ou encore liés à l’age. 10 idées reçues sur l’accessibilité web.

Humeur : tout le monde il est beau, tout le monde il est ergonome. Attention, Explicit Words Attention, le présent texte contient des mots grossiers qui peuvent être nuisibles aux padawans (apprentis) ergonomes : « connerie », « bullshit » (caca de taureau) et « branlette ».

Humeur : tout le monde il est beau, tout le monde il est ergonome

Comment ce billet a muri Il y a quelques temps, j’ai décidé de me lancer dans un petit point lexical sur les composants d’interfaces graphiques utilisateur à l’usage des concepteurs. Comme il y a pas mal de choses à dire, je me suis dit que j’allais plutôt faire une série de billets. Finalement, je n’écris pas de billets sur la conception ergonomique dans ce blog, alors que j’exerce le métier d’ergonome. Quand j’ai commencé à rédiger le brouillon de la première série de billet à paraître (un lexique des composants), je me suis rendu compte que dans mon texte, je profitais de ce thème pour commencer à me défouler sur toutes les conneries que j’entends sur l’ergonomie et les ergonomes depuis de nombreuses années. Ergonomie : Pourquoi il est dangereux de s’écarter des conventions ? Ne pas respecter les conventions, c’est s’exposer à des risques L’ergonomie n’est pas une question de règles absolues.

Ergonomie : Pourquoi il est dangereux de s’écarter des conventions ?

C’est aussi, bien au contraire, le respect des conventions que les usages du web imposent et qui vont, parfois, à l’encontre des bonnes pratiques ergonomiques. Aussi, bousculer une convention, vouloir faire mieux peut partir d’une bonne intention, mais représente toujours un risque. En innovant, vous risquez d’aller à l’encontre de ce que les internautes peuvent rencontrer, les désorienter et, finalement, les perdre. Eye-Tracking : pourquoi vous pouvez vous en passer. 5O Bons Conseils Pour Concevoir un Site Internet User Friendly.  Generalia.fr. Ergonomie web - Interview de l'auteur : Amélie Boucher. L'ergonomie c'est comme le référencement : les secrets sont généralement bien gardés !

Ergonomie web - Interview de l'auteur : Amélie Boucher

Cet ouvrage s'aventure donc dans les terres inconnues de l'Edition. Qu'est-ce que Ergonomie web, paru aux Editions Eyrolles, apporte aux lecteurs en quête d'informations en matière d'ergonomie et à qui s'adresse-t-il ? Amélie Boucher : C'est un non-sens de vouloir faire de l'ergonomie une discipline qui entretienne la culture du secret. Mon objectif en écrivant ce livre est justement de donner à tous les bases de réflexion nécessaires pour concevoir des sites agréables à utiliser.

Boîte à outils web : pour les développeurs. De nombreux outils web gratuits existent sur Internet pour tester les polices de caractère, accorder, mesurer et mémoriser les couleurs.

Boîte à outils web : pour les développeurs

Des aides bien utiles pour les développers web pour concevoir des sites compatibles avec les différents navigateurs et qui répondent aux critères d'ergonomie web. Tester les polices de caractère : Typetester Mesurer le contraste des couleurs entre les polices de caractère et l'arrière-plan : Snook et Colour Sheck Accorder les couleurs : Color Sheme Designer Mémoriser le code d'une couleur affichée à l'écran : ColorZilla, l'extension de Firefox Tester l'affichage d'un site sous différentes versions d'Internet Explorer : IETester 1. Ergonomie web et conception web. Ergonomie-UX. Les règles de base font partie de mes petits outils de facilitation; un incontournable, quand il s’agit de mener une série d’ateliers de travail, qui rassure certaines Equipes que j’accompagne notamment au début de leur histoire quand l’Equipe se forme, et qu’elle monte progressivement en maturité… Jean Claude GROSJEAN – COACH d’Organisation.

Ergonomie-UX

Coach d’Equipes – Coach Agile. J’accompagne la transformation… L’atelier « User Story Mapping » (inventé par Jeff Patton) devient désormais un grand classique de mes activités de coaching agile auprès des Product Owner. Une activité que j’apprécie tout particulièrement puisque c’est mettre, à moindre coût, quelques éléments de réflexion UX dans une belle dynamique Agile… un grand pas vers l’AgileUX! Design et ergonomie d’un site Web. Comment faire en sorte que vos visiteurs se sentent à l'aise sur votre site, qu'ils y trouvent leurs repères et qu'ils aient envie d'y revenir ?

Design et ergonomie d’un site Web

Ces règles simples peuvent vous permettre d'accrocher et de conserver vos lecteurs. Ergonomie et affichage de texte. Séance d'introduction à l'accessibilité du Web. CFAI (Université de Montréal) Jeudi 26 mai 2011 Conférencier.

Séance d'introduction à l'accessibilité du Web

L'ergonomie dans le web design. J’ai la chance d’inaugurer un nouveau thème rédactionnel pour le blog. Si je vous dis ergonomie, architecture d’information, expérience utilisateur… Ca vous parle ? C&r... ressources. Expert Accessibilité - L’accessibilité pour les débutants. Ergonomie Web : Les bonnes pratiques, 12 règles pour s'initier à la conception d'interfaces à forte utilisabilité par Arnaud Lemercier.

Cet article fortement inspiré du livre Ergonomie Web d'Amélie Boucher (ergolab), a pour but de vous initier à l'ergonomie Web.

Ergonomie Web : Les bonnes pratiques, 12 règles pour s'initier à la conception d'interfaces à forte utilisabilité par Arnaud Lemercier

Vous y trouverez que l'essentiel et les bonnes pratiques à avoir en tête lors de vos conceptions d'interface web. Article lu 2562 fois. Utilisabilité (ou usabilité)▲ L'utilisabilité est définie par la norme ISO 9241 comme « le degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d'utilisation spécifié ». Audit ergonomique, tests utilisateurs, eye tracking : LudoTIC - ergonomie des IHM.

Ergonomie éditoriale. De l’ergonomie pour mon e-commerce - Amélie Boucher - une vidéo. Amélie Boucher : Ergonomie des interfaces riches - une vidéo Hi- Ergonomie web et logiciel, architecture de l'information, utilis. Valid XHTML YouTube embed code generator - Online tool. XHTML, CSS, accessibilité : confusions et amalgames - Journal du Net Développeurs. Exploiter les feuilles de style ne veut pas dire obligatoirement réaliser des contenus sémantiquement corrects ou accessibles, ou vouloir lutter contre les tableaux. Décryptage de certaines idées préconçues. L'utilisation des éléments (X)HTML (DIV en général) associés aux styles CSS devient le nouveau courant d'intégration et de mise en forme des documents pour de nombreuses raisons.

Cette nouvelle "mode" apporte son lot de fanatismes et surtout d'incompréhensions et de mauvaises utilisations. Concevoir un site Web de qualité. Concevoir un site Web de qualité ne s’improvise pas. Pour qu’un site Web soit utile et utilisable, en plus d’un contenu pertinent, il doit répondre à trois règles de base : Ergonomie Web. Ergologique.com - Ergonomie et utilisabilité d'interface web - Conception centrée utilisateur. Usability Best Practices For eCommerce Websites. Usability – a term that we hear almost everywhere we go on the web and for good reason. Good usability can mean the difference between one site’s success and the downfall of another. Usability is especially important in the case of e-commerce websites. While most usability principles of regular websites still apply for e-commerce sites as well, the different specific pages such as shopping carts, shipping methods, shipping and billing addresses, order reviews, payment options, etc. all add another layer of complexity to creating usable online shops.

Usability is a prerequisite for an online store to achieve its full potential. If people cannot shop, or are unwilling to go through a seemingly unsecured and long order process then the site is useless. After deciding what to purchase, the buyer’s next goal is to complete the buying as quickly as possible, and the website’s job is to hasten and streamline this process as effectively as possible. Online store site usability practices. Du crowdsourcing pour faciliter le quotidien des aveugles. VizWiz propose à un utilisateur de photographier un environnement sur lequel il a une question, puis d'envoyer sa demande. Une réponse, fournie par des employés dédiés, lui est transmise dans les deux minutes. Pour faciliter le quotidien des personnes aveugles, il n'est pas forcément besoin que l'ensemble des endroits qu'ils parcourent soient adaptés. Un collectif de chercheurs* travaille sur VizWiz, une application basée sur le principe du crowdsourcing : elle permet aux personnes qui souffrent de cécité de prendre des situations en photo tout en posant oralement une question, et d'obtenir une réponse en moins de deux minutes.

Cela grâce à une plate-forme comme Amazon Mechanical Turk, sur laquelle des employés répondent aux questions en fonction de la demande. Ici, les chercheurs ont exploité la technologie VoiceOver, développée par Apple et intégrée dans les iPhones 3GS. Requêtes Cela lui permet de naviguer si ce dernier est atteint de cécité. 10 conseils d’ergonomie basés sur des études de recherche « Kryzalid blogue — Le blogue d'une agence Web. Tout pour le Web : Design, idées, conseils, tutoriels.