background preloader

BP Eminet, Développement et formation Drupal, formation SPIP, plate-forme collaborative Claroline, Drupal, ergonomie, accessibilité, multilinguisme

BP Eminet, Développement et formation Drupal, formation SPIP, plate-forme collaborative Claroline, Drupal, ergonomie, accessibilité, multilinguisme
Cet article est paru sur le site www.marketing-internet.com. Il a été complété par la suite. La réflexion concernant l’utilisation d’une typographie adaptée est une partie trop souvent oubliée dans une bonne démarche « ergonomique ». Cinq siècles de typographie et de texte imprimé ont modelé notre approche de la lecture. Trop souvent une direction de communication en entreprise pense qu’un écran web n’est que la translation de l’information papier (impression). Après tout que représentent 30 ans d’informatique éditoriale en comparaison avec 500 ans de tradition d’imprimerie ? L’objectif de cet article est de soumettre quelques bons principes pour savoir ce qui fonctionne ou pas, et surtout être capable de l’expliquer au client ou au donneur d’ordre. Des études de comportement ont montré que les techniques de lecture, de recherche et de navigation d’un internaute ne sont pas les mêmes sur un écran que sur le papier. Mais n’anticipons pas - qu’est ce que la typographie ? Gothiques Fantaisies

L'ergonomie dans la conception d'un formulaire Introduction Le formulaire est l'un des moyens pour l'utilisateur d'envoyer des données, alors que son comportement classique sur le web consiste plutôt à recevoir des informations. Cette notion entraîne des problématiques d'ergonomie autres que celles liées à la simple consultation de contenus. Cet article présente les standards d'ergonomie web pour la conception de formulaires et quelques recommandations à adapter à la spécificité de chaque situation. Qu'ils servent à envoyer un message, acheter un produit, remplir un questionnaire ou accomplir une tâche professionnelle plus précise, les formulaires doivent respecter certaines règles. Il existe une grande différence entre un formulaire destiné à un site grand public ou à une application professionnelle. Les formulaires sont quelque chose d'assez bien défini au niveau des règles à appliquer pour les formulaires web classiques (formulaire de contact, de commande d'un document, de gestion d'un processus d'e-commerce...). 1. » La ligne 2.

Tutoriel AdSense pour augmenter ses revenus Pour optimiser l'utilisation des annonces afin d'augmenter ses revenus Généralités Le programme AdSense démocratise la publicité et permet d'obtenir des revenus facilement. Son utilisation est plutôt simple. Une fois enregistré sur le site de Google (voir liens en bas de page), on prend garde à lire d'abord les règles du programme (important), puis on choisit un type d'annonce, par catégorie d'abord: recherche, contextuelle, vidéo, groupe de liens etc... et ensuite on choisit un format. Annonces contextuelles Images ou groupes d'annonces textuelles, ou thématiques qui sont des sortes de menus. Recherche Champ de recherche utilisant le moteur Google. Groupes de liens Liste de liens d'annonceurs qui amènent sur une page d'annonces publicitaires. Adsense Direct Aux USA seulement au départ, ce nouveau service permet de traiter directement avec les annonceurs, de discuter de leurs annonces et de vendre votre espace. Mobiles Annonces sur les pages destinées aux téléphones portables. Maps Ad Unit

