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. 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. 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. 2.1. Contrastes positif et négatifs Related:  ergonomie

Exemple d'analyse de documents d'information Exemple d'analyse de documents d'information Claire Gélinas-Chébat, Clémence Préfontaine et François Daoust. Claire Gélinas-Chébat et Clémence Préfontaine sont professeures au département de linguistique de l'UQAM. Introduction Le gouvernement du Québec, comme toute entreprise de services, diffuse des tonnes de documents écrits dans le but d'informer le public. Nos services ont été requis (Gélinas-Chebat, et al. 1990) pour évaluer le niveau d'intelligibilité de fascicules d'information produits par l'un des nombreux ministère du Gouvernement du Québec. Nous décrirons le contexte dans lequel nous utilisons SATO pour aider à évaluer des documents, ainsi que les résultats que nous avons obtenus suite à la reformulation de l'un de leur fascicule. Problématique Les différents ministères des gouvernements doivent produire des documents d'information respectant des contraintes bureaucratiques et légales. Calcul mécanographique des retenues à la source de l'impôt I=Revenu imposable annuel estimatif

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. Nous essaierons de définir les mots-clés de l'ergonomie des interfaces selon leur acception la plus courante, et celle qui se rapproche le plus d'une pratique de terrain. 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é Architecture de l'information Charte ergonomique

Vue d'ensemble de l'ergonomie sur Internet Il existe différents types de sites Internet : site de e-commerce, intranet de société, site personnel. Tous ont pour objectif, pour des raisons différentes, d'accroître le nombre de visites, et de fidéliser un grand nombre d'internautes. Ce document donne une vue d'ensemble sur les bonnes pratiques à mettre en œuvre en termes d'ergonomie sur une application Internet. « La conception d'un site utile et performant demande non seulement que les contenus et services répondent aux besoins des utilisateurs, mais surtout que l'ergonomie et la navigation en soient pensées afin de les rendre facilement accessibles aux utilisateurs finaux. ». Les éléments énumérés dans ce document ne constituent pas une liste exhaustive, mais un aperçu des éléments à prendre en compte. II-A. Un site web a pour objectif de fidéliser ses utilisateurs présents et à venir. Un contenu cohérent en corrélation avec les attentes de l'utilisateur. Les cinq facteurs de succès d'un site web selon Jakob Nielsen(1) : II-B.

Comprendre la lisibilité du texte : sur écran VS sur papier | Patrick Grégoire 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. Sur écran, la couleur est la somme des trois couleurs (rouge, vert, bleu) émises par le tube de l’écran. Les recherches effectuées par John Morkes et Jakob Nielsen pour : Writing for the Web ont démontré que 79 % des visiteurs de pages Web ne lisent pas, mais parcourent (scan) les textes. Quelques règles Le souligné est à proscrire, il est réservé aux liens hypertextes;Le chiffre 12 est magique sur le web. Les techniques « d’écriture » doivent être donc repensées. Sur PAPIER Sur ÉCRAN

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.

Créer des interfaces graphiques efficaces ! (un voyage initiatique au pays du Design). Parler de code c’est bien, parler de patterns comme MVVM c’est encore mieux, mais parler de Design c’est aujourd’hui tout aussi essentiel. C’est pourquoi j’aborde le sujet régulièrement… Aujourd’hui je vous propose de faire le point sur la création des interfaces, l’importance de cette tâche, les motivations de ce mouvement inéluctable. La fin d’un mythe, le début d’une aventure La première chose à comprendre et à admettre c’est que notre beau métier qu’est l’informatique a eu tendance ces dernières décennies à laisser croire à certains qu’ils étaient un peu les “maitres du monde”. C’est un peu vrai… Sans nous, sans notre code, le Monde ne serait pas aujourd’hui tel qu’on le connait : pas d’Airbus ni d’avion de chasse in-pilotable sans ordinateur, pas d’Internet ni de Web 1 ou 2, pas d'IPhone, ni d’Ipad, pas d’information en temps réel, pas de Webcams aux quatre coin du monde, rien, pas même de distributeur de billets, pas de CD, ni de DVD, pas de GPS. Le rapport avec le sujet ? Non.

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

Browse Palettes Log In Sign Up COLOURlovers Search Create Explore Over a Million Color Palettes You'll find over 4,542,712 user-created color palettes to inspire your ideas. New Most Loved Most Comments Most Favorites Browse Palettes distant friends. by WendyAndBuster Loves Views Favorites Comments it's been a while. Royal Whispers by paletteprince Stained Centuries Love Favorite cold words. whispered words. cold draft. inside my home. by zsapi1981 flapjacks by jeccaN don’t do it by ghake Kill You With Roses? by Skyblue2u Hedgehog & Pumpkins Comment 9tailed fox by rakijakisses Vaporizer Critics by vaporizercritics Recent Palette Comments Skyblue2u Posted :p RE: Hedgehog & Pumpkins ghake RE: Make ColourARTZZ74 waterway wrote: yummy!!! Thanks! RE: Lavender Choc Cookie johnnycakes Posted 2 hours ago Skyblue2u wrote: So Lovely Thanks so very much, Skyblue, much appreciated. britessence Posted 3 hours ago Lovely! RE: organic life So Lovely HelaLaine Posted 4 hours ago britessence wrote: Thank you! Oh wow, thank you! Thanks :) RE: HelaLaine's Hexes Thank you! Scrumpery

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: