background preloader

Des contre-exemples ergonomiques illustrés

Des contre-exemples ergonomiques illustrés

http://www.doisjeutiliser.fr/

Related:  Tutoriels, Formations, conseils utiles, bonnes pratiques etcDéveloppement/Ergonomie

Conception de site web La création et la conception de site web ou web design est la conception de l'interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation dans un site web. La conception d'un design web tient compte des contraintes spécifiques du support Internet, notamment en termes d’ergonomie, d’utilisabilité et d’accessibilité. Le web design d'un site se présente en premier temps sous forme de maquette fonctionnelle avec des spécifications techniques : ergonomie, charte graphique, identité visuelle, marketing, interactivité. Doit-on remplacer les textes par des icônes 04 juillet 2014 Doit-on remplacer les textes par des icônes ? "Tiens, et si on remplaçait cet intitulé trop long par une icône ? Ce serait plus court, plus convivial, plus rapide, plus..." Prudence.

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 ... Mockups & Rough : gagnez du temps ! Ça y est, vous devez créer un nouveau site internet ! Comme d'habitude, après avoir sabré une célèbre boisson alcoolisée, c'est direction tête baissée dans Photoshop pour attaquer le design. N'est-ce pas la marche à suivre ? Pas vraiment. Si il s'agit d'un projet personnel pour lequel vous savez exactement où vous voulez aller en ayant tout votre temps, pourquoi pas. Mais sinon c'est jouer un coup de poker.

Comment sécuriser son WordPress Article invité rédigé par Aurélie, développeuse chez Atchik Services, depuis plus de 8 ans ! Hello à tous !! Comment allez vous ? Aujourd’hui je vous propose un article invité qui vous donnera quelques conseils pour sécuriser votre blog / site WordPress. Pourquoi ce sujet ? Eh bien, il y a 3 ou 4 semaines j’ai reçu un mail de mon hébergeur qui me disais que j’étais en train de subir une attaque sur le blog.

Optimisez les performances de votre site web par l’ergonomie ! Interview de Jean-Pierre Le Borgne, Yuseo Suite à l’étude menée par Yuseo, agence d’études et de conseil en ergonomie des Interfaces, sur l’ergonomie des sites de cybermarchands et la performance des sites Internet, nous avons demandé à Jean-Pierre Le Borgne, directeur général de Yuseo, de resituer les « contraintes » ergonomiques avant de détailler les enseignements de cette étude. A quelles difficultés méthodologiques la mesure de l’ergonomie d’un site est-elle confronté La principale difficulté rencontrée par l’ergonomie des systèmes interactifs est le manque d’information des professionnels du marketing sur les apports et les méthodes de cette science. Ainsi, l’ergonomie des interfaces est souvent réduite au « bon sens », lorsqu’elle n’est pas confondue avec le graphisme. Or, le bon sens, tout le monde estime en avoir, pourtant, en conception, ce qui s’y apparente se caractérise souvent par des projections sources d’écueils sur les sites ! Dans ce cadre, notre démarche sur l’aspect fonctionnel est assez simple :

Les grilles dans le webdesign "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin...

Quand, quoi, comment: tout sur le test utilisateur Observer un participant qui pense à voix haute en réalisant une liste de tâches sur votre site? Faites le test utilisateur tôt et régulièrement! Quand tester son interface web? Il n’est jamais trop tôt dans le processus de développement d’une interface web (site, maquette, application mobile, formulaire) pour commencer à tester l’expérience utilisateur. Selon Steve Krug, auteur du livre « Don’t make me think », tester un site avec un seul utilisateur, assez tôt dans le projet et, répéter l’opération régulièrement, serait plus efficace que de le tester avec 50 personnes lorsque le site est presque abouti!

comment les utilisateurs naviguent dans un site 2. navigation ou moteur de recherche ? Ici se situe un très intéressant paradoxe: j'ai constaté que 1/3 des utilisateurs se précipitaient sur le moteur de recherche d'un site pou y trouver une information (dans son livre, J.Nielsen, qui a observé bien plus d'internautes que moi, parle de 50%), 1/3 utilisent alternativement moteur de recherche et navigation (nielsen: 35%) et 1/3 utilisent presque exclusivement la navigation (nielsen:15%). Pourtant, Selon Jared Spool, l'usage d'un moteur de recherche conduit à un taux de succès moyen dans les recherches d'information de seulement 30%, contre 53% par la navigation !! Il en déduit, très directement, que les moteurs de recherche "craignent" ("on-site search stinks...").

Tendance Webdesign 2016 - Les tendances web design en 2016 - Agence web pour la performance de l'entreprise Quand on travaille dans le web, qu'on soit graphiste, web-designer, ou développeur front-end, il est indispensable de suivre l'évolution des tendances webdesign. Que ce soit pour le choix du template, le choix de la maquette graphique, le choix de la Typographie, le choix des animations ... tous les différents éléments propres à la construction d'un site web, sont soumis à la tendance de la toile ! J'ai donc voulu faire un récapitulatif de ce que sont les tendances du webdesign en 2016. 10 erreurs fréquentes à ne plus commettre avec WordPress (Infographie) WordPress est LE CMS le plus populaire au monde, avec plus de 75 millions de sites qui l’utilisent dans le monde, que ce soit pour la création de blogs, de sites vitrines ou encore de sites E-commerce, WordPress est massivement utilisé, mais pas toujours aussi bien qu’il le faudrait. Cette infographie revient sur les 10 principales erreurs à ne plus commettre en 2015 avec WordPress. Erreur 1- Garder l’identifiant de connexion « Admin » pour le compte administrateur

Tutoriel Vidéo Divers Avocode Lorsque l'on fait de l'intégration on est souvent obligé de travailler avec des fichiers PSDs qui nécessitent l'utilisation Photoshop. Le principal problème de ce logiciel est qu'il est conçu pour le traitement photo plutôt que le Webdesign. Inspecter les propriétés des calques et exporter les assets et loin d'être pratique. Comment Ajouter un Bouton Pinterest Pin It sur vos Images WordPress? Nous terminons la semaine avec un tutoriel qui indique comment ajouter le bouton Pin It de Pinterest sur les images de vos billets dans WordPress. Si vous êtes un lecteur régulier du blog, vous savez que que j’ai déjà un bouton Pin it en bas de mes articles. Cependant je souhaite en ajouter un sur les images pour deux raisons: Améliorer l’expérience utilisateur et donner plus de choix aux lecteurs quand au bouton qu’ils veulent utiliser.Augmenter le nombre de partages des articles sur Pinterest et récupérer donc plus de trafic à partir de cette plateforme. #1. Installez le plugin « jQuery Pin It Button For Images« .

Related: