background preloader

Ergonomie

Facebook Twitter

Principes d’organisation visuelle au sein d’un formulaire. Les formulaires sont les objets les plus représentés dans les sites applicatifs (applications métiers, sites e-commerce, etc…).

Principes d’organisation visuelle au sein d’un formulaire

Tout a été dit sur le sujet et pour cause, on en croise tous les jours. Les utilisateurs continuent pourtant de s’arracher les cheveux dans leurs tâches quotidiennes de saisie de contenu ou encore lors d’un achat en ligne ou la création d’un compte : « je perds du temps », « ahhh, non… j’ai perdu toutes mes données », « je n’arrive pas à valider, les chiffres de l’image sont illisibles… », « pourquoi, me demande-t-on mon n° de mobile??? » Afin d’apporter de la joie et soulager nos utilisateurs dans la réalisation de leurs tâches, voici les patterns et anti-patterns UI à suivre lors de la conception d’un formulaire. L’organisation la plus lisible est l’organisation verticale des libellés et des champs de saisie. 10 conseils d’ergonomie basés sur des études de recherche. Internet abonde de conseils utiles sur l’ergonomie de sites Internet.

10 conseils d’ergonomie basés sur des études de recherche

Nous prenons au sérieux ceux qui apparaissent être les plus logiques. Mais il est parfois réconfortant de voir certaines théories qui circulent validées par des recherches sérieuses. Cet article traite des résultats de plusieurs recherches sur l’ergonomie, dont, entre autre, la captation du mouvement des yeux sur une page Web, les analyses et rapports sur l’utilisabilité et la convivialité, et enfin, des idées pour améliorer le design.

Beaucoup de ces conseils, tel que mentionné précédemment, semblent de mise, mais ils sont enfin soutenus par des statistiques. D’autres, par contre, vous surprendront peut-être et changeront votre opinion sur certaines coutumes actuelles. Le réseau de l'ergonomie. Ergonomie. Ergoihm - Ergonomie des Interfaces Homme-Machine. Objet : Cette liste de diffusion a pour objet l'échange d'informations sur l'ergonomie et le facteur humain.

ergoihm - Ergonomie des Interfaces Homme-Machine

Il s'agira plus particulièrement de discuter de problématiques et méthodologies relatives à l'ergonomie de l'interaction homme-machine, et de l'ergonomie du logiciel. Néanmoins, il pourra être question d'ergonomie de la fiabilité, du facteur humain (erreurs "humaines") notamment dans l'industrie. Il pourra y être question d'ergonomie des organisations, d'ergonomie physique (implantation physique et étude de postes de travail). Population visée : Cette liste de diffusion s'adresse à toute personne intéressée par l'ergonomie, ergonome, industriel, enseignant, analyste programmeur, ingénieur, étudiant, etc.

Commerce électronique, marketing mobile, stratégie Internet. Newsletters de sites marchands : 5 exemples à reprendre : Newsletters de sites marchands : 5 exemples à reprendre - web & tech. Optimisez le référencement de votre page d'accueil en 5 conseils. Améliorer son référencement est un travail qui demande de nombreux efforts : optimisations techniques, rédaction de contenu.

Optimisez le référencement de votre page d'accueil en 5 conseils

Au coeur de toutes ces préoccupations, l'ergonomie. En effet, de la "facilité d'utilisation d'un site" découle de nombreux avantages. Plus un site est bien pensé, et plus il sera utilisé, partagé... et bien référencé ! 10 blogs et sites sur l’ergonomie pour vous remettre à l’anglais. En France on parle souvent de Ergonomie ou Conception d’Interfaces, mais de l’autre côté de l’Atlantique (ou du Channel), on parle plutôt de User Experience, UCD, ou Interaction Design.

10 blogs et sites sur l’ergonomie pour vous remettre à l’anglais

Peu importe le terme choisi, l’important c’est de rester informés des nouvelles techniques et méthodologies qui font partie de notre métier : la conception centrée utilisateur. Que ce soient les bonnes pratiques sur l'étude terrain, le maquettage d'interfaces ou sur le design graphique, on partage ici nos coups de cœur de la blogosphère anglophone avec vous. Enjoy! 1st Web Designer Spécialiste du web, ce blog vous permettra de trouver des informations concernant le code web (PHP, HTML, Ruby, etc.) ou le graphisme (illustration, photographie, iconographie).

[Ergonomie] 5 conseils pour un site mobile réussi. En juillet dernier, Google publiait une étude révélant l'engouement de plus en plus croissant des internautes pour la version mobile de leurs sites web favoris.

[Ergonomie] 5 conseils pour un site mobile réussi

Ils étaient ainsi 75% à privilégier cette version en situation de mobilité. Ergonomie et référencement d'un blog : les meilleures solutions. Vous avez été plus de 300 à nous suivre lors de la conférence du salon e-Commerce Paris 2012.

Ergonomie et référencement d'un blog : les meilleures solutions

C’est avec un grand plaisir que nous vous livrons ici les Best Practices 2013 en matière d’optimisation du référencement et de l’ergonomie. Tout d’abord, un bref rappel des conventions et règles ergonomiques déjà en vigueur… Conventions et règles en ergonomie Les conventions et règles à respecter dans une démarche ergonomique pour le haut de page (header) Vous remarquerez que beaucoup de ces éléments relèvent désormais du bon sens. Une journée dans la vie du Praticien AgileUX - 3 - Critères ergonomiques. Activité # 3 du praticien Agile UX … Le praticien Agile UX va partager les principaux critères ergonomiques de conception de produits interactifs, un partage au quotidien avec les équipes de développement et un travail de sensibilisation avec les interlocuteurs Business.

Une journée dans la vie du Praticien AgileUX - 3 - Critères ergonomiques

Apprentissage, montée en compétences, partage de connaissance constituent la clé de voute de l’agilité. Ergonomie et référencement, les meilleures pratiques pour 2013. Comment faire pour que 86% de visiteurs quittent votre site web ? C’est tout simple, il suffit de leur demander de créer un compte !

Comment faire pour que 86% de visiteurs quittent votre site web ?

Cette opération fait fuir la plupart des internautes : 42 % des internautes trouvent les inscriptions en ligne trop longues50 % en ont marre de créer un nième mot de passe60 % ont plus de 5 mots de passe différents à retenir40 % utilisent la fonction « mot de passe oublié » au moins une fois par mois Non seulement vous faîtes fuir les visiteurs mais c’est inutile : 88 % admettent avoir menti lors de la saisie d’un formulaire. Sans vous raconter ma vie, je crée parfois des compte avec comme prénom Chob et comme nom Lab (je sais, c’est mal). Responsive webdesign : adapter un site à toutes les résolutions. Le Responsive Web design (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web.

Responsive webdesign : adapter un site à toutes les résolutions

Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Des landing pages qui convertissent. Un site attire tous les jours des visiteurs qui “atterrissent” sur ses pages. Les pages qui les accueillent se nomment des pages d’atterrissage ou landing pages. 5 règles d'ergonomie, web design et e-merchansing internet. Un constat fréquent est que les sites Internet sont conçus par des chefs de projet marketing surfers hardcore du web (qui aiment se faire plaisir, avouons le aussi) pour des utilisateurs « normaux ». ABtests.com - Share A/B Testing Results. Improve your conversion today.

Usaddict : Formulaires web : Apple pousse... 3200 Tigres - Doublons sa population d'ici 2022. Ergonomie et référencement : les meilleures pratiques pour 2013. Vous avez été plus de 300 à nous suivre lors de la conférence du salon e-Commerce Paris 2012. C’est avec un grand plaisir que nous vous livrons ici les Best Practices 2013 en matière d’optimisation du référencement et de l’ergonomie. 5 règles d'ergonomie, web design et e-merchansing internet. Un constat fréquent est que les sites Internet sont conçus par des chefs de projet marketing surfers hardcore du web (qui aiment se faire plaisir, avouons le aussi) pour des utilisateurs « normaux ». Les bonnes idées se révèlent souvent être de gros flops car technologiquement discriminantes/trop avancées ou non adaptées à la cible (ex : la redoute lance la cabine d’essayage virtuelle 3D en 2008, la fonctionnalité fait rapidement plouf et est retirée du site).

Sur Internet on a le souci du client, on se présente en « customer evangelist » et on est customer obsessed… C’est d’autant plus facile que la technologie permet d’atteindre un niveau de personnalisation et une interactivité exceptionnelle avec ses clients pour un coût limité. L’ergonomie web peut se définir comme l’ensemble des actions contribuant à améliorer l’expérience d’un utilisateur sur un site internet ou une application web en les rendant plus intuitifs, agréables, efficaces et pertinents.

Blog Business / WebMarketing / Management. L’optimisation de site pour le mobile n’est pas une affaire de taille d’écran mais de comportements ! par Georges-Alexandre Hanin - Chronique e-Business. L’optimisation d’un site pour mobile ne consiste pas seulement s’adapter à une taille d’écran mais bien à s’adapter à des comportements différents. Voici quelques clés pour y parvenir. Le comportement des utilisateurs est la clé de compréhension Le mobile est devenu un des centres d’intérêt principal de tous les marketeurs et les entreprises sont de plus en plus nombreuses à optimiser leur site pour le mobile.

Dans ce contexte, on entend beaucoup parler de Responsive Webdesign, technique qui permet à un site internet de s’adapter automatiquement et dynamiquement aux différentes tailles d’écrans (ordinateur, tablettes, smartphones). Mais l’optimisation d’un site pour mobile, ce n’est pas s’adapter à une taille d’écran différente mais s’adapter à des comportements différents ! Olybop.info - Actualités Webdesign, Culture et Graphisme - Le Petit Ergonome. 8 critères ergonomiques pour évaluer la persuasion d’un site. Cela fait près de 18 ans que les professionnels se basent, entre autres, sur les critères ergonomiques de Bastien et Scapin.

10 conseils d’ergonomie basés sur des études de recherche. Bonnes pratiques pour les écrans d’identification. Trouver des pictogrammes de qualité. Color Psychology of Consumer Decision Making. What does color really mean to your customer, or how does color affect consumer behavior?

13 règles d’ergonomie web incontournables. Publicité sur le web : que fait l'ergonomie ? Contrast-A: Find Accessible Color Combinations. Comment doper ses ventes grâce aux tests AB? Design Blog, Innovation Design Blog, Modern Design Blog, Product Design Blog. 10 Type Rules for an Excellent User Experience When it comes to websites and apps, good typography is more than just a pretty typeface.

Letting has to be highly readable – and scannable – while providing a solid visual... Web Design Trends 2016: How Cards Dominate Design Practical as they are visually attractive, card interfaces are more than just a trend. With 2014 marking the first time mobile internet usage exceeded desktop, web design is now... Understanding Immediate and Anticipated Emotions in Landing Pages Design is intertwined with psychology. Today I want to explain the concepts of immediate and anticipated emotions while designing. Comprehensive Guide to Static Website Generators Most developers already understand how content management systems work. VischeckImage. 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.