Iconduck - Free open source icons, illustrations and graphics
▻https://iconduck.com
#icone #svg
-
-
Y a pas mal de ressources partagées ici, si on les recensait ? :)
►https://orioniconlibrary.com
►https://www.flaticon.com
►https://flaticons.net par
►https://icons.pixsellz.io
►https://icongr.am
►https://remixicon.com
►https://www.svgrepo.com
►https://danklammer.com/bytesize-icons(par @monolecte, @b_b, @cy_altern, @rastapopoulos)
#Icons #ressource_graphique #webdesign #pictos #graphisme #ergonomie #web #intégration #interface
-
-
-
-
unDraw - Open source illustrations for any idea
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free. -
Dans mon idée, on partait plus sur les icônes ici pour s’y retrouver et les outils dans d’autres fils :) et avec un #Ressources_graphisme ou #Ressources_integration pour tout lier.
Mais à voir. -
des nouveaux
– ▻https://feathericons.com
– ▻https://github.com/primer/octicons
– ▻https://fonts.google.com/icons?selected=Material+Icons
– ▻https://icons.coreui.io/icons
– ▻https://github.com/danklammer/bytesize-icons
– ▻https://useiconic.com/open
– ▻https://forkaweso.me/Fork-Awesome/iconsSource + avis : ▻https://core.spip.net/issues/4727
How to Design Better Icons
▻https://blog.prototypr.io/how-to-design-better-icons-869d067fddbf
-
-
Quant-UX - Prototype, Test and Learn - 3.0.60
▻https://quant-ux.com/#Quant UX is a free research, usability & UI prototyping/wireframing tool to quickly test your design and analyse interactive prototypes. Our visual analysis makes it easy for you to find and quickly fix pain points in your UI design.
Un outil open-source de maquettage avec possibilités d’interactions utilisateurs et d’analyses de celles-ci
Le repo Github : ▻https://github.com/KlausSchaefers/quant-ux
#prototype #maquette #web_dev #outil_web #conception #ergonomie #UX #interface #adobe_XD
-
Beaucoup plus gros que Penpot signalé dernièrement : ►https://seenthis.net/messages/900030
Mais moins tourné vers le travail d’équipe je crois, par contre ça permet de vraiment faire des tests utilisateurices « pro », avec des conditions, des tests à valider, des stats, des heatmaps, etc.
-
-
Penpot - Design Freedom for Teams
►https://penpot.appPenpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG).
(= un remplaçant d’Adobe XD open-source)
Le repo Github : ▻https://github.com/penpot/penpot (comprend aussi un docker pour installation serveur)
-
Tous les articles sur le Calendrier de l’Avent du Web sont très bien mais celui sur les formulaires est parfait, et devrait être lu par tous les développeurs Web :
▻https://www.24joursdeweb.fr/2020/l-homme-qui-hululait-a-l-oreille-des-formulaires
-
Assassinat de Samuel Paty : “Il faut trouver un moyen de limiter les partages pulsionnels sur les réseaux sociaux” | Interview d’Olivier Ertzscheid
▻https://www.telerama.fr/idees/assassinat-de-samuel-paty-il-faut-trouver-un-moyen-de-limiter-les-partages-Spécialiste en sciences de l’information et de la communication, Olivier Ertzscheid pointe l’incapacité politique à comprendre les enjeux des échanges numériques, et la propension structurelle des réseaux sociaux à diffuser la haine. Il appelle à une réflexion large, des concepteurs aux régulateurs et aux utilisateurs des outils de communication virtuels.
Huit jours. C’est le temps qui s’est écoulé entre l’allumage de la mèche et l’explosion de la charge. Entre le virtuel et le réel. Entre la vidéo d’un parent d’élève prenant nommément à partie Samuel Paty, le professeur d’histoire-géo de sa fille, et l’assassinat barbare de celui-ci, décapité près de son collège de Conflans-Sainte-Honorine par un individu qui, il y a deux semaines encore, ignorait jusqu’à son existence.
Abonné Assassinat de Samuel Paty : “Être musulman, c’est respecter l’autre dans sa dignité absolue” Youness Bousenna 8 minutes à lirePendant ces huit jours, jusqu’à leur épouvantable culmination, l’enseignant a été la cible d’une campagne de dénigrement, à l’intensité centuplée par les réseaux sociaux, en public et en privé, en messages et en boucle. Avec l’aide de Facebook, WhatsApp ou Snapchat, la vindicte populaire a même franchi les frontières géographiques pour arriver jusqu’en Algérie. On n’en a rien su. Ou trop tard. Qu’aurait-il fallu faire pendant ces huit jours, aussi courts qu’interminables ?
Dans cet embrasement, le problème n’est pas l’anonymat, déjà pris pour cible par certains responsables politiques désarmés, mais la foule et son viatique numérique. Comme un précipité des passions les plus tristes de l’époque, cet attentat vient rappeler que la raison voyage toujours moins vite que le bruit, et repose, dans les pires conditions possibles, cette question aussi vitale qu’indémêlable : comment rendre vivables nos conversations en ligne ? Comment faire pour que, a minima, on n’en meure pas ?
Pour Olivier Ertzscheid, maître de conférences en sciences de l’information et de la communication à l’université de Nantes, auteur du Monde selon Zuckerberg (éditions C&F, 2020), la solution s’écrit lentement : à l’urgence omnipotente des plateformes, il faut réussir à opposer un peu de friction et une certaine lenteur.
En de pareilles circonstances, pourquoi accuse-t-on systématiquement les réseaux sociaux ?
Il y a un effet de visibilité sur les réseaux sociaux, particulièrement dans la temporalité d’un attentat : ce que les gens disent de l’événement en ligne est immédiatement observable. Par un effet de raccourci intellectuel paresseux, il est facile de se raconter cette fable selon laquelle les réseaux sociaux seraient seuls responsables. C’est ainsi qu’on remobilise en catastrophe la loi Avia contre les discours de haine, alors qu’elle a été censurée par le Conseil constitutionnel et ferait plus de mal que de bien.
Hommage à Samuel Paty : un pays sur une ligne de crête
Valérie Lehoux 3 minutes à lireQuel regard portez-vous sur les déclarations de certains responsables politiques, notamment Xavier Bertrand, qui saisissent ce moment pour réclamer la fin de l’anonymat en ligne ?
Il faut d’abord rappeler qu’il est totalement hors sujet de convoquer l’anonymat par rapport à ce qui s’est passé à Conflans-Sainte-Honorine. En dehors du compte Twitter qui a publié la photo de la tête décapitée de Samuel Paty, tous les acteurs de la chaîne sont identifiés. En vérité, ce réflexe pavlovien traduit deux choses : une incapacité politique à comprendre ce qui se joue sur les espaces numériques, et la tentation d’un discours liberticide, la volonté d’une prise de contrôle, d’une hyper-surveillance. À cet égard, certains de nos responsables politiques ne sont visiblement pas sortis du syndrome sarkozyste, qui décrivait Internet comme un « Far West » à civiliser.Difficile toutefois d’escamoter la part de responsabilité des réseaux sociaux. Le problème ne se situe-t-il pas dans leur architecture ?
La finalité de ces espaces est de générer une rente attentionnelle, d’être un réceptacle publicitaire pour déclencher des actes d’achat, qu’il s’agisse de produits ou d’opinions. Je considère aujourd’hui les réseaux sociaux comme des espaces « publicidaires », c’est-à-dire qu’ils tuent toute possibilité d’un discours qui ne soit pas haineux. Tant qu’on ne changera pas ce modèle, économique et politique, on ne résoudra rien. Revenons vingt ans en arrière : quand Sergey Brin et Larry Page, les fondateurs de Google, ont créé PageRank, l’algorithme de leur moteur de recherche, ils ont expliqué leur démarche, en arguant que les autres moteurs – contrairement au leur – étaient biaisés et dangereux pour la démocratie. Regardons où ça nous a menés…
“La vidéo du parent d’élève qui a déclenché cette spirale infernale a été partagée par de grands comptes, très suivis. Pas nécessairement parce qu’ils adhèrent au fond, mais parce que c’était facile.”Qu’aurait-il fallu faire pendant les huit jours qui ont séparé la mise en ligne de la première vidéo d’un parent d’élève et l’assassinat de Samuel Paty ?
Dans un monde idéal, où les plateformes seraient soucieuses de produire des espaces de discours régulés, nous aurions pu mettre en place des mécanismes de friction afin de briser les chaînes de contamination. La vidéo du parent d’élève qui a déclenché cette spirale infernale a été partagée par de grands comptes, très suivis. Pas nécessairement parce qu’ils adhèrent au fond, mais parce que c’était facile. Ça ne coûte rien cognitivement et ça rapporte beaucoup socialement.Ces partages sont perdus dans un brouillard d’intentionnalité. Prenons l’exemple de la mosquée de Pantin : elle a d’abord diffusé la vidéo du père de famille puis, quelques heures après l’attentat, l’a finalement supprimée en exprimant ses regrets et en appelant aux rassemblements de soutien. Le temps de l’éditorialisation a complètement disparu, plus personne ne sait pourquoi tel ou tel contenu est relayé. Or les réseaux sociaux mettent en proximité des communautés qui ne s’entendent pas. Et parfois, ce mécanisme d’hystérisation déclenche chez quelqu’un une pulsion.
“Dans une démocratie de deux milliards d’habitants comme Facebook, il n’est pas normal qu’il n’y ait pas de haltes, de ralentissements.”Faudrait-il renvoyer les discours de haine dans la sphère privée, au risque de favoriser un phénomène de balkanisation, de morcellement, qui nous empêcherait de repérer les départs d’incendie ?
Facebook et consorts ont fait le choix de mettre en avant le partage privé dans ce qu’on appelle le « dark social » [c’est-à-dire le trafic de l’ombre, constitué d’informations échangées hors de la sphère publique, NDLR]. Il y a chez les plateformes une volonté de capter les moments d’agitation de surface pour alimenter des conversations privées.Il y a une clé pour comprendre le problème de la hiérarchisation entre espaces publics et interpersonnels : le design d’interface. Comme le formulait Lawrence Lessig [professeur de droit à Harvard et théoricien de l’Internet libre, NDLR] en 1999, « le code, c’est la loi », et ceux qui le fabriquent ne peuvent pas faire l’économie d’une profonde réflexion éthique. Ce n’est pas anodin de voir aujourd’hui un très grand nombre d’ingénieurs de la Silicon Valley regretter leurs créations, qu’il s’agisse du bouton j’aime ou du scrolling infini.
On le voit, ce débat oppose l’urgence de la réaction à la lenteur, salutaire. Comment les réconcilier ?
Dans une démocratie de deux milliards d’habitants comme Facebook, il n’est pas normal qu’il n’y ait pas de haltes, de ralentissements. Je ne dis pas qu’il faut rationner le nombre de contenus qu’on peut relayer quotidiennement sur les réseaux sociaux, ou qu’il faut instaurer un permis à points, mais il faut trouver un moyen de limiter les partages pulsionnels. Dans mes cours, j’oblige par exemple mes étudiants à recréer des liens hypertextes pour qu’ils produisent un effort intellectuel même minime avant de les envoyer. Pour autant, on ne peut pas uniquement blâmer l’utilisateur.Nous sommes dans un espace-temps qui nous sort de notre posture lucide, et personne ne se regarde en train d’utiliser les réseaux sociaux, pas plus qu’on ne s’observe en train de visionner un film au cinéma. Il faut travailler sur un cycle, qui va de la conception des plateformes – le premier levier – à l’éducation, en passant par la régulation. À condition de ne pas tout attendre du design (design utilisateur, ou UX design, ndlr), du politique ou de l’internaute, on peut y arriver.
-
« Des #émojis accessibles »
"La synthèse vocale de mon téléphone le lit ainsi : « Singe qui se cache les yeux main avec index et majeur croisé teint clair main avec index et majeur croisé teint clair main avec index et majeur croisé teint clair okok bon bah bon courage visage envoyant un baiser visage envoyant un baiser visage envoyant une baiser »."
▻https://blog.hello-bokeh.fr/2020/07/23/des-emoji-accessibles
-
La policière, l’attestation, et « les gens comme ça » - Libération
►https://www.liberation.fr/debats/2020/03/30/la-policiere-l-attestation-et-les-gens-comme-ca_1783580
▻https://medias.liberation.fr/photo/1303833-prodlibe-2020-0411-confinement-a-marseille.jpg?modified_atPar naïveté sans doute, et parce que je considérais la démarche légitime, je suis saisie par l’absence absolue de discussion possible, la condescendance méprisante envers les patients. Le verdict est évidemment sans appel, rien à faire, « Je fais mon travail ». Je suis tellement sidérée par cette phrase que j’ai un mouvement de recul, je demande par la même occasion à l’agent de bien vouloir respecter la distance de sécurité, et également de me parler correctement. J’aurais dû m’y attendre, elle me répond : « C’est à vous de me parler correctement. » Je me résigne, mais avant de partir, je lui demande son RIO, elle dit d’abord, « bien sûr vous pouvez l’avoir ! » puis se ravise « et puis non, vous me parlez tellement mal, je ne vous le donnerai pas ! »
Elle ne m’a pas touchée, elle ne m’a pas insultée, mais il y a une telle violence dans son attitude, dans son refus, dans son autorité injuste, que je finis par m’adresser à l’un des deux agents qui l’accompagnent, et qui reste silencieux, « Comment pouvez-vous laisser faire cela ? » Il ignore ma question. Je repars avec mon patient.
-
Quelle merde, pauvre patient et pauvre médecin.
J’ai une question sur ces attestations.
Je les fait aussi à la main, car j’ai pas d’imprimante et la boutique près de chez moi est fermé. Du coup je ne recopie pas les mention inutiles de motifs de déplacements qui ne me concernent pas, ni les cases à cocher. Est-ce que ca me coutera aussi 135€ pour ne pas avoir recopié à la main les mentions inutiles et les petits carrés que je doit cocher comme une débile volaille ? J’imagine que ce patient puisqu’il doit se taper le recopiage à la main à mis deux motifs pour recyclé son papier, ce qui me semble être du bon sens, mais le bon sens des poulets...
edit - en fait j’ai ma réponse, il faut tout copier même les petits carrés et bien cocher le bon car les poulets saisirons tous les prétextes y compris ceux qu’illes inventent eux même.
#dictature #état_policier #leur_travail_de_nazi -
Toujours se méfier des gens qui te disent, pour se justifier, qu’ils « font leur travail ». M’est avis qu’ils ne sont pas très fiers de le faire, ce travail. Et partant, ils vont te faire chier par pure frustration.
Autre hypothèse : ce sont des pourritures qui n’en n’ont rien à foutre de la relation aux autres, le curseur de l’empathie dans nos société, toussa...
Oui, du coup, j’opte pour la deuxième. Parce que l’empathie pour ce genre de « boloss », faut pas exagérer non plus. -
C’est pas obligé d’exclure l’une de tes options, c’est des pourritures frustrés qui se défoulent sur celleux qui ne sont rien et en plus y a des riens qui osent avoir un caducée, et là ca énerve grave ces étrons assermentés.
-
#coronavirus #fascistovirus #France #le_sens_des_priorités
Voir compile des effets délétères indirects de la pandémie :
►https://seenthis.net/messages/832147 -
Nope @mad_meg en manuscrit c’est marqué officiellement que dans ce cas on ne recopie que le motif du moment (par contre faut bien recopier le paragraphe qui précède « autorisé par l’article 3 blabla »).
▻https://www.service-public.fr/particuliers/vosdroits/R55781Si vous n’avez pas d’imprimante, vous pouvez rédiger l’attestation sur papier libre. Vous devez recopier la partie correspondant à votre identité, la mention « Certifie que mon déplacement est lié au motif suivant autorisé par l’article 3 du décret du 23 mars 2020 prescrivant les mesures générales nécessaires pour faire face à l’épidémie de Covid19 dans le cadre de l’état d’urgence sanitaire » et la ligne correspondant au motif. Vous devez inscrire le lieu, la date et vous devez apposer votre signature.
-
Sauf qu’on a bien vu que les contrôles, comme toujours en France républicaine, contiennent une dose d’#arbitraire qui fait que la protection du droit ne tient pas quand un·e flic a choisi de se repaître de violence pour se faire un petit plaisir aux dépens du maintien de l’ordre et de l’État de droit. Il faut respecter le droit et plus que le droit, avoir une tête qui revient à la flicaille, etc.
Et puis ne pas oublier la mention de l’heure qui est devenue obligatoire entre temps, me semble-t-il. -
Oui les flics n’ont plus aucun cadre et j’ai vu passé que certain·es n’acceptent pas les formulaires fait à la main qu’illes jugent non réglementaire. A cela le gouvernementeur à répondu qu’il faut faire #konfiansss aux flics.
-
C’était hier ;
Romain_Pigenel
Bonjour @prefpolice @gouvernementFR @Place_Beauvau, je viens d’être verbalisé car je n’avais pas recopié TOUS les motifs sur mon attestation de déplacement sur papier libre, en plus de celui de ma sortie. Confirmez-vous qu’il s’agit d’un motif valable ? #Covid_19
2 381
11:57 - 30 mars 2020►http://www.leparisien.fr/societe/coronavirus-doit-on-recopier-tous-les-motifs-sur-l-attestation-30-03-2020
-
Oui, je sais : j’ai passé un certain temps sur cette histoire. C’est du pur #arbitraire.
Après, c’est rude pour un élu bourgeois de découvrir ainsi le quotidien les gueux de banlieue… -
leparisien :
vous n’avez pas le droit d’utiliser de crayon à papier qui soit effaçable
A ajouter aux dommages collatéraux de leur incurie criminelle de la catastrophe : une forêt entière qui va disparaitre à coup d’attestations à refaire absurdement durant 3 mois x 60 millions de personnes qui sortent à minima une fois par jour = 90 jours x 60 millions = 5400000000 de feuilles A4 …
Un arbre = max15000 feuilles A4 -> il faudra donc détruire 360.000 arbres pour leurs saloperies de merde de pourriture de flicage.▻https://www.rts.ch/decouverte/sciences-et-environnement/environnement/6556650-combien-un-arbre-produit-il-en-moyenne-de-feuilles-a4-.html
-
Je trouve aussi super polluant et perso j’ai pas que ca à faire que de recopier cette punition comme une victime de Blanquer. Et si on fait une faute d’orthographe ou de dislexie on n’est pas non plus à l’abri d’un coup de taser ou d’une sodomie à la matraque télescopique.
-
-
Après je ne comprends pas que ce soit les médias mainstream qui édicte le fait que tu ne peux pas utiliser de crayon à papier vu que je n’en ai trouvé nulle part mention sur le site du gouvernement où tu dois télécharger l’attestation.
Une taxe covid-19, avec un prélèvement direct sur le compte bancaire des plus riches, plutot que de taxer les pauvres en les obligeant à écrire ces conneries. Mais comment font les analphabèt·es et les personnes n’écrivant pas le français ?
#exclusion_sociale #on_y_est #it_has_begun #fascitovirusMoi à qui on a souvent reproché le pessimisme, qui me fait violence pour puiser un peu d’espoir dans de petits signes de bonheur, je me suis souvent surprise à me demander comment on avait réussi à ne pas encore tous crever de leurs saloperies. Du coup, je suis pas extrêmement étonnée de ce qui arrive, c’est assez logique, pour les tenants du pouvoir j’entends, de stranguler les plus faibles. La continuité nazie ne fait aucun doute.
-
@touti, une dame qui enseigne le français langue étrangère à des réfugiés dont certains sont illettrés ou alphabétisés dans d’autres systèmes d’écriture leur a envoyé une photo de l’attestation écrite en capitales pour les aider à tout recopier comme ils peuvent. Comme ils peuvent. Sachant que de toute façon la plupart sont des jeunes hommes Noirs déjà en faute d’être Noirs...
-
@touti trouvé là :
►https://www.service-public.fr/particuliers/actualites/A13952Elle doit être renseignée à l’aide d’un stylo à encre indélébile et doit être renouvelée pour chaque déplacement. Il n’est donc pas possible d’écrire au crayon à papier et de gommer.
-
merci @antonin1 et @rastapopoulos pff, télécharger d’un côté l’attestation et avoir son mode d’emploi sur un autre site, c’est encore une vaste saloperie pour piéger n’importe qui
-
-
c’est exactement ce que je me suis dit @touti, que TOUTES les infos nécessaires (comment le remplir, avec quel stylo, etc), soit pas sur la même page que celle contenant les documents, c’est totalement n’importe quoi en terme d’ergonomie/navigation/accessibilité
et ça peut tout aussi bien être voulu (ça ne serait pas si étonnant) que totalement dû à l’incompétence bureaucratique de l’administration (ça ne serait pas non plus étonnant)
-
C’est bien leur style de choisir les incompétent·es pour ce genre de tâches, comme pour le RIC. Et en même temps les gentes compétentes se sont barré depuis longtemps pour échapper à la zombifiction en marche.
-
-
-
L’autre truc bien dégueulasse des #portevomis de macron a été de hurler contre les bureaus de tabac qui osaient proposer à ceux qui ne pouvaient pas la recopier facilement de se procurer l’attestation pour 50cts. C’est vrai que ça ne leur rapportaient rien à ces salopards du gvt, alors que les timbres fiscaux ou le tabac taxé, c’est le bien.
-
-
Pour « bien vieillir », des retraités conçoivent leur propre habitat coopératif et écologique
▻https://www.bastamag.net/maison-de-retraite-cooperative-bien-vieillir-habitat-ecologique-chamarel-vElle est la première coopérative d’habitants pour personnes vieillissantes en France : Chamarel-les-Barges, dans la banlieue de Lyon. Cette expérience pionnière ouvre la voie à une autre vision du vieillissement... et de la propriété. « Vous ne croyez pas qu’à la place des placards dans la cuisine, on pourrait mettre des tiroirs ? A nos âges, ce serait plus pratique. » Jean et Hélios hochent la tête. « Ça fait partie des choses qu’il faut discuter avec les autres », confirment-ils à Madeleine. Et (...) #Inventer
/ #Habitat_écologique_et_social, #Reportages, #Retraites, #Logement, Economie partagée et gratuité, A la (...)
#Economie_partagée_et_gratuité
https://www.bastamag.net/IMG/jpg/le_batiment_de_chamarel_les_barges-credit_sophie_chapelle.jpg 
https://www.bastamag.net/IMG/jpg/chamarel_les_barges_cooperative_dhabitants-credit_sophie_chapelle.jpg 
https://www.bastamag.net/IMG/jpg/basta_en_discussion_avec_les_habitants_de_chamarel_les_barges.jpg 
https://www.bastamag.net/IMG/jpg/jean_et_maryline-credit_sophie_chapelle.jpg 
https://www.bastamag.net/IMG/jpg/chantal_et_helios-credit_malik_zoubeiri-page-001-1.jpg 
https://www.bastamag.net/IMG/jpg/logement_de_chamarel-les-barges-credit_sophie_chapelle2.jpg 
https://www.bastamag.net/IMG/jpg/les_coursives_larges_et_les_bibliotheques_collectives-credit_sophie_chapelle.jpg 
https://www.bastamag.net/IMG/jpg/local_a_velos-credit_sophie_chapelle.jpg 
https://www.bastamag.net/IMG/jpg/regles_de_fonctionnement_de_l-atelier-credit_sophie_chapelle-page-001_copie.jpg 
https://www.bastamag.net/IMG/jpg/gestion_en_commun_de_la_buanderie-page-001_copie.jpg 
https://www.bastamag.net/IMG/jpg/gestion_de_la_chambre_d-amis-page-001_copie.jpg 
https://www.bastamag.net/IMG/jpg/jean_a_l-entree_de_chamarel_les_barges-credit_sophie_chapelle_copie.jpg -
I’m so sorry, says inventor of endless online scrolling
▻https://www.thetimes.co.uk/article/i-m-so-sorry-says-inventor-of-endless-online-scrolling-9lrv59mdk-
-
En même temps, et cet article le prouve, la solution au scrolling infini est... le #paywall
-
-
-
Stop building websites with infinite scroll!
▻https://blog.logrocket.com/infinite-scroll -
In 2006 Mr Raskin, a leading technology engineer himself, designed infinite scroll , one of the features of many apps that is now seen as highly habit forming. At the time, he was working for Humanized - a computer user-interface consultancy.
The take away? Don’t force the user to ask for more content: just give it to them.
↑ so nice...
▻https://web.archive.org/web/20120606053221/http://humanized.com/weblog/2006/04/25/no_more_more_pages
-
-
Where to put #buttons on #forms
▻https://adamsilver.io/articles/where-to-put-buttons-in-formsAlign the primary button to the left edge of the inputs
illuminate a clear path to completion. Aligning inputs and actions with a strong vertical axis clearly communicates how to go about completing a form."
This layout also helps screen magnifier users to see it without having to pan across.
Les boutons des formulaires de #SPIP seraient mal placés ?
-
exemple de résultats du « Eye tracking » pour le premier point : ▻https://www.lukew.com/ff/entry.asp?571
-
-
-
Priority Guides : A Content-First Alternative to Wireframes – A List Apart
►https://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframesUne manière de commencer l’ergonomie uniquement sur une liste de contenus ordonnés, hiérarchisés. On se focalise sur la hiérarchie du contenu, sans préjuger du placement (je ne parle même pas des styles mais bien même pas du placement, layout, maquettes filaires). En plus c’est directement mobile-first, puisque juste en une longue colonne.
Du coup, en allant même plus loin que ce que montre l’article, cela peut se faire uniquement en texte amélioré (markdown par ex), et donc dans un pad commun à plusieurs. Cela permet de valider avec les propriétaires du site/clients le « qu’est-ce qu’on décide de mettre dans chaque page », sans du tout passer des heures à discuter de l’affichage.
-
The Guardian digital design style guide
▻https://design.theguardian.comThe Guardian a sorti son « guide de digital #design » (refonte de sa homepage, continuité entre site & version papier, choix des typo, des couleurs, logos ...).
Et pour qui se passionne pour l’#UI, c’est une pépite.
-
The Best App Launchers for Ubuntu & Linux Mint
▻https://www.omgubuntu.co.uk/2019/08/best-app-launcher-for-ubuntu-linuxUbuntu’s default app launcher is the GNOME Shell Applications Overview — but this full-screen grid of icons doesn’t suit everyone’s tastes. We share our favourite Linux app launchers, all of which work on Ubuntu & […] This post, The Best App Launchers for Ubuntu & Linux Mint, was written by Joey Sneddon and first appeared on OMG! Ubuntu!.
-
« #Mozilla est décentralisée, comme le Web des origines » | L’Humanité
▻https://www.humanite.fr/mozilla-est-decentralisee-comme-le-web-des-origines-675370La #numérisation, le #télétravail et les collectifs éclatés sur plusieurs continents sont souvent propices à une fracturation des #conditions_de_travail. Mozilla s’efforce d’allier une certaine culture de la Silicon Valley et le respect des travailleurs.
#ergonomie #droit_du_travail #management #travail #internet #santé_au_travail
-
User Inyerface - A worst-practice UI experiment
▻https://userinyerface.comHi and welcome to User Inyerface, a challenging exploration of user interactions and design patterns. To play the game, simply fill in the form as fast and accurate as possible. Source: Relevé sur le Net...
-
-
Note pour mes camarades abstentionnistes : c’est une #visualisation assez bien foutue des positions de toutes les listes de tous les pays européens, sur un même socle de questions transversales.
-
J’ai pas réussi à tomber sur LFI... A croire qu’ils ne se présentent pas.
-
En fait le système fonctionne par filtres successifs, en éliminant les listes dont la position ne coïncide pas avec celle qu’on exprime.
La méthode ne permet pas de trouver la liste la plus proche de ses propres choix parmi les 22 questions, mais oriente vers une liste en fonction des choix successifs. Le résultat dépend donc fondamentalement de l’ordre dans lequel on répond aux questions.
Ainsi, si je commence par la question de la libéralisation de l’euthanasie et que j’exprime une position « neutre », il ne me reste plus que la seule liste de l’UDI et donc mes 21 autres choix sont déterminés ; en revanche, si je réponds « favorable », il y a 4 listes admissibles qui partagent au total 14 des 22 opinions, il me reste les 8 autres (avec leurs interdépendances) pour « choisir » entre ces 4 listes.
-
C’était en effet mon second ou troisième essai, démarrer par en bas... Et je suis tombé sur une liste inconnu.
-
J’ai trouvé ! A la question sur la monnaie unique, ils sont neutres, et seuls à l’être !
-
@biggrizzly cf. mon commentaire ci-dessus.
Si tu veux tomber sur LFI du premier coup, il te suffit de commencer par exprimer une position « neutre » sur la question : The single European currency (Euro) is a bad thing
Pour LFI, c’est la seule question avec réponse en 1 coup. -
-
point de vue ergonomie le fait de ne pas pouvoir changer un choix autrement qu’en faisant un « Clear selection » qui impose donc de repartir de zéro semble assez moyen...
(et effectivement @aude_v les intitulés des questions ne paraissent pas géniaux...)
-
-
Vers des variantes plus ergonomiques de claviers français.
Perso, je suis en Bépo depuis 9 ans, donc je suis mal placé pour comprendre la nouveauté qu’il y a la dessous. Mais apparemment, tant qu’aucun institut de normalisation ne s’intéressait à la question, cela restait un truc de geeks.
Maintenant, c’est bien engagé pour devenir le standard de demain : le BÉPO.Fini les lamentables collages de gommettes sur de vieux claviers !
▻https://www.futura-sciences.com/tech/actualites/informatique-voici-clavier-anti-fautes-orthographe-75598
Ce n’est évidemment pas la première fois que nous en parlons ici, puisque nous avions déjà retourné le sujet il y a 2 ans :
Tout le monde participe :
►https://seenthis.net/messages/605030
Les dispositions de claviers comparées :
►https://seenthis.net/messages/482633
#clavier #azerty #bépo #disposition #ergonomie-
Ai trouvé un clavier sous android MessagEase.
▻https://www.exideas.com/ME/index.php
▻https://s14-eu5.startpage.com/cgi-bin/serveimage?url=https:%2F%2Fthenextweb.com%2Fwp-content%2Fblogs.di -
Sur mon 1er smartphone (2014), j’avais réinstallé un clavier T9… mes doigts sont trop gros pour un clavier complet sur un petit écran. C’était un 2"5… même pour des doigts fins, c’est pas bien grand. Le T9, j’ai appris la téléphonie mobile avec, alors je maîtrise.
J’avais tenté des variantes à touches glissée (clic+mouvement), c’était insupportable. Leur gros défaut, c’est qu’il faut bien tenir son téléphone. Alors que T9 tu peux taper n’importe comment, c’est résiliant.
En faisant mes recherches qui m’avaient conduites à remettre un T9, j’avais aussi vu que sur Android, il existe pleins de dispositions de clavier. Dont certaines sont pensées pour une écriture mono-main (droite ou gauche, au choix).Le plus relou, c’est quand même de bouger les pouces latéralement. tandis que plier les pouces, ça passe.
#ux
-
-
Icongram
►https://icongr.amUne sorte de méga #cheatsheet pour plein de packs/fonts d’icones.
-
Inclusive Components
▻https://inclusive-components.designA blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
Cards
04/06/18Data Tables
31/03/18Notifications
27/02/18A Content Slider
22/11/17Collapsible Sections
26/10/17Tabbed Interfaces
05/10/17A Theme Switcher
08/09/17Tooltips & Toggletips
25/07/17Menus & Menu Buttons
10/05/17A Todo List
07/04/17Toggle Buttons
31/03/17
#intégration #web #accessibilité #composants #bonne_pratique #bonnes_pratiques #pattern #UX #ergonomie
-
Makina Corpus, premier pas en #éco-conception
▻https://makina-corpus.com/blog/societe/makina-corpus-premier-pas-en-eco-conception-de-logicielMakina Corpus va être accompagnée pour intégrer les principes de l’éco-conception dans le développement de ses produits et services grâce à la démarche collective Green Concept.
#Ergonomie #Environnement #Développement_durable #Green-IT #Méthodes_Agiles #Valeurs #Formulaire #Expérience_utilisateur #Application_métier #Société #News_Item
-
Et si on tenait compte des utilisateur·ices dans les projets libres ? – Framablog
►https://framablog.org/2018/10/02/et-si-on-tenait-compte-des-utilisateur%c2%b7ices-dans-les-projets-libresAlors déjà, c’est quoi l’UX Design ? UX Design, ça veut dire User Experience Design en anglais, ce qui revient à Design de l’Expérience Utilisateur·ice en français. C’est une discipline qui a pour objectif de prendre en compte les besoins, les attentes et les usages des utilisateur·ices visé·es pour proposer un service ou outil qui leur convient le plus possible et leur proposer une expérience positive. C’est donc très loin de « juste » réaliser des maquettes graphiques !
Pourquoi parler d’UX avec des devs ? Parce que tout le monde est convaincu chez Framasoft que le logiciel libre c’est bien, mais s’il est utilisé par un maximum de personnes c’est quand même mieux. Et il n’y a pas moyen de demander aux utilisateur·ices d’utiliser des logiciels qui ne sont pas correctement conçus, ou qui ne prennent pas en compte leurs besoins.
C’est un peu ça. L’UX, c’est créer des logiciels :
utiles (car ils apportent de la valeur aux utilisateur·ices) ;
utilisables (car ils peuvent être utilisés sans provoquer (trop) de frustration) ;
et utilisés (car du coup les utilisateur·ices ont envie de… les utiliser !). -
No 1 : Faire avec
▻http://www.revue-backoffice.com/numeros/01-faire-avecLa revue Back Office interroge les notions d’outil, d’instrument et d’appareil, dans le contexte du design. Source : Back Office
-
▻http://www.revue-backoffice.com/numeros/01-faire-avec/eric-schrijver-culture-hacker-peur-wysiwyg
Depuis la révolution de la publication assistée par ordinateur [PAO] des années 1990, les designers graphiques sont capables de réaliser leurs propres mises en page sans l’intervention d’ingénieurs. Dans la plupart des cas, ce qui se passe sur le Web est d’un tout autre ordre : l’exécution des sites Web est in fine prise en charge par des développeurs. Ces derniers ont donc souvent leur mot à dire dans le choix de la technologie employée pour créer un site. Rien de plus normal, dès lors, que les valeurs et préférences des développeurs se reflètent dans ces décisions. […] Ainsi, à l’inverse du design de supports imprimé, les technologies de programmation utilisées pour la création des sites Web (langages de programmation, bibliothèques logicielles, systèmes de gestion de contenu, etc.) sont presque toujours des logiciels libres et/ou disponibles en opensource ; les systèmes de gestion de contenu commerciaux intègrent même fréquemment des éléments de code open source. […]
[…]
Le manque d’intérêt pour les nouveaux éditeurs WYSIWYG implique que les futures interfaces de ce type présenteront les mêmes problèmes d’instabilité que ce qui existe actuellement, renforçant d’autant plus la méfiance des développeurs. [C’est un cercle vicieux.] Il n’existe, à ma connaissance, que deux moteurs d’édition basés sur l’attribut contentEditable : Aloha 19 [2010] et Hallo.js 20 [2013]. Aloha est très mal documenté et sa masse de code le rend difficile à appréhender. Hallo.js prend une direction plus légère, mais reste trop limité puisqu’il n’est pas possible, par exemple, d’insérer des liens ou des images. […]
Si le WYSIWYG était un peu moins tabou dans la culture hacker, des solutions intéressantes croisant texte brut et mise en forme graphique émergeraient probablement. Un bon exemple est la fonction « révéler les codes » 21 de WordPerfect [1980], le logiciel de traitement de texte le plus populaire avant l’avènement de Word. Lorsque vous vous trouviez confronté à un problème de mise en forme, cette fonction permettait de révéler la structure des instructions de formatage — ce qui n’est pas sans rappeler l’inspecteur DOM des navigateurs Web récents. Des exemples d’interfaces plus radicales combinant l’immédiateté de la manipulation directe d’éléments et la puissance de la programmation existent dans certains logiciels. Le programme 3D Blender [1995] propose ainsi une intrication intéressante entre interface visuelle et interface texte 22. Toutes les actions sont consignées sous la forme d’une suite de lignes de commandes qu’il est facile d’utiliser pour créer des scripts d’automatisation. La sélection d’un élément via l’interface graphique permet également de visualiser ce dernier dans la structure interne du document [DOM] et d’en faciliter ainsi l’accès par voie programmatique.
[…]
Le potentiel de ce langage est obtenu au détriment de la concision : pour être suffisamment flexible et permettre de travailler dans des situations variées, le langage HTML est relativement verbeux. Même si le standard HTML5 a d’ores et déjà apporté de nombreuses améliorations, ce dernier n’est toujours pas assez concis pour les adeptes de la culture hacker : d’où l’existence de solutions comme le langage de balisage Markdown. Cependant, imposer l’utilisation d’un format austère en texte brut revient à en refuser l’accès à des personnes de cultures différentes.
C’est faux ! @tetue a montré avec une camarade qu’une syntaxe légère correcte était plus facile à comprendre et à utiliser au quotidien qu’une interface graphique, pour une personne ayant un handicap. Et ça doit sûrement valoir pour les différences culturelles, hors handicap. Car une interface visuelle est à priori plus dépendante des différences culturelles que les quelques caractères utilisés dans Markdown (dièse, astérisque, tiret basique…) qui sont sur tous les claviers du monde.
L’interface appropriée pour un écrivain pourrait ne pas être adaptée à une maison d’édition ou à un designer. […]
Ça par contre c’est très important, sauf que la phrase ne correspond pas à la réalité. Ce n’est pas l’interface différente le problème, mais comment est stockée l’information.
Le HTML c’est pour un affichage web et ça inclut des trucs précis propres au web. Or tous les éditeurs WYSIWYG dont parle l’article fonctionnent uniquement avec HTML et enregistre en HTML. Qui n’est pas du tout un format « pivot » idéal donc, puisqu’il est uniquement pour des pages web.
Le fait d’enregistrer en Markdown (même si l’interface peut être WYSIWYG ou au moins WYSIWYMean) par exemple, permet ensuite de générer ce qu’on veut comme format de sortie, pas uniquement du HTML.
-
-
@fil bah si, ya un plugin Markdown, et il permet soit de l’activer en surplus de la syntaxe SPIP avec un marqueur, soit l’inverse (notamment pour un nouveau site), avec le Markdown par défaut, et la syntaxe SPIP en surplus avec un marqueur.
(Mais il faudrait dans ce cas avoir SimpleMDE en éditeur, qui est WYSIWYMean avec CodeMirror derrière.)
►https://github.com/Cerdic/markdown
(Il y en a un autre sur la zone, de Cédric aussi, mais qui est donc en doublon puisqu’il n’est pas à jour et c’est celui sur Github qui est maintenu…)
-
-
Design Better Forms – UX Collective
▻https://uxdesign.cc/design-better-forms-96fadca0f49cform. Be conversational. Be funny. Gradually engage. Do the unexpected. It is the role of the designer to express their company’s brand to elicit an emotional reaction. If done correctly, it will increase completion rates. Just make sure you don’t violate the rules listed above.
Voila une belle liste des erreurs que nous pousse a faire nos clients, et marketeux qui savent mieux que nous organiser une page agréable et raisonné ;-) . Perso on me les as déjà toutes faites quasiement et comme un lache de tâchon j’ai éxécuté … les ordres (appelé recommandations dans le monde du travail …)
-
Essential resources to design complex data tables
▻https://blog.stephaniewalter.fr/en/essential-resources-design-complex-data-tables“list of resources when I need to design complex tables with a lot of data, interactions, etc.”
-
Secretlab NAPA : les sièges gaming les plus luxueux, et chers, du marché
▻http://www.tomshardware.fr/articles/siege-secretlab-napa-omega-titan,1-66361.html#xtor=RSS-100Des trônes en or pour les gamers.
