background preloader

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

10 conseils d’ergonomie basés sur des études de recherche
Internet abonde de conseils utiles sur l’ergonomie de sites Internet. 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. 1. L’idée que les utilisateurs seront frustrés s’ils doivent cliquer plus de trois fois pour trouver le contenu qu’ils cherchent sur votre site Web circule depuis bien longtemps déjà. Mais pourquoi une limite arbitraire de trois clics ? 2. Le Dr. 3. 4.

http://www.kryzalid.net/blog/2010/09/23/10-conseils-d-ergonomie-bases-sur-des-etudes-de-recherche/

Related:  ErgonomieErgonomie et UX

Ergonomie & design, Ergonomie : pourquoi un scroll vaut dix clics Par Stéphane Bordage - 04/02/2012 Le clic est la meilleure solution pour les marketers. Le scroll est la meilleure solution pour l'internaute. Les sites de référence dans le webdesign Sources d'inspiration et compiles de Webdesign Css Nous vous proposons de découvrir ici des sites qui ne manqueront pas de vous apporter de l'inspiration pour construire le vôtre. Css-design est une large vitrine de sites web classés par catégories où les designs sont très riches et très variés. Il y en a pour tous les goûts! En voici d'autres du même genre: Cssmania, Bestwebgallery, Mydesignaward, Webcreme, Cssimpress, Cssburst

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… Mieux qu'une barre d'édition : des raccourcis Les barres d’édition sont-elles accessibles ? Pour avoir examiné le code des barres d’outils de rédaction de certains éditeurs web courants — souvent structurées en liste plus ou moins bien fichues de pictos infobullés pas toujours bien altés — je me suis interrogée sur leur accessibilité. Comment est-ce retranscrit, par exemple, par un lecteur d’écran ?

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. Un web plus humain avec humans.txt Humans.txt est une initiative pour connaître les personnes qui se cachent derrière la création d’un site internet. Elle a été mise en place par le collectif humanstxt.org. À l’image du fichier robot.txt, celui-ci se place à la racine de votre site web. Vous pouvez mentionner les personnes que vous souhaitez, les développeurs, les rédacteurs ou encore les référenceurs.

Le webdesign en blocs - Exemples et ressources Suivant l’avènement des grilles dans le webdesign, la mise en page basée sur des blocs de contenu peut s’avérer une bonne stratégie pour certains design. Petit tour d’horizon des sites du genre, puis des ressources nécessaires pour créer votre site sur une grille modulable. Webdesign en blocs ? La mise en page basée sur des blocs de contenu modulable est devenue incontournable pour les portfolios, les sites d’inspiration, bref ils s’agit souvent de sites présentant un lot important d’images. Rendu populaire par des sites comme Pinterest par exemple ou encore inspiré par des applications comme Flipboard ou le design Metro, la navigation se veux simple et rapide, proposant beaucoup de contenu scanable rapidement. Le responsive webdesign y joue également un rôle crucial : par définition un bloc modulable va s’adapter à la taille du viewport de l’utilisateur.

Optimisation de site, design ergonomique et test utilisateur : l’interview de Lance Loveday Dans cette interview, Lance Loveday (CEO de Closed Loop Marketing et co-auteur de « Web Design for ROI ») donne son point de vu pertinent sur les sujets qui le passionnent : optimisation de site, design ergonomique et test utilisateur. Appili sélectionne pour vous les passages les plus intéressants de cette interview réalisée originalement par usertesting.com (leader sur le test utilisateur en ligne sur le marché anglo-saxon). Usertesting.com – Est-il plus facile d’optimiser un site existant ou de repartir de zéro?

Design et ergonomie Archives - NEOMA interactive 9 avril 2015Par Christophedans Design et ergonomie Analyse : les enjeux utilisateurs dans un monde ‘mobile first’ La société Ferpection, qui permet aux éditeurs de tester leurs sites et applications auprès de véritables utilisateurs, vient de publier une synthèse de tests qu'elle a réalisé autour du "mobile-first...Lire la suite » 8 juillet 2013Par Christophedans Blog, Design et ergonomie

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 Surveillez vos backlinks ! Quand on parle référencement, on met souvent l’accent sur la structure du site, le titre des pages, les urls explicites (url rewriting), les mots clés, la description, les balises de titre et la densité des mots clés (je ne suis toujours pas convaincu de l’efficacité de ce dernier paramètre – les commentaires sont ouverts !). La plupart des spécialistes en référencement accordent une importance quasi obsessionnelle aux liens entrants ou backlinks alors que les propriétaires de site eux s’attèlent plus à leur contenu. La raison est somme toute assez évidente : le site et son contenu ont quelque chose de concret alors que les backlinks peuvent avoir un côté assez vague qu’on ne maitrise pas forcément. Ouvrez une fenêtre dans votre navigateur préféré et tapez dans le moteur de recherche Google le nom de votre site entre guillemets – par ex : « iPaoo » N’utilisez pas la commande link: de Google (par ex « link:www.ipaoo.fr) qui n’affiche qu’un échantillon des liens entrant sur votre site.

Conception d'un site web Cette page présente quelques considérations sur la conception de sites web. Certaines sont énoncées par des spécialistes et d'autres sont plus personnelles. Je ne prétends pas détenir la Vérité Absolue; je me propose simplement de vous faire profiter de mon expérience en tant que webmaster et surfeur.

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.

Deck JS - Créer des présentations HTML dynamiques et modernes Deck.js est un plugin jQuery permettant de créer un système de présentation avec slides HTML, à la fois dynamique et moderne. Aujourd'hui, créer une présentation au format web digne de votre meilleur powerpoint est tout à fait possible. Deck.js permet d'animer différents slides HTML de manière fluide, avec flèches ou clavier. Idéal si vous devez faire une présentation sur une techno web, vous aurez l'avantage de l'originalité et vous serez encore plus crédible sur votre sujet web !

Related:  l'ergonomie