Le guide « Concevoir sans dark patterns : guide à l'intention des designers » de Designers éthiques et que j'ai écrit est disponible ici : https://beta.designersethiques.org/thematique-design-persuasif/concevoir-sans-dark-patterns

Loom peut servir de moyen efficace pour communiquer visuellement, présenter des designs, obtenir des feedbacks et collaborer de manière plus efficace en tant que designer. : https://www.loom.com/

Un outil canadien de research tourné très journal de bord et ethnographie qui permet de faire réaliser des tâches à la maison (pre-entretien), du mobile shopping (In-moment research) et des animations de focus group ou co-création en ligne. https://recollective.com/

Dans ce cinquième épisode nous échangeons avec Vincent DROMER (Designer, Facilitateur, Co-fondateur @ Klap.io) et Marie-Anne HAOUR (Innovation Strategist, Coach, Researcher & Facilitator @ Simiya). Ils sont tous les deux spécialisés dans l’usage de la démarche Design Thinking. Les échanges sont animés par Anthony ADAM.  Au sommaire de cet épisode  09:56 • Chapitre 1 Décrypter la pratique. Avec nos invités nous parlons de leur pratique quotidienne, de leurs réussites et de leurs échecs.  36:00 • Chapitre 2 Les workshops, un outil au service du collectif. Comment les organiser ? Quel est le rôle et la posture du facilitateur ?  65:00 • Chapitre 3 Dans ce dernier chapitre nous abordons la question de l’éthique dans le Design Thinking. De plus en plus de monde utilise cette méthode, existe-t-il un risque de la voir détournée ? Comment éviter la “facipulation” ?  Enregistré en public, chez IronHack Paris, le 26 septembre 2019. Lien vers l'épisode: https://podcast.designmasterclass.fr/episode/6/design-thinking-decrypter-la-pratique-workshops

Sans prendre contact avec l'équipe dur de savoir les features différentes où la manière de faire qui serait supérieure ou non vis-à-vis d'autres solutions. Affaire à suivre. Cela a été créé par un ancien product manager et le product marketing a déjà identifié la ReOps comme son cœur de niche. https://www.dualo.io/

Une extension sympa qui vous permet d'extraire les fonts que vous trouvez en ligne, et de pouvoir les essayer par la suite. L'outil est payant à 29$/an mais il y a un essai gratuit. https://www.fonts.ninja/

Un outil idéal pour évaluer le niveau de langage de vos textes lors d'audit, de la création de contenu UX writing ou pour vos tests U. Enfin un outil d'accessibilité et de design inclusif pour s'assurer qu'on parle à tout le monde = avoir un score entre 120 et 149 pour être d'un niveau collège. Découvrir Scolarius Scolarius est un outil gratuit d’analyse de la lisibilité. Il analyse le niveau de difficulté d’un texte en fonction de la longueur des mots, des phrases et des paragraphes. Il s’agit d’un outil qui permet à l’utilisateur de savoir si le niveau de difficulté de son texte correspond au niveau de compréhension de la clientèle visée. Scolarius a été développé par Influence Communication. Pour l'instant, Scolarius est offert uniquement pour des textes en français. Une version anglaise sera disponible dès que l'algorithme aura été complété. Après l’avoir rédigé, nous avons soumis ce texte sur Scolarius. Le texte que vous lisez présentement a été soumis à Scolarius et il a obtenu 127 (collégial).

Un outil sympa qui offre une libraire de loader sur React, Vue, Angular ainsi que la possibilité d'uploader un svg directement et d'exporter le code de ses composants.
https://skeletonreact.com/ julia

Adobe Colour Flux de palettes, illustrations et photos par gamme de couleur https://color.adobe.com/fr/explore BrandColors Liste alphabétique de couleurs par marque https://brandcolors.net/ Color Claim Inspirations par le designer Tobias van Schneider (Allemagne) https://vanschneider.com/ Color Hunt Plateforme gratuite et extension Google Chrome avec un flux de différentes palettes de couleurs. https://colorhunt.co/ Color Safe Des palettes accessibility friendly! http://colorsafe.co Colorinspo Palettes de couleurs, couleurs "solides", gradients, couleurs par marque, inspirations, tutoriels, etc. C'est plutôt riche ! https://colorsinspo.com/ ColorSpark Générateur de couleurs et gradients (pas de palettes) https://colorspark.app/ Coolors.co Génération rapide de palettes de 5 couleurs https://coolors.co/ Culrs Site gratuit et app pour Mac. On filtre les palettes par schéma de couleurs (analogue, triad, monochrome, etc). https://www.culrs.com/ Duo (UK) Sélection manuelle de matchings de couleurs, filtrables par accessibilité, par le designer British Alex Pate. https://duo.alexpate.uk/ Eva Color Generator Générateur de couleurs par le deep learning. On saisit une couleur primaire et une palette (exportable) est proposée. https://colors.eva.design/ Happy Hues Des palettes de couleur affichées en contexte https://www.happyhues.co Khroma http://khroma.co/ En beta. On choisit 50 couleurs en préférence et un algorithme propose des palettes. LOL Colors Pas très sûr pourquoi ça s'appelle LOL mais une sélection de palettes de couleurs assez jolie. https://www.webdesignrankings.com/resources/lolcolors/ Julia

Carbonalyzer: Extension Firefox Android et IOS Extension développée par Gauthier Roussilhe en collaboration avec le shift project. Pour évaluer l'impact l'extension: mesure la quantité de données qui transite via le navigateur; calcule la consommation électrique liée à ce trafic (avec le modèle "1byte" développé par le Shift Project); calcule les émissions de GES liées à la consommation électrique en fonction du pays d'utilisation. Green Web foundation Utilisez l'outil de The green web foundation. Une fondation qui se bat pour rendre le web écologique. Ecograder Voici un autre outil pour évaluer votre index écologique: https://ecograder.com/ Le plug-in Lighthouse de Google Plug-in Open source qui fonctionne sur Chrome et dans le dev tools. Cela vous donne des instructions claires sur les améliorations à faire dans votre page. Voici le to do de Google Website carbon A la différence des autres outils Website Carbon est top, car il vous donne l'impact carbone de vos pages, le coût total que votre site produit, et des solutions pour réduire votre impact. Par exemple Wikihero devrait planter 6 arbres par an pour compenser notre impact. (Un to do à faire..) Eco-index Basiquement comme un test de rapidité de votre site mais avec l'écologie en tête http://www.ecoindex.fr/ Utile pour benchmarker votre site vis-à-vis de la concurrence. Votre propre Task manager de votre navigateur Une manière simple de suivre quelle page demande plus de ressources est d'utiliser votre propre "Task manager" dans le navigateur. Par ex sur Chrome. Firefox

https://www.kickbanking.com/ Un service d'aide à la déclaration des cotisations et échanges avec urssaf bonjour@pakko.fr

https://simulateur-tjm.pakko.fr/ Définissez votre TJM minimum à partir des spécificités du statut micro-entrepreneur en fonction de plusieurs paramètres inhérents à votre activité. bonjour@pakko.fr

Valmiki est un plug-in pour les navigateurs Web basés sur Chromium qui modifie l'aspect et la convivialité de l'ensemble d'Internet en fonction de vos préférences. (Personnes âgées, problèmes de vues, Dyslexie) https://oswaldlabs.com/platform/valmiki/

Outil gratuit pour tester les pages de votre site selon les critères WCAG et 508 d'accessibilité. https://www.cynthiasays.com/

Sa11

Un outil d'assurance qualité de l'accessibilité qui met visuellement en évidence les problèmes d'accessibilité et d'utilisabilité courants. Destiné aux auteurs de contenu, Sa11y signale des erreurs ou des avertissements à la source avec un info-bulle expliquant comment les corriger. https://ryersondmp.github.io/sa11y/#install JuicyStudio En anglais malheureusement, mais ce site permet de tester la facilité de compréhension de votre contenu. https://juicystudio.com/services/readability.php

Se décrit comme Accessibility as a Service. https://tenon.io/ Bon outil gratuit, mais limité car il ne vous donne que 3 problèmes avec détails gratuits. Mais ils sont priorisés.

Hearo est une application qui peut aider les personnes malentendantes à mieux communiquer avec leurs amis entendants en traduisant de manière transparente la voix. https://hearo.id/

Très smart - FACIL'iti offre une expérience de navigation considérablement améliorée et personnalisée pour les personnes âgées et les personnes handicapées. Il permet au site Web de répondre aux besoins de chaque condition particulière. https://www.facil-iti.com/

AXE Ne teste que les problèmes d'accessibilité qui peuvent être détectés avec précision via l'automatisation,et les composants qui existent réellement sur la page ou l'application que vous testez. https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd Accessibility Insights Une autre extension qui test la page sur laquelle vous naviguez https://chrome.google.com/webstore/detail/accessibility-insights-fo/pbjjkligggfmakdaogkfomddhfmpjeni

Helperbird fourni des fonctionnalités telles que les polices en dyslexique, modifier la police et la couleur d'arrière-plan, la synthèse vocale avec des voix naturelles, des superpositions, des règles de dyslexie, un lecteur immersif, un mode de lecture et bien plus encore pour adapter le Web à vos besoins. https://chrome.google.com/webstore/detail/helperbird-accessibility/ahmapmilbkfamljbpgphfndeemhnajme

Outil open source d'IBM qui utilise le moteur de règles d'accessibilité d'IBM. Détecte les problèmes d'accessibilité pour les pages Web et les applications Web. L'extension s'intègre dans les outils de développement du navigateur, offrant une expérience de vérification intégrée, aidant les utilisateurs à identifier rapidement la source des problèmes d'accessibilité et à essayer des correctifs. https://chrome.google.com/webstore/detail/ibm-equal-access-accessib/lkcagbfjnkomcinoddgooolagloogehp

Colorblind Filter Un outil sympa pour prendre n'importe quelle page existante sur le web et la visualiser avec ce que des personnes avec des déficiences voient. https://www.toptal.com/designers/colorfilter Contrast Finder Pour aller plus loin sur les contrastes. Sélectionner 2 couleurs et laisser le programme vous proposer les meilleurs choix selon les couleurs que vous avez choisies. https://contrast-finder.tanaguru.com/ Contrast ratio  Un outil simple pour tester le contraste entre votre background et un élément. Totalement customisable et simple d'utilisation. https://contrast-ratio.com/

Visib11y est une application d'aide quotidienne pour les personnes malvoyantes ou aveugles. Reconnaissez instantanément les objets tout autour de vous, lisez du texte, trouvez votre emplacement et naviguez. https://oswaldlabs.com/platform/shravan/apps/visib11y/

Wave - Mettez votre url et naviguez en temps réel pour détecter vos erreurs. Super pratique, mais ça ne résoudra pas tout. https://wave.webaim.org/

Colorblind Filter Un outil sympa pour prendre n'importe quelle page existante sur le web et la visualiser avec ce que des personnes avec des handicaps visuels voient. https://www.toptal.com/designers/colorfilter Extension Colorblinding Cette extension simule le site Web comme le verrait une personne ayant une déficience visuelle des couleurs. Colorblinding peut simuler: Aveugle rouge / Protanopie Green-Blind / Deutéranopie Bleu-aveugle / Tritanopie Rouge-faible / Protanomalie Vert-faible / Deutéranomalie Bleu-faible / Tritanomalie Monochromie / achromatopsie Monochromie à cône bleu
De plus, il s'agit d'un projet open source hébergé sur https://github.com/LeonardoCardoso/Colorblinding NoCoffee NoCoffee peut être utile pour comprendre les problèmes rencontrés par les personnes ayant des problèmes de vision légers à extrêmes, tels que: Faible acuité: certaines pages Web utilisent du texte très petit ou des cibles de clic. S'il est vrai que les utilisateurs utilisent un zoom de navigateur intégré ou des loupes d'écran comme ZoomText (http://www.aisquared.com/zoomtext/), de nombreux utilisateurs non techniques ne savent pas comment faire. Faible sensibilité au contraste: de nombreux concepteurs utilisent du texte avec un contraste très faible, par exemple texte gris clair sur blanc. Soit dit en passant, voici quelques excellents outils pour analyser le contraste sur le Web, et mon préféré est le Snook Color Contrast Check à http://snook.ca/technical/colour_contrast/colour.html. Daltonisme: bien que l'utilisation de la couleur dans la conception soit définitivement une bonne chose, il est important de se souvenir de la maxime «ne vous fiez pas uniquement à la couleur», car 7 à 10% des hommes souffrent d'une forme de daltonisme. Chris Campbell a un excellent article décrivant les problèmes et solutions de conception liés aux couleurs. Voir http://www.particletree.com/features/interfaces-and-color-blindness/. Eblouissement, fantômes et cataractes. Nystagmus (mouvement oscillatoire rapide, involontaire des yeux). Champ visuel obstrué: corps flottants, obstruction d'un côté (décollement de la rétine ou hémanopie), vision centrale obstruée (glaucome), vision inégale (rétinopathie diabétique) ou vision périphérique obstruée (rétinite pigmentaire ou dégénérescence maculaire). Remarque: les simulations de champs visuels partiels ne peuvent pas suivre votre regard comme elles le feraient dans le monde réel. https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl?hl=en-US Spectrum extension  Vous aide à tester des pages Web pour des personnes présentant différents types de déficit de vision des couleurs (CVD). https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb?hl=en

Permet aux ingénieurs, designers, enseignants et étudiants d'obscurcir temporairement les technologies Web en utilisant des lecteurs d'écran afin de simuler l'expérience des non-voyants. http://whatsock.com/training/matrices/screen_curtain.htm

Un bookmarklet qui affiche les titres comme un lecteur d'écran.
https://hinderlingvolkart.github.io/h123/

Ce bookmarklet réorganise les lettres dans les mots d'une page, pour montrer à quoi ressemble la lecture avec la dyslexie. https://data.qz.com/2016/dyslexia/

Augmenta11y est une application de réalité augmentée (RA) qui aide les personnes ayant des troubles d'apprentissage comme la dyslexie à lire facilement la signalisation, le papier et d'autres documents dans le monde réel
https://oswaldlabs.com/platform/shravan/apps/augmenta11y/

Duotone améliore la lecture pour les non-voyants en proposant 2 voix au lieu d'une. https://rumkin.github.io/duotone-reader/

ANDI est un "bookmarklet" qui : Fourni une détection automatisée des problèmes d'accessibilité Révèle ce qu'un lecteur d'écran devrait dire pour les éléments interactifs (Nom accessible) Donne des suggestions pratiques pour améliorer l'accessibilité et vérifier la conformité 508 https://www.ssa.gov/accessibility/andi/help/install.html

Un outil de Microsoft pour tester vos app android, web et windows que j'ai vu être recommandé par plusieurs personnes du milieu. Disponible en extension chrome et gratuit. https://accessibilityinsights.io/ Cerise sur la gâteau? c'est open source!

https://pakko.fr/ Visualisez et comparez vos chiffres sur l'année, le trimestre ou le mois. Chiffre d'affaires, cotisations, plafonds, TVA récoltée, encaissements et ce qu'il reste dans votre poche réellement à la fin ! Générez des factures et des devis esthétiques. Suivez chaque étape importante : envoyé, en retard, payé… Générez des acomptes et des soldes en quelques clics seulement. Créez rapidement vos projets et clients. Suivez les chiffres clés pour chacun. Retrouvez tous vos documents plus facilement.

Cet outil évalue les contrastes sur une page via le navigateur et indique les contrastes invalides. Disponible pour : Firefox Chrome Edge

C'est la surprise du jour, et nous ne pensions pas que cela existait: Un outil en recherche qui fait tout! (ou presque diras-t-on) Cet outil c'est userbit: https://userbit.com avec un superbe plan gratuit si vous êtes freelancer ou une équipe de 1 personne (profitez-en!) . Pour les équipes jusqu'a 3 personnes c'est un prix plus que raisonnable pour la version d'entrée à 20$/mois qui est vraiment complète. A essayer.

Pour vos besoins de card sorting voici quelques outils bien connus Optimal sort, le plus connu de tous:

https://www.optimalworkshop.com/optimalsort/
Proven by users, qui fait aussi du tree testing (moins cher) https://www.provenbyusers.com/
Xsort app qui est gratuit en plus, mais probablement moins intuitif que les autres. https://xsortapp.com/

En recherchant des outils je découvre celui-ci sur le marché très niche de la gestion des NDA et autres formulaires de consentement. Donc il faudrait un gros volume au niveau de l'organisation, mais utile si vous faites de la recherche entre plusieurs équipes. https://consentkit.com/

Hello à tous, Je partage quelques outils qui vous permettront de gérer votre panel interne pour relativement pas cher et plus rapidement que via vote Mailchimp (ou autre base emailing). Ca sera du self-service et ca permet de dépasser le recrutement via les emails avec un système de réservation comme Calendly. L'avantage de ces outils c'est la base de données et la tagging qui permet de gérer la participation / qualité du panel. Ethnio Le leader du marché et créé par Nate Bold l'auteur du livre "Remote research." Hubux Un outil qui à l'air de faire pareil que Ethnio. Petite équipe et basé aux US. Mais pas plus d'information que ça sur le prix. Research Hub de User interviews Tarif intéressant à 250$/mois pour 5000 contacts et gratuit pour moins de 100 contacts! (B2B bonjour) Je n'ai pas essayé ces solutions, mais ouvert aux retours de votre côté et si vous en avez d'autres pour gérer votre panel / recrutement interne commentez ci dessous; Je mettrais à jour.
Great Questions Le petit dernier que je viens de découvrir, avec des tarifs très intéressants comparés au marché. Le petit plus ? A priori il propose la transcription (probablement en anglais) mais aussi l'option "repository". A explorer donc https://greatquestion.co/ Panel Fox https://panelfox.io/

J'ai vu passer sur productHunt, Je n'ai pas encore essayé mais ça à l'air sympa. https://crewdle.com A creuser sur l'argument écologique.

Un outil sympa qui démontre le rendu des couleurs (texte et fond) en fonction des différentes affections visuelles (daltonisme, glaucome, cataracte, etc.) https://whocanuse.com/

Voici un petit tip (pas forcément très legit mais bien utile) lorsque l'on souhaite accéder à une étude payante : utiliser le site "sciure". Celui-ci permet de passer outre les paywalls et de donner accès à la quasi-totalité de la littérature scientifique. Ce site bien connu des universitaires (et qui a sauvé bien des mémoires/thèses) est conseillé par les chercheurs eux-mêmes. https://www.sci-hub.org/

Voici un petit plugin magique qui me sauve des heures de recherches lorsque je veux obtenir l'étude qui est souvent derrière des murs de logins, paywall, ou requêtes à faire à l'équipe qui a publié le papier. J'ai nommé PaperPanda. Ça marche que sur Chrome, et ce que fait ce plug in, c’est qu'il cherche automatiquement une version en accès libre du papier en question sur différents sites en open access. Limites: Ça ne marche pas pour toutes les études, et surtout les plus récentes mais pourles plus classiques ca fait bien le boulot Je n'ai pas testé en FR, je pense que c'est surtout anglais

Voici des outils pour travailler sur l'accessibilité en collaboration avec les devs: Travailler l'accessibilité de vos couleurs (fonds & textes) avec la "Contrast Grid" de l'agence Eight Shapes → https://contrast-grid.eightshapes.com Tester l'accessibilité de vos designs & développements → https://www.w3.org/WAI/ER/tools/ Naviguez vos designs & développements en simulant certains types de handicapes → https://chrome.google.com/webstore/detail/funkify-%E2%80%93-disability-simu/ojcijjdchelkddboickefhnbdpeajdjg