background preloader

Ergonomie web illustrée

Ergonomie web illustrée
Related:  Ergonomie UX

Ergolab 7 enseignements pratiques tirés du eye-tracking : le F-pattern Cet article inaugure une série de 7 articles à propos des enseignements du eye-tracking, technologie qui permet de voir à travers le regard des utilisateurs sur les sites web. Utilité de l’eye-tracking en tests utilisateurs Ah, le eye-tracking ! En français, d’ailleurs, on dit l’oculométrie. L’eye-tracking est donc une technologie qui a le grand avantage de pouvoir se mettre (presque) dans la tête du client lorsqu’on l’observe au cours d’une séance de tests utilisateurs. Outre qu’elle permet de comprendre des comportements spécifiques dans le cadre d’une étude contextualisée, elle a aussi permis de tirer un certains nombres d’enseignements généraux très utiles qui une fois assimilés permettent de mieux raisonner sur la manière dont les gens voient et utilisent les pages de votre site. C’est pourquoi ce billet inaugure une série : 7 enseignements pratiques tirés du eye-tracking. Qu’est-ce qu’une carte de chaleur ? Représentation de l’attention des lecteurs Pourquoi cela ?

Smashing UX Design — Usability, Psychology and Information Architecture Category: UX Design This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics – for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies. Curated by Chui Chui Tan. . Popular tags in this category: Freebies, Web Design, Techniques, Inspiration, Business A Guide To Validating Product Ideas With Quick And Simple Experiments You probably know by now that you should speak with customers and test your idea before building a product. Mistakes include testing the wrong aspect of your business, asking the wrong questions and neglecting to define a criterion for success. Read more... Building Clickthrough Prototypes To Support Participatory Design Read more... Creating Responsive Prototypes With Adaptive Views In Axure RP 7

10 crimes sur l’ergonomie des sites web que vous ne devriez plus commettre L’article sur les 10 crimes sur les balises HTML que vous ne devriez plus commettre est actuellement l’article qui a été le plus lu sur Kiwano et aussi celui qui a entrainé le plus de commentaires de votre part. Alors, nous n’avons pas pu résister à l’idée de vous proposer une traduction du nouvel article de Chris Spooner intitulé « 10 Usability Crimes You Really Shouldn’t Commit » sur son blog Line 25 Web Design Blog. Voici donc une sélection des dix crimes les plus courants concernant l’ergonomie et l’accessibilité des sites webs avec la solution pour les éviter. Crime n°1 : avoir des labels non associés aux champs de saisies dans vos formulaires Il est indispensable d’utiliser la balise label pour vos labels de formulaires et de renseigner l’attribut « for » pour pointer sur l’ID du champ de saisie. Crime n°2 : avoir un logo qui ne contient pas de lien vers la page d’accueil de votre site Crime n°3 : ne pas avoir de couleur différente sur les liens qui ont été visités

Exemple de test utilisateur sur le site seloger.com Why Your Links Should Never Say “Click Here” by anthony on 06/20/12 at 10:39 pm Have you ever wanted your users to click your links, but didn’t know how to get them to act? When some designers run into this problem they’re tempted to use the words “click here” on their links. Before you give in to the temptation, you should know that using these words on a link can affect how users experience your interface. “Click” Puts Too Much Focus on Mouse Mechanics Using the word “click” on your links takes the user’s attention away from your interface and on to their mouse. “view” relates to the users task, while “click” puts the focus on mouse mechanics Instead of using the word “click”, look for a different verb you can use that relates to the user’s task. “Here” Conceals What Users are Clicking Some links don’t use the word “click”, but instead they use the word “here”. when your link doesn’t just say “here”, users can skip the verbose text and go right to the link when each link is labeled, they’re a lot easier for the user to distinguish

Ergonomie de la page d'accueil Introduction La page d'accueil est un des thèmes récurrents en ergonomie web. Son rôle capital en fait une des pages les plus analysées d'un site. Cet article présente les fonctions d'une page d'accueil ainsi que quelques règles simples à appliquer pour qu'elle soit utile et facile à utiliser. De plus, il existe beaucoup de recommandations valables pour l'ensemble d'un site web (en termes de cohérence, de lisibilité, de trouvabilité, de terminologie...), mais dont on ne parlera pas ici car elles ne concernent pas spécifiquement la page d'accueil. 1. On parle de "page d'accueil" pour désigner la principale page d'un site web, permettant l'accès aux autres pages du site et accessible par le nom de domaine. Une vraie page d'accueil est une page qui sert, qui présente de l'information et permet de naviguer. Il n'y a par exemple pas d'utilité réelle à faire choisir uniquement la langue dans une page intermédiaire. 2. 2.1. 2.2. 2.3. 3. 3.1. » Navigation » Information 3.2. 4. 4.1. 1. 2. 3. 4. 5.

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 ? Ces règles simples peuvent vous permettre d'accrocher et de conserver vos lecteurs. Dans cette page : Les standards - Principes de mise en page - Importance du contraste - Le zapping - L'esthétique - La couleur En bref ... Respecter les standards Vos visiteurs sont habitués à certains mécanismes, ne les perturbez pas. A lire en complément : Ergonomie d'un site Web par Kreatys En détail ... Quelques principes de mise en page La communication écrite existe à grande échelle depuis plus de 500 ans. Les légendes des belles images sont lues même par les visiteurs pressés ! source image : civilization.ca La mise en page doit être conçue comme une pyramide. Le titre : Court, explicatif, accrocheur. 50% des lecteurs quitteront votre page si le titre est absent ou peu intéressant. Les paragraphes : Vous devez développer une seule idée par paragraphe. Le zapping

Les marques, commerçants et opérateurs de service seront "Responsive Ready" dans le monde ubimédia Le Responsive Web Design est-il soluble dans la digitalisation du monde physique ? Dans le domaine de la conception d'interface, le "Responsive Web Design", qu'on appelle aussi « One Web » (un web unique lisible et ergonomique partout sur tout type d'écran), se voit opposer cette critique: comment garantir une expérience utilisateur réellement adaptée à chacun des contextes d'usage et de connexion si la marque, le marchand ou l'opérateur de service, se bornent à répliquer le même contenu, certes parfaitement ergonomique, mais qui n'exploite pas finement les caractéristiques du contexte et le background de l'utilisateur ? Le responsive c'est quoi ? J'ai voulu creuser la différence entre "answer" et "response" , et je comprends que la notion de responsive renvoie à la notion de réponse, non pas dans le sens, répondre à une question ( to reply to the answer), mais comme l'attitude qui aboutit à la réponse. Cela peut être un réflexe, une réaction à un moment donné, pour une situation donnée.

Comment doper ses ventes grâce aux tests AB? Après mon texte sur le click tracking pour améliorer l’ergonomie de son site WEB (article que vous pouvez retrouver ici), voici un article sur une autre technique complémentaire : le test AB… Le test AB est une technique marketing qui consiste à analyser le choix d’un consommateur face à deux variantes d’un même produit, afin d’en déterminer le plus porteur. Ce test a pour but d’améliorer l’ergonomie web de votre site et ainsi d’optimiser votre CA. L’intérêt du test A/B L’intérêt de proposer plusieurs variantes d’une même page Internet permet de déterminer une stratégie visuelle pour améliorer le taux de transformation de la dite page. Qu’est-il possible de tester avec l’AB testing ? Cette technique e-marketing n’a de limite que l’imagination de celui qui la met en place car tout peut-être modifiable afin d’améliorer l’ergonomie d’un site : positionnement d’un bouton, couleur ou taille de la police de caractère, couleur de fond.

Related: