background preloader

Ergonomie web : les mythes et légendes ont la vie dure...

Ergonomie web : les mythes et légendes ont la vie dure...
Malgré le travail acharné de grands ergonomes Web reconnus (Amélie Boucher et Jean-François Nogier chez nous, ou Steve Krug et Jakob Nielsen aux USA, pour ne citer qu’eux), des mythes perdurent en donnant des réponses à l’apparence facile et pratique aux profanes, tout en dépréciant notre démarche au passage. Grâce aux ouvrages de Steve et Amélie dont je me suis inspiré pour cet article, et en y ajoutant mon expérience personnelle, je vous livre ici une courte liste de 12 légendes qui sont encore colportées régulièrement sur l’Ergonomie Web… 1. La règle des 3 clics Ergonomie web : la règle des trois clics Vous avez déjà tous entendu cette phrase : “Pour que ton site web soit facile à utiliser, l’internaute doit trouver ce qu’il veut en moins de 3 clics, sinon il se barre” ou du style… C’est l’exemple typique d’un argument vrai sur le fond mais complètement idiot sur la forme. 2. « Les clients sont stupides » Ergonomie web : “les clients sont stupides” 3. “Round One, Fight !”

http://blog.academy-ecommerce.com/ergonomie-web-les-mythes-et-legendes-ont-la-vie-dure

Related:  Graphisme & Ergonomie / UX & UIErgonomie

Navigation horizontale : une nouvelle alternative graphique à l’ère du tout-mobile ? Ces derniers mois ont vu naître de nombreux sites web à navigation horizontale, à la manière de MySpace ou de USA Today. C’est grâce à l’évolution des portfolios, des sites personnalisés et des désirs d’innovation des webdesigners que la navigation horizontale est née. Les sites utilisant cette variation graphique se multiplient et offrent des nouvelles alternatives au design. Souvent considérés comme une aberration d’un point de vue ergonomique, ces sites offrent sans conteste une grande liberté artistique et surtout correspondent à une nouvelle habitude de lecture des internautes devenus mobinautes. Pour mieux comprendre ce phénomène, laissez-nous répondre à trois questions afin d’appréhender la navigation horizontale et comprendre que finalement elle n’est pas si inhabituelle que ça …

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é.

WireFrame à toutes les sauces… Publié le 05 sept 2007 par leGizz dans Web Design Vous connaissez sans doute tous les wireframes, il s’agit du design d’une page web de manière schématique, on y place uniquement les principaux blocs d’informations et éléments d’interactions. Les wireframes permettent de structurer une page web avant même d’avoir attaqué le design. Pour vous faire une idée, voici à quoi cela peut ressembler . En général les wireframes sont utilisés au sein de l’équipe projet pour identifier les interactions entre les pages, la disposition des éléments etc. Les wireframes sont très pratique lorsque l’on passe à la conception du site. Ergonomie d’un site web et ligne de flottaison Le débat a longtemps fait rage parmi les ergonomes. Mettre du contenu sous la partie directement visible à l'écran sans avoir besoin de scroller sur une page web était une hérésie pour certains. Qu'en est-il en 2014 ?

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. Tout d’abord, un bref rappel des conventions et règles ergonomiques déjà en vigueur… 1. Conventions et règles en ergonomie Zoning, wireframe, maquettage, prototype ... : les meilleures pratiques Zoning, wireframe, maquette, prototype, voici des termes qui ne vous sont pas anodins, puisque nous les rencontrons de plus en plus dans le monde du Web, notamment dans les phases d’initialisation des projets. Mais savez-vous réellement ce qui se cache derrière chacun de ces termes, qui désignent l’ensemble des techniques et des outils qui permettent de maquetter graphiquement, fonctionnellement, ergonomiquement un site Web ? Tout d’abord utilisée dans la création de logiciels lourds avant la phase de développement, cette technique de conception a progressivement été adoptée, et est aujourd’hui conseillée par les professionnels du Web. ceci dit, il arrive encore couramment que l’on fasse l’amalgame entre les différents termes. Parallèlement, le nombre d’applications permettant de réaliser des wireframes ou des prototypes ne cesse d’augmenter, avec à chaque fois de nouvelles spécialisations. Les différentes notions derrière ces termes

7 points clés pour optimiser l'ergonomie web de votre site avant Noël Il est à noter qu’en matière d’ergonomie web, les repères pour les internautes sont primordiaux. Pour faciliter la navigation des internautes, il s’agit de leur fournir un fil d’Ariane ou bien un aperçu du site. Le plus souvent, les individus quittent les sites à cause d’une navigation peu intuitive et difficile.Pensez donc à rendre l’orientation sur votre site facile et agréable pour ne pas que l’internaute se perde.

Pattern Un article de Wikipédia, l'encyclopédie libre. Cette page d’homonymie répertorie les différents sujets et articles partageant un même nom. Sur les autres projets Wikimedia : Ergonomie 101 : les éléments d’une bonne scénarisation Pourquoi scénariser le web? La scénarisation est un terme surtout utilisé dans l’industrie du cinéma. En contexte web, elle désigne l’étape de création de maquettes dites « fonctionnelles », aussi appelées les maquettes fil de fer ou wireframes.

Dossier thématique - Mode d'utilisation des huiles essentielles Ajoutez des huiles essentielles anti-bactériennes dans vos produits d’entretien ménager "fait-maison" pour désinfecter ou détartrer vos WC, poubelles, vos sols ou surfaces… >> Quelques idées : Tea-tree, Citron, Lemongrass, Lavandin, Eucalyptus radié, Pin sylvestre... Pour la lessive, remplacez l'adoucissant par du vinaigre blanc additionné d'huiles essentielles ou ajoutez tout simplement quelques gouttes d’huiles essentielles dans le tambour de la machine à laver pour parfumer votre linge. >> Quelques idées : Citron, Orange, Néroli, Ylang-Ylang, Lavandin... Pour faire fuir les insectes, certaines huiles essentielles répulsives peuvent vous aider à faire fuir les moustiques ou autres insectes.

10 conseils d’utilisabilité avant de concevoir l’UX L’expérience utilisateur d’un site web, vaste sujet que nous avons déjà traité dans de nombreux articles : Chaque éditeur souhaite que les visiteurs prennent du plaisir quand ils visitent leur site, qu’ils gardent un bon souvenir, qu’ils reviennent et qu’ils recommandent le site à leur entourage. L’expérience offerte sur un site web prend de plus en plus d’importance avec la richesse des offres disponibles sur les différents supports : Web, mobile ou tablette. Le marché du commerce en ligne oblige donc à se démarquer des concurrents en offrant aux utilisateurs plus qu’une plate-forme fonctionnelle en ligne. Il n’est plus possible de rendre public un nouveau service ni préparé ni testé et penser créer des expériences extraordinaires. Il est nécessaire de s’assurer que le site web satisfait les attentes les plus simples des utilisateurs.

Incitations à l'action, ou "Call To Action" En naviguant sur le net, vous en rencontrez partout, tous les jours, tout le temps. Et pourtant, vous ne savez pas forcément tous de quoi je veux parler ! La suite, dans cet article ! Inciter, c’est gagner ! Pas forcément à tous les coups je vous l’accorde, mais tout de même, qui ne tente rien n’a rien. Les incitations à l’action sont généralement visibles sous forme de boutons du type « Acheter », ou encore « Ajouter au panier », pour ne parler que des plus courants. Wireframe (design) Un article de Wikipédia, l'encyclopédie libre. Exemple de Wireframe Pour Jakob Nielsen, le maquettage wireframe correspond à du prototypage horizontal[1], c'est-à-dire au développement de la partie graphique de l'interface homme-machine.

Esprit génial après 60 ans Esprit génial après 60 ansTu es aussi jeune que tu te sens L’attitude positive et la clarté de l’esprit peuvent t’aider à te sentir encore mieux et à rajeunir ton cerveau. Tu es déjà curieux ? C’est bien! Le cerveau humain est un organe incroyable. On ne l’a pas encore complètement examiné, on n’utilise pas pleinement toutes ses capacités, il suscite toujours un énorme intérêt des scientifiques.

Related: