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.
Basilic Ingredient Pairings Basilic goes well with... Ingredient formatting indicates how well the ingredient pairs. ALL CAPS > bold > normal > italics Click an ingredient to add it to your pairing search Find recipes that use these ingredient(s) Bonnes pratiques pour les écrans d’identification Souvenez-vous, il y quelques années je me réjouissais de la simplification de la procédure d’identification avec Open ID : La création de compte simplifiée avec OpenID. Depuis, les choses ont bien changé avec l’avènement des réseaux sociaux et leurs mécanismes de social login. Je veux bien croire que le fait de s’appuyer sur les profils des internautes permet de gagner du temps et d’augmenter le taux de conversion, mais de là à ne proposer que cette option comme Klout, c’est extrêmement gênant. Ce type de mécanisme d’identification fonctionne bien pour ceux qui ont un compte Facebook ou un profil Twitter, mais pour ceux qui en ont plusieurs, cela engendre des conflits insolubles (j’ai dû avoir recours au support technique pour me dépatouiller de ce bazar). Sinon dans le même genre il y a aussi Asana qui restreint le choix à Google Account et le met en première position : On trouve aussi la même chose chez Pinterest avec un formulaire minimaliste, mais soigné :
Etat de l'art des usages médias sociaux pour le B2B | Le Blog de Jean-Noël Chaintreuil On perd beaucoup de temps dans les querelles de chiffres. [Ségolène Royal] – Europe 1 / 1 Avril 2007 Quelques faits chiffrés, à souligner: - Forte acceptation quant à l’usage des médias sociaux par les entreprises B2B : 86% - Faible taux d’engagement des entreprises B2B sur les médias sociaux, au quotidien : 32% - Concernant les employés dédiés aux médias sociaux, seulement 40% des entreprises B2B en ont. > Il manque, selon moi, une indication moyenne de la taille de l’équipe en équivalent temps-plein, pour ces entreprises; ce qui donnerait une bonne indication du recrutement passé et par extrapolation, potentiel. - Seules 10% des entreprises B2B font appel à des prestataires extérieurs (agences ou consultants) > Un brin paradoxal comme chiffres : les entreprises sont donc convaincus du bien fondé des médias sociaux mais s’engagent peu, n’ont pas d’équipes dédiées et ne contractualisent pas avec des prestataires. - Les prédictions de croissance des dépenses parlent d’un doublement.
Color Psychology of Consumer Decision Making | NeuroRelay What does color really mean to your customer, or how does color affect consumer behavior? Colors can have a powerful psychological effect, and there is a strong connection between color and feelings. Color can evoke emotions and therefore it can change our behavior too (a red sports car can create feelings of excitement, or a blue sea can create feelings of calmness). This is also supported by science, as color addresses one of our basic neurological needs for stimulation. Color triggers very specific responses in the brain and in the whole body (red raises blood pressure and heart rates, while blue lowers blood pressure, pulse, and respiration rates). For retailers, shopping is the art of persuasion. Color and Marketing When marketing new products it is crucial to consider that consumers place visual appearance and color above other factors when shopping (1% sound / smell, 6% texture, 93% visual appearance). Color and Branding Color increases brand recognition by 80%. Like this:
Architectes de l’information et ergonomes : même combat ? part. 1 Dans l’univers en mouvance rapide du digital, il n’est pas rare de voir des professions changer ou apparaître, semant parfois le trouble sur les rôles de chacun. Ces 10 dernières années, la prise en compte de plus en plus fréquente de l’utilisateur final dans les processus de conception a entraîné la formalisation de nouvelles tâches et de nouvelles fonctions, voire de nouveaux métiers (du moins des adaptations de métiers existants). C’est le cas de l’ergonome, qui oeuvrait déjà dans le monde informatique mais dont l’importance a pris de l’ampleur cette dernière décennie ; ou de l’architecte d’information, un jeune métier, dont le rôle reste parfois flou, surtout en France. Quelle sont les différences entre ces deux métiers ? Sur quels points se retrouvent-ils ? Comment peuvent-ils travailler ensemble ? Nous essaierons de voir ça dans cet article découpé en deux parties, en commençant par définir un peu mieux ces professions. L’architecte de l’information L’AI selon l’Etat Grande AI Petite AI
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
The Ultimate Programming Cheat Sheet List For Web Designers And Developers | Web Design Dev There are so many cheat sheets around these days, and the same goes for programming languages. Cheat sheets are basically a set of notes to allow programmers quick reference to code. I have compiled a list of many different programming cheat sheets for many different programming languages. Programming languages included in the list are Ruby, Python, PHP, CSS and many more. HTML 5 Cheat Sheet Smashing Magazine has provided us with an awesome HTML 5 cheat sheet. Ruby Cheat Sheet eDocr has a brilliant ruby cheat sheet. HTML Cheat Sheet This is another HTML cheat sheet, that is displayed differently to Smashing Magazine’s. Ruby On Rails Cheat Sheet Added Bytes have an awesome ruby on rails cheat sheet in .pdf and .png. PHP Cheat Sheet Blue Shoes have provided us with an awesome php cheat sheet (online version). CSS Cheat Sheet Added Bytes CSS Cheat sheet. WordPress Cheat Sheet WordPress Candy has got a downloadable WordPress help sheet in .pdf format. An online version of a CSS cheat sheet.
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 ! La recherche sur smartphone comme point d’entréeAujourd’hui les consommateurs ont pris l’habitude de se connecter à Internet dès qu’ils le souhaitent grâce aux smartphones et aux tablettes. Aller plus loin?
Create Light Painted Typography From Scratch in Photoshop This tutorial was originally published in April 2011 as a Tuts+ Premium tutorial. It is now available free to view. Although this tutorial does not use the latest version of Adobe Photoshop, its techniques and process are still relevant. If you’ve ever attempted to write words using traditional light painting photography techniques, you probably know how challenging it can be to create words that are easy to read. In this tutorial, we will demonstrate how you can create a similar look without a camera and tripod. Let’s start in Photoshop. We want the overall shape to form a heart, so draw a heart really quickly. Use the guideline to draw in your text with a tablet. For this single step, I’m going to switch to Illustrator. Paste it in Photoshop as a Path (Command/Control-V, select Path in the pop-up dialog). Select the Brush Tool (B) and change your brush to a 100% soft edged, 10 px diameter brush. Go to Filter > Blur > Motion Blur. Reduce the Opacity by approx. 50% and duplicate it.
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. Le principe en soi est simple : on propose des variantes de pages aux visiteurs du site sur une même période. Qu’est-il possible de tester avec l’AB testing ? Il est possible de faire des tests simples : tester seulement deux couleurs de boutons différentes pour voir quelle couleur est plus favorable au clic.