background preloader

Lisibilité des sites web, font-size : 100% – 16px

Lisibilité des sites web, font-size : 100% – 16px
Dans ce nouvel article je vais présenter les solutions mises en place par les webdesigners pour améliorer la lisibilité de leur contenu textuel. Je ferai une analyse des « bonnes » pratiques typographiques pour optimiser la lisibilité du contenu et présenterai une sélection de sites web affichant leur contenu textuel à la taille par défaut de 100% soit 16px. Trop gros ? Pas esthétique ? Hum… pas si sur que ça… Cet article est disponible en Français et en Anglais : EnglishFrançais Le travail des webdesigners est de concevoir et de réaliser des sites web répondant à la problématique de leurs clients. La lisibilité du contenu est donc un point crucial qui doit attirer toute notre attention. Pour une meilleure lisibilité sur le web Bien qu’il n’existe pas de solution toute faite pour optimiser la lisibilité d’un contenu textuel sur le web, il existe cependant quelques rêgles qu’il est bon de connaître : Choisir un corps de texte suffisamment élevé. Wilson Miner : Relative Readability Analog

http://all-for-design.com/web-design/lisibilite-des-sites-web-font-size-100-16px/

Related:  Indices de lisibilitéexpérience utilisateur

Comprendre la lisibilité du texte : sur écran VS sur papier Lit-on de la même façon en surfant sur Internet que sur papier? Absolument pas. Et pourtant, bon nombre de textes sur le web sont de vulgaires « copier-coller » de textes imprimés. Quelques principes et règles pour ne pas perdre nos (chers) cyber lecteurs. Des études de comportement ont montré que les techniques de lecture d’un internaute (de recherche et de navigation aussi) ne sont pas les mêmes que sur le papier. Sur papier, on lit de manières linéaires, on feuillette.

Qu'est-ce que l'expérience utilisateur ? En 2007, j’ai rencontré Nancy Dickinson, qui était alors Directrice de l’Expérience Utilisateur chez Ebay. Nancy y occupait une fonction régalienne et faisait figure de leader parmi la communauté des designers d’expérience – les « UX » (prononcez « iouhèxe »). Ce groupe s’imposait comme une des castes les plus influentes de la Silicon Valley, volant la vedette aux développeurs. Google fonts : tests de lisibilité Avant d’utiliser les polices proposées par Google dans le Google font directory, j’ai décidé de les tester une par une, sur OS-X et sur Windows afin d’évaluer leur lisibilité. Cet article propose un récapitulatif des résultats sous forme de pdf téléchargeable gratuitement (Français/Anglais) ainsi qu’une analyse détaillée… Webdesign et typographie 2010 aura incontestablement été l’année de la typographie sur le web. Le nombre de services dédiés (ou non d’ailleurs) à l’usage de polices sur le web (via @font-face) a explosé ces derniers mois (Typekit, FontDeck, Typotheque, FontsLive, Fontspring, TypeFront, Fonts.com, Ascender fonts, Kernest, Webink etc.) c’est un véritable raz-de marée d’outils au service du travail typographique sur le web. Dans ce que je peux comprendre du travail typographique d’un webdesigner, la base d’un caractère de labeur c’est avant tout d’être lisible sur plusieurs résolutions, systèmes d’exploitation, dans différents corps de texte etc.

TARIFS PUBLICITAIRES TARIFS (dernière mise à jour : 10 octobre 2016) Site web Magazine régional Il remplace depuis avril 2015 le journal lancé en 2006. Trimestriel, il continue à traiter d’actualités économiques locales au fil des 40 pages de ce nouveau format magazine. Les codes de la Typographie #1 - Structure et vocabulaire de la lettre - typographie Pour ce mois d'avril, nous allons réaliser un dossier complet sur la Typographie. Essentiel dans la réalisation d'un logo ou d'un slogan elle peut véhiculer des messages puissants et différents selon ses formes. Dans ce premier numéro nous allons compre