Règles typographiques (résumé) Résumé de règles typographiques Les "règles typographiques" indiquées ici pour l'impression papier sont conformes à celles définies par l'Imprimerie nationale et détaillées dans : Lexique des règles typographiques en usage à l'Imprimerie nationale. 3e édition. Paris : Imprimerie nationale, 2002. Rappelons que ce n'est pas la norme obligatoire, mais simplement une norme parmi d'autres. Règles, codes, guides Index des points traités Pour plus de précisions sur chacun des points abordés, cliquer sur les liens indiqués. – virgule, point, points de suspension, parenthèse fermante), crochet droit fermant] : pas d'espace avant, espace après – (parenthèse ouvrante, [crochet droit ouvrant : espace avant, pas d'espace après – deux points, point-virgule, point d'interrogation, point d'exclamation : espace insécable avant – apostrophe : pas d'espace avant ni après – titres : pas de point à la fin N.B. Ponctuation Espaces Pour les guillemets, voici les usages pour l'allemand, l'anglais et le français :

Optimiser l'ergonomie des formulaires web Les formulaires sont très fréquents sur les sites web et parfois complètement incompréhensible. Il existe une multitudes d'astuces pour améliorer la compréhension de ceux-ci, éviter que les utilisateurs fassent des erreurs et optimiser le durée nécessaire pour les remplir. Cet article présente plus de 60 astuces et recommandations avec des explications. Structurer le formulaire Dans le cas d'un formulaire pour se connecter, il est possible de faire apparaître le formulaire au survol ou avec un clic de souris. Choix des éléments à insérer Ne pas utiliser le bouton "reset" (bouton pour réinitialiser le formulaire). Ne ppas utiliser de bouton annuler dans un formulaire web Si on utilise un bouton "retour", il faut le mettre sous la forme d'un lien d'action secondaire. Positionnement des éléments Position des champs du formulaire Lister les champs les uns au dessus des autres. Comparatif de placement des éléments sur un formulaire web. Position du bouton d'envoi Call to action Design

WordPress Référencement : WordPress SEO by Yoast - Blog SEO WordPres Vous avez déjà lu notre Guide pour le Référencement WordPress et vous voulez passer à la vitesse supérieure grâce à un plugin SEO ? WordPress SEO plugin est le plugin SEO le plus complet sous WordPress. WordPress SEO par Yoast embarque toutes les fonctionnalités que nous sommes en droit d’attendre d’un tel plugin; une fonction d’aperçu de la sortie Google, une fonctionnalité d’analyse de page, les meta descriptions, mais aussi l’intégration d’un sitemap.xml et bien plus. La liste complète des fonctionnalités est disponible ci-dessous. Titre des pages et meta descriptions WordPress SEO permet de gérer les titres et les metas descriptions de vos pages de deux manière différentes : Sous forme de Gabarit – template. Manuellement. Configuration des Robots Meta Que vous souhaitiez éviter l’indexation d’une page, d’un billet ou tenir à l’écart toute une section de votre site, WordPress SEO a pensé à tout. Les liens Canoniques – Canonical Fil d’Ariane – BreadCrumbs XML Sitemaps

27 conseils pratiques en ergonomie Web 5 façons de promouvoir sa page fan Facebook gratuitement Créer une page fan Facebook, est à la portée de tous, avec un minimum de temps passé on peut avoir une présence sur le 1er réseau social. Promouvoir sa page, obtenir des fans et avoir des visites qualifiées est une autre paire de manches. Je vous propose de partager via ce billet, mon expérience de promotion de page fan… Mise à jour 2015 : Vidéo My Facebook is Reach Dans cette vidéo, vous apprendrez avec humour et sur fond de Rock and roll ce qu’est le reach sur Facebook et comment développer votre audience sur le réseau social et l’engagement de votre communauté… Pour retrouver nos prochaines vidéos, pensez également à vous abonner à notre chaîne Youtube ! Mise à jour 2011 : 10 nouvelles façons de promouvoir votre page Facebook Voici 10 nouvelles idées pour promouvoir gratuitement votre page Facebook. Avant de penser à promouvoir votre page, rendez la vivante… Avant d’aborder la partie promotion, il est important que la page fan soit alimentée régulièrement de contenus variés.

Ergonomie web : les bonnes pratiques - STUDIO VITAMINE l'agence web Text-Shadow Exposed: Make cool and clever text effects with css text-shadow › Kremalicious The aim of this article is to give you a quick introduction of a css property named text-shadow which was first included in CSS2 (but it’s not implemented in all browsers yet). Nevertheless you can make some cool effects with it, which could only be done before by photoshopping text and rendering it as an image. Because it’s included in Safari since version 1.1(!) Mac users should be aware of various effects done by this property. In fact, most companys and persons with mac users as their main target audience use this effect on their websites. This article describes how text-shadow works, what you can do with it and which browsers currently support it. Here’s an overview of the headlines in this article. What text-shadow is good forWhich browsers support itCross-browser compatibilityHow does it work and how to use itExamples with code & demosHack: Safari Text RenderingMore articles and resources 1. subtle glow in my navigation text-shadow on Apple.com 2. 3. 4. 5. 5.1 Simple drop shadow 6.

Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab A Colorful Clock With CSS & jQuery Martin Angelov The first wave of Christmas holidays passed and we are looking forward to New Year’s Eve for a fresh start at all those things we failed to do the last 12 months. And in the mood of the upcoming holiday, this week we are going to make a colorful jQuery & CSS clock, which will help you keep track of those precious last seconds of the year. This is also the first tutorial that features our first very own jQuery plug-in – tzineClock (soon to be released officially in a post of its own). Go ahead, download the demo files and continue with step one. Step 1 – XHTML As usual, we start with the XHTML markup. This saves us from having to manually type similar blocks of code for each one of the dials (there are three of them, one for the hours, the minutes and the seconds). Lets take a look at the XHTML that is inserted by jQuery: jquery.tzineClock.js This code is contained in jquery.tzineClock/jquery.tzineClock.js. Lets continue with the next step. A Colorful jQuery & CSS Clock Step 2 – CSS

10 blogs et sites sur l’ergonomie pour vous remettre à l’anglais En France on parle souvent de Ergonomie ou Conception d’Interfaces, mais de l’autre côté de l’Atlantique (ou du Channel), on parle plutôt de User Experience, UCD, ou Interaction Design. Peu importe le terme choisi, l’important c’est de rester informés des nouvelles techniques et méthodologies qui font partie de notre métier : la conception centrée utilisateur. Que ce soient les bonnes pratiques sur l'étude terrain, le maquettage d'interfaces ou sur le design graphique, on partage ici nos coups de cœur de la blogosphère anglophone avec vous. Enjoy! 1st Web Designer Spécialiste du web, ce blog vous permettra de trouver des informations concernant le code web (PHP, HTML, Ruby, etc.) ou le graphisme (illustration, photographie, iconographie). Smashing Magazine – UX Design Définitivement LA publication incontournable dans le monde de l’ergonomie et la conception d’interfaces. InfoDesign – Understanding by Design Pas un blog à proprement parler, mais un curateur d’informations. Partager :

Comment créer votre propre site de e-commerce? Le e-commerce s’avère être l’une des opportunités de business en ligne des plus viables sur le web. Comparativement aux business traditionnels, un site de e-commerce requiert un coût minimal de lancement et est relativement peu risqué. Cependant, cela ne signifie pas que la création d’un site web est une simple affaire et qu’une réussite future vous sera garantie. L’objectif de cet article est de vous accompagner à travers les étapes et les plans importants dont vous aurez besoin pour organiser et installer un site e-commerce prospère. Dénicher votre Niche! La toute première chose à faire est de trouver votre niche. Rechercher votre niche Une fois que vous aurez fait le tri dans vos idées, procéder à une analyse poussée des quelques idées obtenues au final. Analyser vos compétiteurs Rechercher vos compétiteurs partout, dans chaque recoin du net. Rédigez votre plan d’affaire Voulez-vous avoir un plan infaillible pour votre business? Créer votre site web Héberger votre site web CMS E-commerce

Related: