background preloader

Faciliter la lecture d’informations sur le web

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. 1. Deux dimensions composent le critère de lisibilité. En anglais, deux adjectifs différents sont employés pour désigner ces dimensions : - on parle de "legibility" pour désigner la lisibilité matérielle, visuelle d'un texte. On doit optimiser ces deux aspects pour faciliter la lecture d'informations sur le web. 2. L'interface par laquelle l'utilisateur perçoit les informations est l'écran. Tout d'abord, nous sommes habitués à lire sur papier. Déchiffrer les caractères et les assembler est en général plus lent et plus fatiguant sur écran. La sensation de confort visuel et les conditions de vision optimale dépendent étroitement de la répartition des contrastes des luminances. 2.1. 2.2. 3. C. Related:  ergonomie

L’homo numericus ? Un homme de « lettrure » : de lecture et d’écriture Accueil > Recherche > Séminaires et ateliers réguliers > Séminaire de l’ISCC > 2014/2015 Résumé L’homme du quotidien est un homme appareillé. Il vit entouré de dispositifs techniques : ordinateurs, téléphones portables, consoles de jeux... Ces dispositifs « numériques » ont pour principale particularité de médier ses activités. Ils se placent entre lui et le monde. Or, ces transformations présentent une caractéristique inattendue, elles relèvent de l’écriture et de la textualité. Pourquoi parler de « lettrure » médiévale à propos des médias informatisés ? Intervenants Emmanuël Souchier, professeur des universités, Groupe de recherches interdisciplinaires sur les processus d’information et de communication (Gripic, EA 1498, Université Paris-Sorbonne). Discutant : Étienne Candel, maître de conférences en sciences de l’information et de la communication au Celsa Paris-Sorbonne et chercheur au Gripic, en délégation à l’ISCC depuis septembre 2014.

Petit lexique de l'ergonomie des interfaces Cet article a pour objectif de dessiner ce qu'est l'ergonomie des interfaces à travers les termes clés employés dans ce domaine. Il s'agit à la fois de donner des définitions des mots, mais aussi de discuter de leur signification dans des contextes particuliers. Certains termes donnent lieu à débat et il n'existe pas réellement de consensus inter-spécialistes sur leur signification. Lorsqu'un article paru sur Ergolab permet d'approfondir la question, nous vous proposons le lien correspondant. Accessibilité physique Concerne la facilité d'accès d'une interface au niveau sensoriel : visuel, auditif, mais aussi tactile (notamment pour l'interface d'entrée de données : clavier, souris, gant...). Accessibilité technologique Concerne surtout le domaine du web. Analyse de l'activité Etude de ce qui permet à l'utilisateur de réaliser sa tâche dans un contexte donné. Architecture de l'information Structure d'organisation des informations dans une application. Charte ergonomique Convention Ecriture web

Checklist de 44 conseils pour bien écrire pour le Web - bonnes pratiques de rédaction web Les titres 1. Prévoir impérativement un titre pour chaque page. Le titre sera : 2. - Entre 4 et 10 mots. - Idéalement, le titre devrait tenir sur une seule ligne. - Éliminez tous adjectifs, prépositions et adverbes non indispensables. 3. - Utilisez une taille de caractère supérieure à celle du corps du texte. - Proscrivez les italiques, le souligné ou les majuscules. - Placez le titre au-dessus de la zone centrale de la page. - Balisez le titre <h1>pour les moteurs de recherche. 4. - Utilisez un vocabulaire compréhensible par le public visé. - Décrivez le sujet et la valeur ajoutée de l'article (anticipation du contenu). - Rejetez les acronymes et autres sigles qui exigent un décodeur. 5. - Invitez à la lecture du contenu, à condition de rester explicite. - Vérifiez si une phrase avec un verbe ne rend pas le titre plus dynamique. - Envisagez les titres sous forme de questions. 6. - Évitez les effets rhétoriques, les jeux de mots, la ponctuation exclamative, l'emphase promotionnelle exagérée. 7. 8. 9.

Découvrez vos centres d'intérêt, selon Facebook - Blog du Modérateur Pour maximiser les chances que vous soyez intéressé par une publicité, Facebook récupère de nombreuses données sur chacun d’entre nous. Ces informations lui permettent de nous placer dans des cases, que les annonceurs peuvent cibler lorsqu’ils diffusent des publicités. Vous pouvez accéder à ces données, comprendre comment elles ont été obtenues et surtout modifier ces informations comme bon vous semble. Il suffit d’accéder aux paramètres de Facebook, puis Publicités. Vous pouvez aussi cliquer sur ce lien pour consulter directement vos préférences publicitaires. Vos centres d’intérêt, selon Facebook L’algorithme de Facebook n’est pas parfait : le réseau social pense que je m’intéresse encore à l’Amstrad CPC (!)

Colour Contrast Analyser (CCA) | TPG – Digital Accessibility Solutions Features WCAG 2.1 compliance indicatorsSeveral ways to set colours: raw text entry (accepts any valid CSS colour format), RGB sliders, colour picker (Windows and macOS only)Support for alpha transparency on foreground coloursColour blindness simulator Support and development For questions concerning the Colour Contrast Analyser (CCA), or to report bugs, suggest improvements, and contribute to the code, see the Colour Contrast Analyser (CCA) repository. Previous versions The current version of the Colour Contrast Analyser (CCA) has been rebuilt from the ground up using Electron. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

Les 7 Principes Fondamentaux de Design d’un Site Les 7 Principes Fondamentaux de Design d’un Site Cette semaine, le blog accueille Tarik Peudon de Clicboutic, qui nous livre une adaptation d’une grande qualité sur les fondamentaux en ergonomie et webdesign. Une aventure « livresque », au travers des théories fondamentales a avoir en tete a l’heure de concevoir un site. Le design de votre site est plus important que vous ne le pensez pour améliorer vos conversions. Peu importe les tactiques que vous avez déjà mises en oeuvre pour booster votre taux de conversion, si votre site ne ressemble à rien : vous gaspillez vos ressources.Le design ne se réduit pas au travail d’un graphiste.Le design, c’est aussi du marketing.Le design, c’est votre produit et son fonctionnement. Vous trouverez ici 7 principes fondamentaux d’ergonomie et de design qui vous permettront d’améliorer votre site internet. Principe 1 : La Hiérarchie Visuelle La hiérarchie visuelle est l’un des principes fondamentaux du web design. Principe 2 : Le Nombre d’Or 1. 2. 3. 4.

Ebooks: 55% de l'offre éditoriale disponible pour les bibliothèques Photo Olivier Dion Le service du livre et de la lecture du ministère de la Culture publie les statistiques annuelles d’activité de Prêt numérique en bibliothèque (PNB). Les achats par les bibliothèques et les emprunts par les usagers sont en augmentation. En janvier 2018, Prêt numérique en bibliothèque (PNB), dispositif par lequel les bibliothèques peuvent, sous forme contractuelle, acheter aux éditeurs des livres numériques et les prêter à leurs usagers, comptait 157 réseaux de lecture publique clients, soit plus de 3 900 établissements. check je suis déjà abonnélock j'achète l'article [à partir de 1,50 €]

L’atomic design, une méthode de co-création prometteuse En tant qu’UX/UI designer, il est essentiel de remettre régulièrement en question notre workflow et nos techniques de co-création, pour être toujours plus efficaces sans perdre de vue la qualité et la cohérence d’un projet. Avec le nombre croissant de sites web responsives et les nouveaux principes d’applications universelles, la façon dont nous concevons nos interfaces est en train d’évoluer. Nous devons prendre en compte un large panel de tailles d’écrans et de résolutions, et des interfaces qui sortent du cadre habituel des écrans (ex : HoloLens, Oculus Rift…) Nous avons donc commencé à étudier de près l’Atomic Design qui nous semble une méthode adaptée au contexte actuel (et à celui de demain). Les développeurs utilisent déjà ce genre de méthodes depuis longtemps et il est grand temps que la façon de concevoir une interface et la façon de la développer se rejoignent. L’atomic design : Kesako ? Get your content ready to go anywhere, because it’s going to go everywhere. L’Atomic en détail

Après une explication sur l'ergonomie de la lecture à l'écran, ce site propose quelques recommandations pour écrire sur le web, afin d'être mieux lu. by annehelenetual Jan 13

Related: