background preloader

8 critères ergonomiques pour évaluer la persuasion d’un site

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. Bien qu’ils soient toujours pertinents et utiles, ils ne sont plus suffisants pour représenter la réalité actuelle du Web. La tendance est à la recherche de persuasion et, bien qu’on en parle de plus en plus sur Internet, c’est un domaine qui manquait cruellement de référence pratique. Ce n’est plus le cas. Dans sa conférence du 29 avril 2011, Eric Brangier nous présentait des critères d’évaluation de la persuasion. Ces critères, qui devraient être publiés bientôt sur le site du laboratoire ETIC de l'université Paul Verlaine, vont permettre d’ouvrir de nouvelles voies dans l’évaluation et la conception d’interfaces. Avant la persuasion : évolution des recherches en ergonomie Durant les 40-50 dernières années, les recherches en ergonomie des interfaces ont beaucoup évoluées. Critères d’évaluation de la persuasion Les critères suivants sont organisés en deux groupes. Related:  Bonnes pratiques

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.

Innovative Techniques To Simplify Sign-Ups and Log-Ins - Smashing Magazine Advertisement There are many ways to design sign-up and log-in forms. Most designers are familiar with the conventional ways. Simplifying Sign-Ups The purpose of every sign-up form is for users to complete it successfully and send it in. Ask for a User Name After The User Has Signed Up Sign-up forms typically ask users to create a name that is unique to the website. Require Users to Type Their Password Only Once Many sign-up forms ask users to type their password in two different fields. In reality, though, this allows for greater error, because it forces users to type more. A more efficient approach would be to ask users to type their password in once, but then include a box they can check to unmask the password, so that they can check it. jQuery Plug-In for Masking Passwords Auto-Fill City and State Fields Based on User’s ZIP Code If you require the user’s home address, then consider auto-filling the city and state fields based on the ZIP code. Auto-Complete the Country Field Conclusion

Capture Visitors' Attention Through Your Home Page What made me decide to share with you this article is the experience I had when I was working as a part-time freelancer. I remember that whenever I planned the design for websites, I always made it a point that the home page is the most attractive page on the site. I made sure that the home page can capture each viewer that visits the site, not only to scan the home page but to enjoy exploring the whole site. The home page is the page that loads when the Home button is clicked and usually the first page you see when a website loads. Therefore, it is one of the most important pages on your site. Do you agree? Look at the image below. Image by: Camille Joyce Pascual A home page is also like a teaser… A teaser is one way to advertise, and a homepage advertises too (even a website). Image by: trolf In this article, I will be sharing some of my ideas on how can you let your viewers love your site and tease their eyes by making your home page capture viewers’ attention. 1. Image by: Elissa Merola

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) 34 Photoshop Tutorials That Will Leave You Looking Like A Pro Design This time we are bringing you a lot of Photoshop tutorials on all sorts of topics. It's meant to be a good collection for those who aren't quite pro yet, but want to be. From making amazing business cards to bringing a stone statue to life, these take us through hours and hours of practicing those skills. These tutorials are some of the best and varied out there. Great and Interesting Photoshop Tutorials Photo Strip The warp tool is used to create a twisting effect (you need Photoshop CS2 or above). Create a Hellacious Flaming Skull This tutorial goes through all the steps of creating a flaming skull in Photoshop. Customized Product And Label Pay close attention when you do this tutorial. Print-Ready Business Card Design up a simple business card in Photoshop and get it ready for print with crop marks and bleed. Awesome Digital Bokeh Effect Learn how to create a digital bokeh effect. Abstract Watercolor Wallpaper There are plenty of ways to create a watercolor effect in Photoshop.

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

"Accessibilité du Web - Glossaire Web - Paris-Web" Aller au contenu – Aller à la navigation Glossaire Web Dans le cadre des conférences Paris Web Accessibilité du Web Dans une acception large, un site accessible est un site conçu suivant des standards qui rendent son contenu et ses fonctionnalités accessibles : aux personnes ayant une faible connaissance d’internet ou une faible bande passante, aux personnes qui naviguent avec des périphériques restreints, aux outils manipulant le contenu (robots d’indexation des moteurs de recherche, traducteurs automatiques, etc.). Vous entendrez ce mot lors des conférences suivantes : Je veux un VRAI sous-titrage ! Éditer cette entrée Retour au Glossaire Index Alphabétique Paris Web 2011 c'est : Nous suivre Fonctionnement du site Pour ajouter une nouvelle entrée dans le Glossaire, aller sur la page Entrée Glossaire Pour modifier un texte, double cliquez sur le texte pour l'éditer rapidement si vous êtes enregistré sur le site. À propos

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.

Top 10 des sites proposant des photos gratuites et libres de droit Besoin de photos libres de droit ? Pas de soucis, voici le Top 10 des sites proposant des photos gratuites et libres de droits. Attention, certaines ont quand même une licence (de type Creative Commons par exemple), qu'il vous faudra respecter (mais ça reste gratuit quand même :-) ) Yotophoto Mon préféré. C'est un moteur qui recherche les bonnes photos à partir de vos mots clés en allant piocher dans des sites comme Wikipedia, Flickr...etc Image*After Bonne bibliothèque de photos et de textures. Photogen Un bon stock avec des photos de très bonne qualité Free Digital Photos De bonnes photos gratuite, même si leurs meilleures sont payantes. NOAA Photo Library Ce site est original car il recense les photos gratuites mise à disposition par le gouvernement américain. BurningWell Pas très web 2.0 mais il a aussi quelques bonnes photos libres de droits et gratuites. Backgrounds Archive Que des grandes photos ! PD Photo Un stock de photos orientées voyage. Public Domain Photos WP Clipart Uncle Sam??

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:

« Responsive Web Design » : Aperçu du livre La semaine dernière j’ai eu la chance de recevoir dans ma boîte aux lettres, le quatrième opus, en version presse, des excellents petits livres de poches de la collection « A Book Apart », édités par Eyrolles. Ce dernier est intitulé : « Responsive Web Design ». Les précédents de la série étaient : A ce propos, je vous conseille de lire les différentes critiques que j’ai pu faire sur ces trois livres, qui je l’espère vous incitera à les lire. Ethan Marcotte, auteur du livre est connu dans le cercle du développement Web. Voici donc mes notes à propos du livre ! Avant de commencer je vous propose d’introduire le sujet avec une introduction récupérée sur l’excellent alsacreations : La spécification CSS3 Media Queries du W3C définit les techniques pour l’application de feuilles de styles en fonction des périphériques de consultation utilisés pour des pages (X)HTML. Très prometteur comme introduction non ? Au sommaire Comment est abordé le sujet ? Ce que j’en pense…

Related: