Belle idée de l'agence Use.design qui à créé un simulateur sur la taille optimale des champs, lignes de tableaux et des boutons selon la distance d'utilisation et la taille de l'écran. https://www.use.design/calculateur-taille-composant-design-ui
Alexis Gérôme
· Staff UX researcher
· il y a 7 mois
Pourquoi cet outil se distingue-t-il ? La réponse tient en sa conception unique. Radix Colors n'est pas un outil de coloration ordinaire, mais une solution méticuleusement élaborée pour répondre aux exigences spécifiques des éléments d'une interface utilisateur. Contrairement à d'autres outils de coloration qui se limitent à assombrir ou éclaircir une teinte en la mélangeant avec du noir ou du blanc, Radix Colors introduit une approche innovante. Il offre une palette de couleurs organisée de manière à attribuer à chaque nuance une fonction précise : une couleur est dédiée aux bordures, une autre au fond, une troisième aux textes principaux, et ainsi de suite. Cette méthodologie permet une personnalisation et une cohérence visuelle inégalées, facilitant la création d'interfaces utilisateur à la fois esthétiques et fonctionnelles. Outil https://www.radix-ui.com/colors Merci à Julien Perrière pour le partage.
Quelques outils AI à tester qui pourrait aider les Designers et UX Researchers dans la prise notes et restitution de sessions diverses : https://tactiq.io/https://fireflies.ai/ N'hésitez pas à commenter et donner votre retour si vous avez pu tester de votre côté :-)
(lire la suite)
Faten Habachi
· Senior product designer
· il y a 8 mois
Je viens de découvrir cet outil qui à l'air super puissant. Vous mettez votre donnée brute, et l'outil trouve lui même les relations et fait les graphs automatiquement. Comme la version premium de Chatgpt mais avec les bonnes prompts probablement, et sans le va et vient constant. prix: 30$/mois ou un compte gratuit jusqu'a 100 lignes d'analyse. (idéal pour un petit survey). https://addmaple.com/ Liste features: https://addmaple.com/features Dès que j'ai l'occasion de tester je fais un REX dessus.
Depuis quelques mois, je diversifie mon offre et explore de nouveaux marchés (au passage, un grand merci à l'équipe pour le post sur le sujet de la prospection. Du fait, je me retrouve avec plusieurs petits projets en parallèle: outre le challenge de bien gérer mon agenda, je dois impérativement veiller à ne pas dépasser le budget horaire convenu. Pour ce faire, j'ai opté pour un outil de suivi du temps en ligne gratuit : Toggl. L'idée était de tester divers outils avant d'opter pour la solution la plus adaptée à ma situation. Il en existe une multitude sur le marché, et j'ai aussi exploré clockify, harvest, et clickup. Au final, j'ai opté pour Toggl, car il m'a semblé le plus approprié pour cette phase de test. Après plusieurs semaines d'utilisation, voici mon expérience Points positifs 🤟 installation très simple, le plugin sur Chrome me permet de démarrer le suivi en un clic et d'y attribuer le client et projet de mon choix. attribution d'un tarif horaire, très pratique si l'on facture divers projets à tarifs différents
super utile pour la facturation! un reminder est envoyé par email après plusieurs heures s'il on oublie de stopper le décompte (très utile en ce qui me concerne) interface attractive et intuitive (petit bémol pour les tasks) intégration avec GoogleCalendar, Gmail, Outlook et autres outils (prise de notes, design, sales...) possibilité d'intégrer un outil de gestion de projets pour facturer les projets en temps réel (externe ou de la "suite" Toggl) export rapide et simple, permettant, si besoin est, d'envoyer un report au client version gratuite suffisamment exhaustive pour commencer J'apprécie moins 👎 le plugin Chrome est très utile, toutefois je dois systématiquement attribuer une activité prédéfinie (task) pour enregistrer une entrée, ce qui n'est pas super intuitif lorsque l'on complète une micro-tâche au pied levé En soit, l'idée des tâches est pas mal: cela permet de structurer un projet mais ce n'est pas forcément intuitif lorsque l'on veut rapidement "clocker" un temps de travail. Ceci-dit, une fois que l'on a compris le système, ce n'est pas un inconvénient majeur, j'ai fini par créer un task "divers" pour ce type de tâche. J'ajoute que j'utilise Toggl aussi pour tracker mes heures de mentorat, qui souvent peuvent dépasser le contingent initial. Ceci me permet d'être très transparente et d'informer mes mentees du quota d'heures disponible en temps réel. Cet aussi très utile pour planifier la facturation, et informer les clients en temps réel de l'avancement du projet. En somme, cet outil m'a permis de gagner en efficacité, mais surtout de "déléguer" la gestion de mon temps: en quelques clic, je conscientise le temps que je passe sur un projet ou sur un client, super utile lorsque l'on a tendance à se laisser happer par le temps :) Avez-vous de outils de gestion du temps à conseiller? Je serai ravie d'en tester d'autres!
(lire la suite)
Marie-Aude Sourd
· Senior UX researcher
· il y a 1 an
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/
[Creative Commons 🤗] #ecoconception#designthinking#UXDesignDepuis une dizaine de mois, je travaille au sein de l’ Agence LunaWeb sur une méthodologie d’atelier d’idéation permettant de bâtir un périmètre de projet d’interface qui prend à la fois en compte les besoins des utilisateurs et l’impact environnemental du produit final. Après plusieurs phases de tests, d’amélioration et surtout de mise en pratique lors de projets web, je vous propose de télécharger en Créative Commons -(Attribution-ShareAlike 4.0 International) la Méthode de l’Écumoire (support + notice) si vous avez envie de la tester. Téléchargez l’atelier UX : https://www.lunaweb.fr/actualites/livres-blancs/la-methode-de-l-ecumoire/
(lire la suite)
Damien Legendre
· Lead UX & UI Designer
· il y a 1 an
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/
(lire la suite)
Alexis Gérôme
· Staff UX researcher
· il y a 2 ans
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).
(lire la suite)
Pierre Minelli
· Consultant Lead UX
· il y a 2 ans
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 ColourFlux de palettes, illustrations et photos par gamme de couleur https://color.adobe.com/fr/exploreBrandColorsListe alphabétique de couleurs par marque https://brandcolors.net/Color ClaimInspirations par le designer Tobias van Schneider (Allemagne) https://vanschneider.com/Color HuntPlateforme gratuite et extension Google Chrome avec un flux de différentes palettes de couleurs. https://colorhunt.co/Color SafeDes palettes accessibility friendly! http://colorsafe.coColorinspoPalettes de couleurs, couleurs "solides", gradients, couleurs par marque, inspirations, tutoriels, etc. C'est plutôt riche ! https://colorsinspo.com/ColorSparkGénérateur de couleurs et gradients (pas de palettes) https://colorspark.app/Coolors.coGénération rapide de palettes de 5 couleurs https://coolors.co/CulrsSite 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 GeneratorGé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 HuesDes palettes de couleur affichées en contexte https://www.happyhues.co Khromahttp://khroma.co/ En beta. On choisit 50 couleurs en préférence et un algorithme propose des palettes. LOL ColorsPas 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 IOSExtension 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 GoogleWebsite 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://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/
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/#installJuicyStudio 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/
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/colorfilterContrast 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/
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/colorfilterExtension ColorblindingCette 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/ColorblindingNoCoffee 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-USSpectrum 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
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/
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.
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.
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/
(lire la suite)
Alexis Gérôme
· Staff UX researcher
· il y a 2 ans
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/
(lire la suite)
Nathalie Rosenberg
· Lead UX designer
· il y a 3 ans
Un groupe pour poser vos questions et partager vos astuces, ressources, outils, et actualités sur l'utilisation des sciences cognitives dans le monde produit.
Un groupe pour poser vos questions et partager vos astuces, ressources, outils, et actualités sur la green UX qui comprend l'éco-conception et la sobriété numérique.