Lisibilité et typographie (réédition d'une note du premier mars 2006) Il arrive un moment dans une suite d'études (sur la lettre, la typographie et la lisibilité) où l'on se sent obligé de descendre dans les profondeurs d'une théorie, au risque parfois de rencontrer des difficultés épistémologiques. L'organisation des savoirs dans les domaines de l'alphabet, de la lettre et de la typographie, tient autant des approches historiques, scientifiques que techniques et artistiques. La question de la lisibilité des alphabets est relativement moderne, si l'on accepte de considérer que cinq cents à sept ans années d'acharnement à rendre les caractères plus lisibles peuvent entrer dans une conception de la modernité.

UX, UI : c’est différent et c’est pas pareil 21 décembre 2012 Dans le jargon des métiers de la conception web, on parle souvent, et de plus en plus d’UX et d’UI, ou expérience utilisateur (User eXperience) et interface utilisateur (User Interface) en bon françois. Si pour vous ces deux notions sont aussi compréhensibles qu’une équation mathématique différentielle du second degré, lisez ce qui suit pour éclairer vos lanternes. UX is not UI but UI is UX Combien coûte la création d'un logo ? La création d'un logo est un passage obligé dans toutes stratégies de communication. De 50 € à 500 000 €, quel est le vrai prix d'un logo ? Un logo ou logotype représente graphiquement une marque, une entreprise ou une institution. On retrouve le logo décliné sur tous les supports de communication de l’entreprise ou de la marque, c’est à partir du logo que vous allez bâtir votre identité visuelle et votre charte graphique. Un logo doit être le résultat d’une recherche créative approfondie qui vise à représenter au mieux l’image et les valeurs de votre entreprise, cela peut se traduire par le choix d’une couleur particulière, d’un symbole ou d’une typographie. La création d’un logo ne s’improvise pas, le logotype constitue souvent le premier point de rencontre entre une marque et un consommateur, il joue à ce titre un rôle primordial dans la notoriété et la stratégie de séduction de toute entreprise.

Faciliter la lecture d’informations sur le web Introduction Ecrire pour le web c'est d'abord écrire pour être lu à l'écran. Cet article exposera donc brièvement les enjeux de la prise en compte des caractéristiques perceptives de l'être humain. Au-delà de ces considérations concernant le confort perceptif, le contenu doit être adapté au média. En effet, on n'écrit pas du texte pour un site web comme du texte destiné à un support papier. Nous présenterons donc plusieurs techniques permettant d'adapter un texte à la façon dont les utilisateurs lisent à l'écran. Le fichier "robots.txt", son rôle et sa syntaxe. Le fichier "robots.txt" est destiné aux "spiders". Les spiders sont les programmes qui explorent le web et qui permettent aux moteurs de recherche de découvrir votre site et d'en analyser le contenu. En bref ...

Les 3 erreurs à ne pas commettre en termes d’expérience utilisateur Si vous pensez que la beauté, la technologie ou la simplicité font vendre, vous allez au-devant d’une belle déconvenue. L’UX Design est une science avec ses recettes pour créer des expériences utilisateurs qui marchent. Ce que l’on appelle aujourd’hui l’UX Design, c’est-à-dire le design de l’expérience utilisateur, ce n’est pas simplement la partie visuelle du produit. L_Demontiers : Typekit, Adobe, @font-face le le marché de la Typo - 17/08/2010 Vous n’êtes certainement pas passé à coté de l’annonce du partenariat entre Adobe et TypeKit. L’article est ici : Cette annonce à été grandement diffusée sur Twitter et j’ai impression qu’elle à été perçue comme quelque chose de positif. C’est vrai que la propriété CSS3 @font-face à ouvert des perspectives à la fois aux graphistes mais aussi à tous les acteurs de la chaine de production onscreen.

Guide 2016 de la taille des images sur les réseaux sociaux Nous rassemblons sur cette page toutes les dimensions des images sur les réseaux sociaux. Les tailles des photos sur Facebook, Twitter, Instagram et consorts viennent d’être mises à jour. Vous pouvez conserver cette page en favori pour accéder plus facilement à toutes les dimensions des images et des photos. Nous l’avons conçue car pour tout projet en lien avec les réseaux sociaux, les mêmes questions se posent : Quelle est la taille d’une photo de profil sur Facebook ?Quelles doivent être les dimensions des images à la Une des articles ?

Related: