Lisibilité des textes sur le web : 10 erreurs à éviter
▻https://atelier.mediaslibres.org/Lisibilite-des-textes-sur-le-web-10-erreurs-a-eviter-219.html
Contrairement aux idées reçues, il ne faut pas grand chose pour avoir un joli site. Il suffit d’un peu d’attention à quelques réglages typographiques. Tout le reste suit rapidement. Quelques avis (personnels et tout à fait péremptoires) sur ce qu’il faut s’abstenir de faire.
Readability: the Optimal Line Length
▻https://baymard.com/blog/line-length-readability
Having the right amount of characters on each line is key to the readability of your text. It shouldn’t merely be your design that dictates the width of your text, it should also be a matter of legibility.
The optimal line length for your body text is considered to be 50-60 characters per line, including spaces (“Typographie”, E. Ruder). Other sources suggest that up to 75 characters is acceptable. So what’s the downsides of violating this range?
Too wide – if a line of text is too long the reader’s eyes will have a hard time focusing on the text. This is because the line length makes it difficult to gauge where the line starts and ends. Furthermore it can be difficult to continue onto the correct line in large blocks of text.
Too narrow – if a line is too short the eye will have to travel back too often, breaking the reader’s rhythm. Too short lines also tend to stress readers, making them begin on the next line before finishing the current one (hence skipping potentially important words).
It turns out that the subconscious mind is energized when jumping to the next line (as long as it doesn’t happen too frequently, see above bullet point). At the beginning of every new line the reader is focused, but this focus gradually wears off over the duration of the line (“Typographie”, E. Ruder).
In order to avoid the drawbacks of too long and too short lines, but still energize your readers and keep them engaged, we suggest keeping your text within the range of 50-75 characters per line.
Web Typography: Designing Tables to be Read, Not Looked At
▻https://alistapart.com/article/web-typography-tables
“Tables are a frequently overlooked aspect of reading, sometimes overstyled, sometimes poorly thought out. Responsiveness is a particularly thorny issue as the best solutions depend very much on the utility of the table. Tables can be packed with data, rich in content and meaning. Give them the attention they deserve.”
#sémiotique versus iconique ?
▻http://www.laviedesidees.fr/Semiotique-versus-iconique.html
Comment appréhender les images ? Quelle #lecture en faire ? Penser l’image disserte de la question de la lisibilité ou de l’illisibilité des images, en s’attardant notamment sur la validité des approches sémiotique et iconique.
Livres & études
/ sémiotique, #image, lisibilité, lecture
Confort-plus, une solution libre contre la #dyslexie
▻http://confort-plus.orange.com
Je découvre en jetant un œil au programme de Paris-web cette conférence sur la dyslexie et de manière plus générale sur l’accessibilité
▻https://www.paris-web.fr/2017/conferences/dyslexie-des-solutions-numeriques-pour-rendre-le-web-plus-lisible.php
Ce service offre une vingtaine d’options pour adapter les sites Web à votre besoin : que vous ayez des déficiences visuelles ou une simple fatigue, des problèmes de reconnaissance des mots pour des raisons de dyslexie ou autres, de la difficulté à utiliser une souris ou que vous ne sachiez pas comment paramétrer votre ordinateur, Orange Confort+ vous apporte des solutions : un paramétrage à réaliser une fois et tous les sites Web prendront en compte vos préférences
Apparemment assez léger à intégrer sur son site (et pourquoi pas dans l’interface privée de Spip ?). L’outil est dispo sur GitHub et en GPL.
Little UI details from steveschoger, in HTML and CSS
▻https://codepen.io/tyrellrummage/details/ZJPXgy
I’m gonna show you little #UI details that can really improve your user experience by providing a nice #interface. This #tips are not mine, they’re from @steveschoger on Twitter. All credits to him!
#Fluid #Responsive #Typography With #CSS Poly Fluid Sizing
▻https://www.smashingmagazine.com/2017/05/fluid-responsive-typography-css-poly-fluid-sizing
Fluid layouts have been a normal part of front-end development for years. The idea of fluid typography, however, is relatively new and has yet to be fully explored. Up until now, most developers’ idea of fluid typography is simply using Viewport units maybe with some minimum and maximum sizes.
That’s called a trendline. It’s a way to find an interpolated font-size value for any viewport width, based on the data provided.
The are several methods for determining the slope and y-intercept. When multiple values are involved, a common method is the Least Squares fit:
You can use the trendline equation like this:
h1 {
font-size: calc({slope}*100vw + {y-intercept}px);
}
Once you find your slope and y-intercept you just plug them in! 
Ya des gens qui sont pétés du bulbe quand même. :D
Et une preuve de plus que le métier d’intégrateurice n’a rien à envier en complexité aux devs « backend ». :)
Ouais, alors bon, faut quand même un petit niveau de math !
J’ai calculé ma pente, mais le y-intercept, c’est autre chose... c’est quoi les Y et X avec une barre dessus dans cette formule :
Note pour plus tard : penser à mieux écouter les cours de math...
Your Body Text Is Too Small
▻https://medium.com/@xtianmiller/your-body-text-is-too-small-5e02d36dc902
The majority of websites are still anywhere in the range of 15–18px. We’re starting to see some sites adopt larger body text at around 20px or even greater on smaller desktop displays, but not enough in my opinion.
Some examples of serif fonts that work well for large body text include Equity, Franziska, Leitura News, Merriweather, Miller, PT Serif, and Tisa.
...
Some examples of sans-serif fonts that work well for large body text include Atlas Grotesk, Futura, Lato, Maison Neue, Real Text, Roboto, and Suisse Int’l.
Les annonceurs ne sont plus les bienvenus sur le web
▻http://lacite.website/2016/02/10/les-annonceurs-ne-sont-plus-les-bienvenus-sur-le-web
Au feu ! Les internautes et mobinautes sont de plus en plus nombreux à rejeter les annonces publicitaires. Angoissante depuis des années, cette tendance atteint un niveau troublant pour les médias en ligne : 37% des utilisateurs sondés dans trentre-quatre pays ont affirmé avoir « bloqué » au moins une publicité mobile au cours des derniers mois
vive #adblock et surtout #mublock_origin
par rapport au titre, un bémol : ils n’ont jamais été les bienvenus
@fil que ne disposons-nous, tandis que nous traversons les tunnels du métropolitain de lunettes qui bloquent les panneaux publicitaires.
Tu achètes des Google Glass et tu développes une appli de réalité augmentée qui masque les panneaux de pub (et tu donnes tes infos à Google en même temps, qui les revendra à des publicitaires :D)
Bientôt tu seras obligé de répondre à une question à la sortie du tunnel pour voir si tu as bien regardé les pubs, comme sur certains captcha publicitaires
A la retraite, je pars m’installer définitivement dans les Cévennes, je ne pourrais plus être une cible, je me demande même si les publicitaires ne deviendront pas la cible, juste retour des choses. Encore huit ou dix ans ! Tenir !
Cache-cache avec le RGAA 3
▻http://romy.tetue.net/ou-trouver-le-rgaa3
Bref, elle est sans doute très bien, cette nouvelle version du RGAA, mais elle reste trop laborieuse à utiliser. La pratique de l’évaluation nécessite de jongler entre différentes entrées : un critère, ses tests, méthodos de tests, définitions relatives… avec des va-et-vient incessants entre la grille d’évaluation […] et le référentiel en ligne. Or, bien qu’hypertexte, cette interface ne facilite pas ces multiples allers-retours, en ne faisant pas (ou mal) les liens, et je m’y perds.
#RGAA #UX #lisibilité
Élie te cite chez Temesis, pour un article allant dans le sens « les référentiels sont déconnectés de la réalité de terrain des responsables de site » :
▻http://blog.temesis.com/post/2016/01/11/Qualite-accessibilite-test-de-20-regles-villes-Internet
Certaines règles comportent des proportions énormes de « ne se prononcent pas ». Il y a deux hypothèses. La première est que la personne qui remplit le formulaire ne sait pas répondre oui ou non. L’autre hypothèse plus inquiétante est que la règle est trop complexe ou mal comprise. Et si c’est le cas avec ces quelques règles, je vous laisse imaginer la tête du répondant en face des WCAG ou d’un de ses dérivés.
Nos référentiels accessibilité sont trop techniques, ils sont hors sols, nous mettons les responsables de sites devant des murs et malgré tous les efforts de vulgarisation des uns et des autres, lorsque même des personnes avec 15 ans d’expérience sont perdues, l’heure est grave. Je maintiens le constat d’échec ou de demi-échec que j’avais effectué en 2013.
« Nous mettons les responsables de sites devant des murs », oui.
Le plan de métro qui fait du bien au cerveau - Rue89 - L’Obs
▻http://rue89.nouvelobs.com/2015/12/18/plan-metro-fait-bien-cerveau-262520
Dans sa conférence, Max Roberts explique qu’une bonne carte doit :
– proposer le maximum de lignes parallèles et adoucir les angles (harmonie) ;
– respecter au maximum la forme de la ville (cohérence) ;
– souligner les grands axes ou structures de la ville (ici, le « rond » formé par les lignes 2 et 6) ;
– ne pas donner des informations dont les utilisateurs n’ont pas besoin (zigzags).
A la fin de son intervention, il propose au public de regarder une carte du métro parisien où les lignes deviennent courbes et qui permet de réduire de moitié le temps de consultation. A propos des courbes :
http://api.rue89.nouvelobs.com/sites/news/files/styles/mobile2-tablette-asset-center/public/assets/image/2015/12/paris_circlesok_1.jpg 
http://api.rue89.nouvelobs.com/sites/news/files/styles/mobile2-tablette-asset-center/public/assets/image/2015/12/paris_curves.jpg 
http://api.rue89.nouvelobs.com/sites/news/files/styles/mobile2-tablette-asset-center/public/assets/image/2015/12/paris_tilted.jpg Ici le plan original
Les minima sociaux dans le viseur de la Cour des comptes
►http://www.rtl.fr/actu/economie/les-minima-sociaux-dans-le-viseur-de-la-cour-des-comptes-7780648787
Regrouper les #minima_sociaux autour de trois grandes allocations, c’est une proposition de la Cour des comptes pour simplifier le système actuel. En effet, dans un référé rendu public le 26 novembre 2015, la juridiction financière présente cinq observations et recommandations, résultats d’une enquête sur les minima sociaux.
Les « minima sociaux » sont 9 dispositifs regroupant le revenu de solidarité active (RSA), le revenu de solidarité outre-mer (RSO), l’allocation de solidarité spécifique (ASS), l’allocation transitoire de solidarité (ATS), l’allocation temporaire d’attente (ATA), l’allocation veuvage, l’allocation supplémentaire invalidité (ASI), l’allocation adulte handicapé (AAH) et l’allocation de solidarité pour les personnes âgées (ASPA).
Le coût des minima sociaux s’élèveront à 28 milliards d’euros en 2017
La #Cour_des_comptes dresse un bilan "insatisfaisant en matière de lutte contre la #pauvreté et de #retour_à_l'emploi". Car les minima sociaux ne permettent pas aux #allocataires de sortir de la situation de pauvreté. Le rapport souligne notamment que le montant du RSA est inférieur au seuil de pauvreté [ça alors !] . Dès lors, la moitié des allocataires restent pauvres « en condition de vie ». Les bénéficiaires des minima sociaux trouvent d’ailleurs très rarement un emploi.
De plus, le #taux_d'emploi des bénéficiaires des minima sociaux est très faible. Ils sont entre 14% et 17% selon le dispositif. À titre d’exemple, la Cour des comptes révèle que 88% des bénéficiaires du (RSA) perçoivent cette allocation depuis plus d’un an, et 52% d’entre eux depuis plus de trois ans.
La Cour des Comptes note aussi que les minima sociaux coûtent de plus en plus cher aux finances publiques . « En l’absence de #réformes, les projections disponibles suggèrent que ce coût devrait encore augmenter au cours des prochaines années pour atteindre 28 milliards d’euros en 2017 », précise le rapport. Les minima sociaux représentent un enjeu budgétaire majeur pour l’État qui se traduit déjà par des difficultés pour les départements, chargés du financement du RSA.
Regrouper les minima sociaux autour de 3 allocations
La Cour des comptes a notamment relevé des incohérences entre les dispositifs qui posent un problème d’équité et d’efficacité. Le système devrait permettre une meilleure articulation entre les prestations familiales, les #allocations_logements et l’ensemble des minima sociaux. Cette « gestion complexe pourrait être simplifiée et rendue plus économe », en arrêtant de les financer et de les gérer par des intervenants différents et baisser les coûts administratifs.
En conclusion, la Cour des comptes propose un regroupement des minima sociaux autour de trois grandes allocations : le RSA, l’AAH et l’ASPA. Ainsi le RSA, constituerait l’allocation de solidarité de droit commun pour toutes les personnes n’ayant pas atteint l’âge légal de départ à la #retraite et dont l’objet serait le soutien au revenu et l’incitation à l’insertion sociale et professionnelle. L’AAH resterait une allocation de soutien au revenu intégrant la prise en compte des difficultés spécifiques liées au handicap . Et l’ASPA, résultant elle-même d’une unification des dispositifs du minimum vieillesse et qui n’appelle pas d’autre réforme que celle de certains paramètres de sa gestion.
▻http://www.boursier.com/actualites/economie/la-cour-des-comptes-plaide-pour-une-rationnalisation-des-minimas-sociaux-2
A l’inefficacité du système actuel, s’ajoute le manque d’#équité, selon la Cour. « D’un dispositif à l’autre, la variabilité des #ressources prises en compte pour liquider les droits des allocataires, des montants garantis et des conditions de majoration des allocations en fonction des configurations familiales, aboutit à une forte dispersion des montants moyens versés », explique-t-elle. Résultat : le dispositif manque de cohérence et de #lisibilité, « qui nuit à son efficacité ». (...)
la ministre des Affaires sociales, Marisol Touraine, [rentière] , rétorque que « chaque minimum social poursuit un ou plusieurs objectifs qui lui sont propres ». Elle rappelle par ailleurs qu’un travail de réforme a déjà été engagé, en particulier avec la #prime_d'activité qui remplacera au 1er janvier 2016 le RSA et la prime pour l’emploi. « Les pistes de #rationalisation plus large du paysage des minima sociaux formulées par la Cour nécessitent une évaluation fine des perdants et des gagnants », conclut la ministre.
#guerre_aux_pauvres #activation_des_dépenses_passives #emploi #contrôle #austérité #plein_emploi_précaire (vers le)
Vous êtes #Pauvres soyez #travailleurs_pauvres ou bien...
#économie_punitive
Comment tweeter une infographie accessible ?
▻http://romy.tetue.net/comment-tweeter-une-infographie-accessible
La police nationale vient de tweeter un petit mémo de prévention des risques en montagne l’été. Comme j’adore randonner et que la montagne, ça me gagne, j’en profite pour vérifier que j’ai les bons réflexes. Sauf que… ce mémo est une image miniature où le texte est illisible ! Dites, les gens qui retweetez, réussissez-vous vraiment à y lire quelque chose ? Y’a-t-il une astuce pour voir ce genre d’infographie ? pour agrandir les images tweetées ?
#accessibilité #lisibilité #twitter #infographie #rando #a11y #a11yDesign #transcript
CDD renouvelable deux fois, « lissage » des seuils sociaux : le « Jobs Act » à la française dévoilé par Valls
▻http://www.latribune.fr/economie/france/cdd-renouvelables-deux-fois-lissage-des-seuils-sociaux-le-jobs-act-a-la-fr
• L’exécutif introduit la possibilité de renouveler deux fois (au lieu d’une actuellement) les contrats à durée déterminée ou en intérim. Cet assouplissement de la prolongation des CDD, que réclamait le patronat, se fera « sans bien sûr toucher à la durée maximale de 18 mois » prévue par la loi pour ces contrats, a précisé le Premier ministre.
• Une prime de 4.000 euros va être immédiatement créée et versée aux entreprises sans aucun salarié qui effectuent leur première embauche. Cette prime, de 2.000 euros la première année et 2.000 euros la deuxième, sera versée pour tous les CDI et CDD de plus de 12 mois signés entre aujourd’hui et le 8 juin 2016. Sont concernées les entreprises n’ayant jamais eu de salarié ou n’en ayant pas eu depuis au moins 12 mois. Cette mesure « permettra de créer de 60.000 à 80.000 emplois », selon le ministre de l’Economie Emmanuel Macron.
• Le chef du gouvernement a aussi présenté une initiative pour « lisser » les seuils sociaux qui s’appliquent aux entreprises en fonction de leur nombre d’employés et qui déclenchent une série de contraintes pour les entreprises. Ainsi, « au cours des trois prochaines années, les recrutements des entreprises jusqu’à 50 salariés inclus ne déclencheront pas de prélèvements fiscaux et sociaux supplémentaires au titre d’un franchissement de seuil », explique le dossier de presse de Matignon.
• Les indemnités prud’homales accordées aux salariés licenciés sans cause réelle et sérieuse seront plafonnées. Ce plafonnement variera selon la taille de l’entreprise et l’ancienneté du salarié licencié, mais ne concernera pas les grandes entreprises et les « atteintes graves au droit du travail », comme les discriminations ou le harcèlement, a précisé Manuel Valls.
[…]
« Notre volonté est que ce ’programme’ constitue à la fois un véritable levier de développement économique et un acte de confiance envers les TPE-PME, pour les inscrire dans une croissance durable, sereine, et riche en emplois ».
Pour l’emploi je ne sais pas, ou plutôt c’est tout vu.
En revanche pour la démographie des entreprises, je prévois un gros baby boom.
Et on voit apparaître le concept d’atteintes normales au droit du travail. Bientôt, les atteintes légitimes au droit du travail ?
Plan Valls pour les petites entreprises : un « coup de com’ » pour la droite, du « Sarkozy » pour la gauche
▻http://www.lemonde.fr/politique/article/2015/06/09/plan-valls-pour-les-petites-entreprises-un-coup-de-com-pour-la-droite-du-sar
Bref, un coup de com’ à la Sarkozy.
D’ailleurs, MV utilise le même drapeau trafiqué (pour la com’) que NS…
MV - 9/06/15
NS - 1/05/12
Avec le plan emploi PME, Valls déploie sa stratégie social-libérale
▻http://www.latribune.fr/economie/france/avec-le-plan-emploi-pme-valls-deploie-sa-strategie-social-liberale-482636.
C’est donc un gouvernement « socialiste » qui va donner vie à cette très ancienne revendication patronale.
Même la Tribune, décidément de plus en plus gauchiste, met les guillemets !
Ah tiens, #ça_coïnce
Loi Macron : le gouvernement à la recherche d’un difficile compromis avec les députés PS
▻http://www.lemonde.fr/politique/article/2015/06/11/loi-macron-le-gouvernement-a-la-recherche-d-un-difficile-compromis-avec-les-
Pour l’instant, ça coince.
[…]
« L’important, c’est que la simplicité du dispositif et le #plafond_plancher soient préservés, défend le ministère. C’est la clé de la #lisibilité […] »
Le reste derrière #paywall (mais il ne me manquera pas :-)
Un article du New York Times en décembre 2012 :
Snowfall, décembre 2012 :
L’article dans la maquette actuelle (mai 2015) :
▻http://www.nytimes.com/2012/12/27/world/americas/bolivia-reduces-coca-plantings-by-licensing-plots.html
Quelle police pour les dyslexiques ?
►http://romy.tetue.net/quelle-police-pour-les-dyslexiques
L’efficacité des polices pour les~dyslexiques est encore incertaine.
L’usage d’une police de caractères appropriée peut atténuer les effets de la dyslexie, un trouble spécifique de la lecture qui touche près de 10 % de la population mondiale. Mais quelle police favoriser ?
Utiliser une police dys - romy.tetue.net
▻http://romy.tetue.net/utiliser-police-dyslexique
Motivé par le coût prohibitif de ces autres polices, le développeur Abelardo Gonzalez a construit la police « OpenDyslexic » qu’il distribue gratuitement depuis décembre 2011 sous licence libre.
Le truc chouette, que je viens de découvrir, c’est qu’elle est applicable sur tous les sites visités, via extension du navigateur : ▻http://opendyslexic.org/get-it-free
il n’a pas mis le lien pour firefox, mais l’extension est bien là
▻https://addons.mozilla.org/en-us/firefox/addon/opendyslexic
@tmcw :
remember that font that everyone was excited about that would make it easier for people with dyslexia to read? well, it didn’t work. ▻https://link.springer.com/article/10.1007/s11881-017-0154-6
Oui, c’est l’avertissement que je faisais dans cet autre article :
►http://romy.tetue.net/quelle-police-pour-les-dyslexiques
Ponctuellement, pour certain·es individus, ça marche, leur facilitant sensiblement la lecture (il faut donc essayer), mais globalement, les études ne montraient pas plus d’efficacité que d’autres polices bâton plus usuelles.
Typo web pour Codeurs en Seine
▻http://romy.tetue.net/typo-web-codeurs-en-seine
J’étais invitée à présenter Tiny Typo à Codeurs en Seine, une nouvelle conférence normande qui a la particularité de réunir back et front — en 4 thèmes simultanés : Web, Agile, Java et innovation —, rassemblant quelques 380 participants, tant pro qu’étudiants, dans un cadre universitaire. Je serais volontiers allée m’intéresser à l’agilité, mais le programme web avait une approche historique qui m’intéressait trop.
#Web #histoire #typo #lisibilité #Codeurs2014 #TinyTypo
Size Matters: Balancing Line Length And Font Size In #Responsive #Web_Design | Smashing Magazine
▻http://www.smashingmagazine.com/2014/09/29/balancing-line-length-font-size-responsive-web-design
As we refine our methods of responsive web design, we’ve increasingly focused on measure (another word for “line length”) and its relationship to how people read.
The popularization of the “ideal measure” has led to advice such as “Increase font size for large screens and reduce font size for small screens.” While a good measure does improve the reading experience, it’s only one rule for good typography. Another rule is to maintain a comfortable font size.
#Hasklig solves this problem the way typographers have always solved ill-fitting characters which co-occur often: #ligatures. The underlying code stays the same — only the representation changes.
PS : cette notation me rappelle le bon vieux temps du #A
The Most Massive Object in the Universe—How Was It Created? - Facts So Romantic
▻http://nautil.us/blog/the-most-massive-object-in-the-universehow-was-it-created
A computer simulation of the merger of two black holesNASA / CXC / A. HobartThe galaxy known prosaically as M87 doesn’t look like much. Unlike beautiful spiral galaxies (including the Milky Way), M87 appears as an orangish blob of stars through telescopes. Its only noticeable feature is the long streamer of gas emanating from the galactic center.The source of that jet is far from prosaic, however: It’s a black hole 6.6 billion times the mass of the Sun. No other known object is as massive—this black hole by itself outweighs entire star clusters and small galaxies. Even compared to other huge black holes, such as the one at the heart of the Milky Way, the monster of M87 is immense.But how did these black holes grow so massive? The simple answer: Just as big galaxies grew by colliding and (...)
Juste pour dire que c’est beau et bien lisible cette revue en ligne. #ergonomie #lisibilité
A More Modern Scale for Web Typography | Design in the browser with web fonts and real content — Typecast
▻http://typecast.com/blog/a-more-modern-scale-for-web-typography
it’s not just the absolute sizes of your type and spacings that must change as screen sizes shrink; the proportions between them must change as well. So I’ve come up with a responsive relative scale to help you achieve a more readable page regardless of device or resolution.
Mieux lire le Web
▻http://romy.tetue.net/readability-clearly-instapaper
Les pages web sont tellement peu aisées à lire que plusieurs solutions fleurissent pour les « nettoyer » afin d’en améliorer la lisibilité et faciliter l’accès à l’information. […] Sait-on combien ces outils sont répandus, et surtout qui lit encore les sites web « dans leur jus » ?
Je suis d’accord sur le principe, mais ces outils sont, de ce que je constate empiriquement pour l’instant, uniquement utilisés par des geeks, des travailleurs du web ou autres élites numériques. Les autres lisent tant bien que mal les contenus sur les sites eux-mêmes (enfin lorsqu’ils trouvent ces sites, vu que plein de gens ne lisent que Facebook).
Quant à « pourquoi investir dans du graphisme web », tout dépend de la cible et du sujet du site. La réponse sera sûrement différente pour un journal/magazine, un blog, un site de commerce d’objets réels, une marque (de luxe ou pas), une collectivité…
Parfois l’image, l’ambiance véhiculée par le graphisme, fait partie du message que l’on veut faire passer.
Non, c’est un préjugé. En réalité ils sont aussi utilisés, ou similaires, sans qu’on le percute, par des applis tierces. Par exemple, dans les flux twitter des applis smartphone, cliquer un lien n’ouvre pas la page web dans le navigateur, mais propose une vue expurgée, au sein de l’appli. Quand on sait l’emprise des réseaux sociaux, on n’est plus dans l’élite hyper minoritaire.
Ils sont également utilisés, de façon consciente cette fois, par les publics en difficulté de lecture sur le web : un clic sur le bouton Clearly et pouf, la page est lisible.
Ceci dit, je n’ai pas trouvé de stats. D’ailleurs, j’ignore si ces modes de consultation sont quantifiables.
Nous sommes d’accord sur la vocation du graphisme. Encore faut-il qu’il soit vu — ou fait de façon à ne pas donner envie de le zapper pour pouvoir lire…
Évidemment pour une fois, j’ai été le lire chez toi ;-)
En général, je lit sous Feedly ou avec Pocket. Je ne connaissais pas Clearly « qui claque » sur l’exemple que tu donnes et je pensais que Readability était semblable à Pocket … je me trompe ?
Bàt
Je n’utilise pas Pocket ni Poche, mais oui, ce sont des outils de lecture différée, tout comme Readbility.
Clearly est une des rares à faire un nettoyage DANS le navigateur, permettant une lecture immédiatement confortable, sans devoir bookmarker pour plus tard. J’adore !
C’est un truc d’Evernote, ça non ?
Y a un truc qui coince entre Evernote et Linux, je crois...
@tetue :
Clearly est une des rares à faire un nettoyage DANS le navigateur, permettant une lecture immédiatement confortable, sans devoir bookmarker pour plus tard. J’adore !
Moi j’aime bien ►https://addons.mozilla.org/fr/firefox/addon/column-reader
@ Agnès Maillard : Le problème d’Evernote est qu’il n’existe aucune application officielle (aucun client vraiment satisfaisant) sous Linux… On en est réduit à passer par un navigateur, ce qui est moins ergonomique (la grande qualité d’Evernote…). Mais tu peux installer, aussi bien sous Firefox que sous Opera, deux belles extensions : Clearly, déjà évoquée et Evernote Web Clipper afin d’améliorer la lecture et la capture de contenu web vers un compte Evernote…
Il semble qu’il existe une sorte de fork pour Ubuntu : ▻http://techandtux.wordpress.com/2013/10/17/everpad-un-client-evernote-officieux-pour-ubuntu
Très intéressant, merci. Bravo @tetue pour ton #tiny_typo adopté par poche V2 ►http://www.inthepoche.com
@ Agnès Maillard : Oui, c’est à ces clients officieux que je faisait implicitement allusion : ils ne marchent pas bien, malheureusement…
@monolecte @emaux : et Poche ? avez-vous essayé : ►http://www.inthepoche.com ?
▻https://larlet.fr/david/blog/2014/dogmatiques-defauts
Je pense pour ma part qu’il s’agit d’une histoire de défauts : proposer un design suffisamment engagé pour qu’il puisse créer une tendance.
C’est bien sûr reproductible, il n’y a qu’à voir le nombre de sites qui arborent une énorme photo floue en tête de page avec un titre en 50px. Et je suis d’accord qu’il est possible de faire ça assez facilement avec un Wordpress ou un Dotclear. Tout est dans le « assez ». À la limite, distribuer officiellement l’un de ces outils avec un thème par défaut s’en approchant pourrait avoir un impact sur la communauté mais sinon il faut bien réaliser que la modification d’un outil web par des utilisateurs non techniciens tient de l’épiphénomène.
En fait la communauté des Logiciels Libres est tellement peu consciente des problématiques d’expérience utilisateur qu’il y aurait un marché pour n’importe quel outil Open-source dont l’ergonomie et le design seraient retravaillés. Peut-être qu’il s’agit de fainéantise de ma part de vouloir quelque chose qui fonctionne du premier coup, pire j’encourage ainsi la stupidité et chaque citoyen/enfant devrait apprendre à coder pour bidouiller son propre outil. Dans ce monde de Bisounours, plus personne n’aurait le temps de bloguer par contre :-).
cc/ @tetue
#design #open_source #logiciel_libre #expérience_utilisateur #élitisme #ergonomie
En fait la communauté des Logiciels Libres est tellement peu consciente des problématiques d’expérience utilisateur...
Là, c’est un peu vache, les acteurs des LL ont conscience des problématiques d’UX. Ce seraient plutôt des causes structurelles qu’une ignorance ou un aveuglement.
– Les LL sont souvent des outils « boites à outils », génériques, cela plait au « praticien », un peu moins à « l’utilisateur ». Ce sont souvent des outils « non finis » (du point de vue « utilisateur »). La tension « bidouillabilité <-> simplicité / facilité » de @fil.
– Foisonnement de l’offre ? (cf le nombre de distributions linux, squelettes et plugins SPIP, librairies node.js, etc...)
– Prédominances des approches bottom-up ? La conception technique pilote le reste.
– Les façons de produire du LL seraient peu adaptées à une démarche de « design » ?
C’est à creuser.
qu’il y aurait un marché pour n’importe quel outil Open-source dont l’ergonomie et le design seraient retravaillés.
C’est quoi « un marché » ? ;)
Si ça veut dire « gagner son pain à faire de l’UX pour des LL », je signe. (ajout : à ce sujet, voir la discussion ►http://seenthis.net/messages/123215 )
Ça me fait penser à cette discussion ►http://seenthis.net/messages/123215
De mon côté, je crois que la combinaison gagnante était @rastapopoulous +ergonomie
Haha, merci pour la référence. Je maintiens tout ce que j’y disais.
Et une réponse de Clochix :
▻http://esquisses.clochix.net/2014/01/15/control
Si un projet Libre veut attirer des profanes, il doit d’abord s’ouvrir à d’autres compétences. Mais comment les trouver, les inciter à monter dans le bateau ?
Et mon commentaire : il ne s’agit pas tant de les trouver, que de ne pas les décourager.
nous aurions besoin de faire notre auto-critique [en] mettant de grands coups de pieds dans la « #méritocratie » de certains projets libres pour y faire entrer un peu de sang neuf, non issu de l’aristocratie geeke
Quand bien même on en trouverait et qu’illes seraient motivé⋅e⋅s, je continue de ne pas encore savoir ni comprendre quand est-ce que ces gens vont pouvoir contribuer à tel projet, mis à part sur leur temps personnel et familial. La question du #temps de contribution est pour moi essentielle.
Quand on est issu d’une culture geek, et que l’on fait surtout du code, il parait normal de contribuer à des projets aussi bien sur son temps de travail, qu’en dehors, la nuit, en mangeant des chips.
Lorsque l’on a pas cet état d’esprit, et que le soir ou le week-end (1) on préfère plutôt jouer avec son enfant, lire des livres, faire du vélo, cuisiner, jongler, militer ici ou là, et bien le SEUL moment où l’on peut contribuer à des logiciels libres c’est : sur le temps de travail salarié ou assimilé.
Et excusez-moi de la découverte, mais c’est d’ors et déjà ce qui se passe dans une grande partie (la plupart ?) des projets libres un peu gros, même en ne parlant que du code fonctionnel.
Or, pour quelqu’un qui ajoute un module fonctionnel, il est relativement facile de faire en sorte que cette fonctionnalité soit payée par des gens, tout en la publiant en licence libre une fois terminée, car une fonctionnalité est assez souvent générique, peut servir à d’autres.
En revanche, de-nos-jours-pour-l’instant, à peu près aucune entreprise ou collectivité ne va payer pour améliorer l’ergonomie d’un logiciel déjà existant. Elles vont payer pour leur charte graphique à elles. Elles vont payer pour l’ergonomie de leur site internet ou de leur module métier qui est unique et propre à elles.
Dans ces cas-là, les améliorations d’ergonomie, de lisibilité, de navigation, sont souvent le fait de francs-tireur⋅euse⋅s hyper-rares, qui parfois arrivent à trouver le temps de modifier l’UX d’un logiciel.
Mais ça veut dire qu’on ne compte que sur des exceptions, alors que pour le code fonctionnel beaucoup plus de monde arrivent à contribuer sans être geek, sans être étudiant, et sans nuire à leur vie sociale.
S’il est besoin, on peut essayer de donner des cas concrets. (2)
(1) Je reprends ici la temporalité de la majorité, je sais bien que certains n’ont pas la même organisation du temps.
(2) Mais ne serait-ce que dans #SPIP (forcément), on voit bien la différence entre corrections de bugs et ajouts fonctionnels d’un côté / amélioration générale de l’admin et refonte de la documentation-communication de l’autre.
proposer un design suffisamment engagé pour qu’il puisse créer une tendance.
Le thème par défaut du dernier WordPress me semble entrer dans cette catégoirie (même s’il synthétise une tendance existante plus qu’il ne la crée) : il a un parti pris clair.
Le design par défaut de SPIP3 fondé sur une typographie claire et lisible me semble aller dans le bon sens mais peut être ne va-t-il pas assez loin encore.
Je suis d’avis que SPIP devrait proposer un squelette dist qui soit directement utilisable et esthétique mais avec un parti pris graphique fort pour qu’il soit immédiatement reconnaissable.
@vlentz Pour ce point, si tu as des commentaires à faire c’est en ce moment sur spip-dev, sur les discussions parlant de « neo-dist ».
ceci ? ▻http://neodist.grml.eu Propre mais pas de parti pris en effet...
Il faudrait une webfont avec un peu de personnalité.
960px me semble inutile aussi : on pourrait proposer du max-width 1270 puis du responsive
A priori, car j’ai suivi ça de loin, l’idée est de faire une base très dépouillée encore, et je me refuse à critiquer alors que je ne suis pas en mesure de participer et que je pense fondamentalement que le design « démocratique » ne peut pas avoir de personnalité par essence ; il me semble juste que le parti pris typographique en full helvetica est tout de même assez harcore - sans parler de webfont, qui ne conviendraient pas à ce contexte, un peu de Georgia ne serait probablement pas de trop.
Dans l’esprit de rapprocher mondes du logiciel libre et de l’UX, y’a cette conférence/atelier bientôt :
UX ET LOGICIELS LIBRES : RETOUR D’EXPÉRIENCE (TAILS)
▻http://www.passageenseine.org/fr/programme/2015
Alain Damasio, « 701 000 heures de garde-à-vue »
►http://www.playlistsociety.fr/2014/01/701-000-heures-de-garde-a-vue/116176
Écart est le palindrome de Tracé. Et la Carte en est l’anagramme, qui les unit de peur que l’écart échappe à sa trace — que la proie se décale de son ombre.
Everyone. Everywhere. Everything. WWW = EEE. C’est l’équation dont nous sommes l’inconnue.
(...) Vous avez remarqué ceci ? La pub ne vend plus rien au nom de la liberté. Mais tout, ou presque, au nom du confort et de la sécurité. Changement d’ethos majeur.
Au nom de quoi se justifient-ils, au fait ? Lutter contre le terrorisme ? Combien le terrorisme a-t-il fait de morts en 2012 en Europe ? Dix-sept ! (confère la fiche Wikipedia sur le terrorisme)
Donnons-lui un nom : « Sister Resist vs Big mother » ? Hum, déjà pris… « À l’atthack ! »… ouais… « Le contre-contrôle comme contrerôle »… euh… Bon, oublions les noms.
[ctrl][suppr] ?
(Au passage, ça c’est du magazine lisible… #lisibilité #accessibilité)
@RastaPopoulos : bien d’accord ! Bon, pour l’instant, je n’y ai pas lu d’autres contributions aussi lumineuses et marquantes, mais la barre est placée haute...
