Graphic Facilitation – Sketching Human Faces
📌 Si vous êtes amené à utiliser beaucoup de post-its, comme bon nombre d’UX Designers, alors cet ARTICLE se propose un petit tuto pour les rendre vraiment plus sympas et compréhensibles !
10 erreurs communes en UX
📌 ARTICLE intéressant sur 10 erreurs assez communes à éviter lors de la conception d’une interface.
Quelle nuance de noir utiliser ?
📌 ARTICLE vraiment cool sur les différents types de NOIRS :
Rich black: #000000
Pure black : #231F20
Cool black : #021323
Warm black : #220000
Designer black: #242831
Qu’est ce que l’UX ?
📌 ARTICLE intéressant sur la démystification de ce qu’est l’UX et ce que ce n’est pas.
MEMEX – Suivre l’avancement de votre Design System
📌 ARTICLE très intéressant sur la manière de tracker l’état d’avancement de chacun des composants de votre design system au travers des équipes.
9 Exercices d’idéation – KLAP
📌 ARTICLE très intéressant de Klap sur 9 exercices de GameStorming pour animer vos ateliers !
UX – Evaluation des compétences
📌 ARTICLE très intéressant sur les compétences en UX.
GESTALT PRINCIPLES – Reminders
📌 ARTICLE très intéressant sur la manière dont appliquer les principes de la GESTALT dans SKETCH.
Nouveau modèle de design
📌 ARTICLE medium assez intéressant sur la modélisation d’un nouveau modèle, pour aller au-delà du double diamant.
4 Raisons de designer vos écrans en noir et blanc
📌 ARTICLE sur les quatre raisons de faire vos design en noir et blanc
Evaluation des compétences UX lors du recrutement
📌 Je vous propose un petit article très intéressant sur l’évaluation des compétences de votre équipe UX. J’ai dû ajouter des compétences qui n’y figure pas. Et vous, quelles compétences rajouteriez-vous à cette matrice ?
GYAZO
📌 GYAZO est un outil de capture d’écran GIF vraiment très pratique. Découvert via un article de @Chritie Tang je dois avouer qu’il me rend bien service. Le produit est simple; vous sélectionnez la zone à enregistrer et il produit automatiquement un GIF hébergé chez Gyazo, avec une URL dédiée, au format MP4 ou GIF
Medium Playlists
📌 ARTICLE intéressant sur un concept de playlist d’articles Medium. J’ai beaucoup la réalisation, mais je pense qu’une interface comme la matinale du monde (https://www.lemonde.fr/lamatinale/) avec un concept de swipe à la TINDER me paraît correspondre plus à une usage réel…. une sorte de zapping d’articles à lire plus tard !!
Animation TIPS
📌 ARTICLE très intéressant sur les caractéristiques d’une bonne animation, d’un bon design d’interaction. Toujours à garder à l’esprit : – Les animations doivent être pertinentes – L’animation doit soutenir l’interaction – L’animation ne doit jamais ralentir l’expérience – L’animation doit être naturelle – L’animation doit refléter l’image de marque – L’animations doit tenir compte de la faisabilité technique
Duotone Tips
📌 ARTICLE vraiment sympa pour appliquer un filtre DUOTONE directement via le code CSS. Plus d’excuse pour votre équipe de dev 😉
Adobe XD plugins
De plus en plus de plugins Sketch sont portés sur ADOBE XD. Cet article en recense 7, jugés indispensables. On retrouvera ARTBOARD PLUS , RENAME IT , LOREM IPSUM, ZEPLIN pour les plus intéressants selon moi. Adobe doit certainement pouvoir remporter la bataille s’il arrive à fédérer une communauté de dev indépendants aussi importante que celle de Sketch …. affaire à suivre.
The most complete design thinking tools resource collections
📌 ARTICLE très complet sur le Design Thinking.
Simplify Gmail
📌 SIMPLIFY est une extension CHROME ou FIFREFOX qui vous proposera une nouvelle interface très épurée et ergonomique pour votre GMAIL. Le résultat est assez bluffant et on y gagne réellement en lisibilité.
Ci dessous l’article qui m’a permis de découvrir cette extension : https://www.fastcompany.com/90338929/the-former-lead-designer-of-gmail-just-fixed-gmail-on-his-own
5 biais cognitifs
📌 Aujourd’hui un ARTICLE vraiment sympa sur les biais cognitifs qui influent sur notre perception. Le tout expliqué, détaillé et très compréhensible. On aurait néanmoins apprécié des liens vers la littérature scientifique correspondante.
Heuristic principles
📌 Article bien sympa sur un ensemble de critère heuristique pour vos interfaces mobiles. Dans l’ensemble proche des critères de Nielsen ou de Bastien/Scapin, l’article les illustre bien et se veut pédagogique.
How to organize files in a design agency
📌 Petit article sympa sur la structure et le naming de vos dossiers et fichiers suggérée afin de s’y retrouver dans un projet. J’utilise personnellement quelque chose d’assez proche et cela fonctionne en effet très bien ! Et vous, comment vous organisez vous ?
Choosing the right animation-tool
📌 Je parle souvent d’outils d’animation sur linkedin.
Personnas Canvas
https://medium.com/@justinmind/15-must-see-user-persona-templates-acc0eec0b8a2📌 Article vraiment sympa sur les modèles de Personae. Certains sont vraiment inspirants !!
Sketch 53
📌 J’écrivais un article il n’y a pas si longtemps sur un plugin permettant d’obtenir la fonction HSL (Hue, Saturation, Light) dans sketch.
Cette fonctionnalité est maintenant disponible en natif depuis Sketch 53.
Creating custom dashboards for cx data
📌 Article très intéressant regroupant un ensemble de bonnes pratiques sur les usages de Sketch et Invision!
Sketch Freebies
📌 Article bien réalisé proposant un ensemble de ressources gratuites pour Sketch.
UX vs UI : Roles and skills
https://uxplanet.org/ux-vs-ui-design-stages-participants-roles-and-skills-28b1d75455c1
Petit ARTICLE des roles de chacun. A transmettre au client 😉
Sketching : the best articles and resources of 2018
Très bon article qui donne envie de reprendre ses crayons et ses feutres 😉
Motion in design
Je suis moi même intimement convaincu de l’interêt du motion dans l’UX. Un très bon article sur le sujet
6 best practices for dashboard
Article intéressant sur les différents types de DASHBOARDS et les bonnes pratiques concernant leur conception.
Thibaud Lanxade – Réappropriation démocratique
📌 Article très intéressant de Thibault Lanxade sur des solutions pragmatiques amenant à une réappropriation démocratique !
2019 : Futures tendances UX et UI
📌 Difficile exercice que de se lancer dans un article sur les futurs tendances Design. Cependant c’est typiquement le type d’article à lire avec attention et qui peut modifier votre prisme de lecture pour les prochains mois à venir. Je recommande 😉
Priorisation projet
📌 ARTICLE fort intéressant sur les différentes manières de prioriser les fonctionnalités de vos projets.
The state of UX in 2019
📌 THE STATE OF UX IN 2019. Article vraiment complet sur l’état des lieux, les dénominations, le marché, les perspectives de l’ UX… Il est toujours intéressant de savoir se positionner et prendre le pouls du marché dans lequel on évolue. 😉
GOOGLE OPTIMIZE
📌 Je ne connaissais même pas l’outil d’A/B testing de google : GOOGLE OPTIMIZE. Article sur la mise en place d’un AB Testing sur votre site Wordpress via Google Optimize.
Adobe XD en une heure !
📌 ARTICLE très sympa, en anglais, pour ceux qui débutent sur Adobe XD
Guide de survie pour ux designer en entreprise
📌 ARTICLE pragmatique sur l’incorporation des utilisateurs finaux au sein du cycle de conception centré utilisateur. Je recommande !
RESPONSIVE SVG IMAGE
📌 RESPONSIVE SVG IMAGE / Article proposant un bout de code et les explications qui vont avec sur le changement d’une image SVG lors du passage d’un break point. Au final c’est très utile lorsque l’on veut que son logo s’adapte lui aussi au resize du header dans le cas d’un design responsive. Personne ne vous dira plus que ce n’est pas possible 😉
Quest ce que le design thinking
📌 Excellent article de USABILIS sur le Design Thinking !! Je ne peux que recommander cette lecture pour toute personne s’intéressant au sujet ! Merci Jean-François Nogier En complément, un autre article en anglais sur les différentes étapes, détaillées
A brief history of the numeric keypad
📌 ARTICLE sympa sur la recherche autour des différents formats de claviers numériques
UX et Psychologie cognitive
📌 ARTICLE très intéressant accompagné d’une infographie assez bien réalisée faisant le lien entre la psychologie cognitive et leur interprétation en terme de règles UX….. ça a le mérite d’être synthétique !
Kill your personas
📌 Un article génial sur les personas ! Personnellement je crois qu’un mauvais usage est souvent fait des personas qui sont souvent des personas marketing et donc peu pertinents pour nos problématiques de UX designer. Les personas ne devraient pas être des archétypes CSP, mais devraient refléter les typologies d’usage, de contexte d’usage, de rapport au service / produit.
Data visualization et accessibilité
📌 ARTICLE très intéressant sur l’accessibilité et le daltonisme. Comment trouver la bonne palette de couleur pouvant fonctionner sans recouvrement. (où l’importance de la valeur fonctionnelle des couleurs….) Je pense que couplé à un outil comme STARCK pour sketch, la méthode semble être relativement efficace !!
Création de composants réactifs pour votre système de conception : Menus déroulants
📌 Article assez sympa sur l’usage du responsive design grâce à Sketch. L’exemple est ici centré sur la création d’une liste déroulante, mais le principe peut être appliqué plus généralement.
Créativité VS Utilisabilité
📌 ARTICLE sur l’équilibre entre créativité et utilisabilité. Cela me rappelle mon mémoire de Master 2 avec J. M. Christian Bastien sur le lien entre la préférence esthétique et la performance opérationnelle. Dans cet article on présente des usages fréquents / devenus standards comme étant utilisables, opposés à des usages nouveaux / dit innovants qui le seraient moins… Cela me semble être un raccourci de pensée ! Il est en effet intéressant de capitaliser sur l’expérience connue mais ne pas s’y limiter et proposer des interfaces innovantes en prenant en compte la notion d’apprentissage. Celle ci pouvant être très courte si le paradigme d’interaction proposé est le bon.
Design OPS et design thinking
📌 Très bon article sur de DesignOPSS et sur la manière de l’intégrer à vos process à la place du Design Thinking. J’aime bcp l’analyse qui en est faite et ce qui ne gâche rien, le tout est représenté par de jolies représentations graphiques… et j’en suis friand comme toujours, car aide à avoir une représentation mentale plus claire de la chose !!
Bonnes pratiques en mobilité
📌 Article très complet sur les bonnes et mauvaises pratiques en mobilité.
Design Thinking process
📌 Article sur le process de Design Thinking, étape par étape, en prenant comme exemple la refonte d’une application mobile.
UX best practices how to design scannable app screenshots
📌 Article vraiment complet sur la manière de présenter son application. L’article est vraiment détaillé sur les tendances passées et actuelles, mais au dela du simple benchmark, amène à se poser les bonnes question sur la promesse de son service, de sa visibilité et de la forme la plus parlante pour l’utilisateur final.
ADN des designers, comment vous évaluer ?
📌 ARTICLE très sympa sur l’ADN des designers. Je trouve les axes assez intéressants, et il est toujours appréciable de savoir se situer sur un spectre de compétence défini.
MEDIUM, lire sans abonnement
📌 Autant j’adore MEDIUM, autant il est très frustrant de se voir bloquer la lecture d’article dès le milieu du mois.
TimeKeeper et outil
📌 Article sur l’interêt d’un TimeKeeper et ses outils 😉
The tried and true laws of UX with infographic
📌 Article sur les grandes lois de la psychologie cognitive.
When to use user flows
📌 Article très intéressant sur les USER FLOWS.
10 cognitive biases in user research
📌 Super article sur 10 biais cognitif a éviter en User Research… Cela me rappelle mes cours de psycho
Redesign de wikipedia dans Google
📌 Il est vrai que je bute souvent sur le même problème. Trouver rapidement le lien Wikipedia depuis Google…
Les FAQs, quelques conseils
📌 Article intéressant sur les FAQs. L’auteur défend ici les FAQ tant sur le fond que sur la forme. Et même si initialement je suis assez hermétique et fermé au FAQs car selon moi ne réponde que rarement aux attentes des utilisateurs, je dois avouer que les arguments donnés au sein de cet article m’ont convaincu. Peut-être suffit-il de revoir la manière dont sont traités les FAQs aujourd’hui ?
Advanced typographic features in sketch
📌 ARTICLE très interessant sur l’utilisation de fonctions cachées concernant la typographie, et ceci directement sans SKETCH.
Create an adaptive sketch symbol for material designs outlined text field
📌 ARTICLE vraiment sympa qui propose un tweak SKETCH pour créer un champ de saisie qui s’adapte à son libellé, ça fonctionne plutôt bien et c’est assez smart.
Create a full-screen website pre-loader
📌 Article intéressant sur la création d’un loader texte full screen. Le code est dispo, prêt a l’emploi.
Compétences que de doit posséder un bon UX designer
📌 Très bon article sur les compétences que de doit posséder un bon UX designer. Je partage à 100% le propos !
Charge cognitive
📌 Article intéressant sur la charge cognitive.
Useful ui ux design tips
📌 Article vraiment sympa à base de DO et DON’T pour vos éléments d’interfaces. J’aime beaucoup de type de compte Twitter. Quelqu’un à des conseils de personnes à suivre sur twitter avec ce type de contenu ?
Outils indispensables mac en 2018
📌 ARTICLE vraiment sympa sur un ensemble d’outils indispensables. Je partage à 100% l’avis de l’auteur et ce sont, pour une fois, réellement des outils indispensables
OBS project : Logiciel de screencasting
📌 OBS STUDIO est un logiciel de Screencasting gratuit, open source, et cross platform, vraisemblablement beaucoup utilisé chez les gamers, mais qui peut aussi être utilisé lors de sessions de test comme l’indique l’article suivant : https://lnkd.in/gRBuGrp Pour l’avoir essayer, en effet le logiciel est très complet, et ça fait plaisir d’avoir ce type de logiciel en Open source. J’utilise plutot habituellement CAMTASIA (Payant) ou LOOM (Freemium) ou SILVERBACK APP (Payant) ou encore VIEWPORT sur mac. Sachant que les téléphones peuvent maintenant être facilement afficher sur ordinateur, via chromecast, ou meme directement en USB+Quicktime 😉
Invision Studio – Ancres
📌 Petite article sympa sur le fonctionnement des ancres et des redimensionnements sur INVISION STUDIO, le tout comparé à SKETCH qui reste aujourd’hui la référence.
Voice User Interface Design en 2018
📌 Convaincu de la domination proche des agents conversationnels, je vous partage cet article très cool sur le VUI (Voice User Interface Design).
CHEATSTORMING
📌 Un article très interessant sur le CHEATSTORMING
Micro intéractions
📌 Sujet récurrent pour moi, Les micro-interactions, et animations au service de l’expérience utilisateur.
8 tips de conception pour le mode Offline
📌 Article vraiment sympa sur comment designer le mode OFFLINE d’une application.
Morphing SVG
📌 Un article vraiment interessant vous aidant à créer un morphing à partir de forme SVG !
Véhicule autonome
📌 Article vraiment sympa sur les véhicules autonomes, pour ceux qui ne sont pas encore convaincu de leur émergence proche. Merci Morgane Lecordonnier
Matrice de priorisation
📌 Un petit article vraiment cool sur l’indémodable outil de priorisation Valeur utilisateur perçue VS Facilité de mise en oeuvre.
Tips pour concevoir une progress bar
📌 Un article vraiment sympa donnant un TIPS permettant de réaliser des progress-bars facilement paramétrable sur SKETCH.
Building a color palette framework
📌 Un article GENIAL sur comment créer une palette de dégrader dans SKETCH !!
Google Material Editor
📌 Contrairement à ce que dit l’article je pense que INVISION garde encore pas mal d’avance, et son outil STUDIO est tout simplement génial et sans concurrence réelle.
Sketch symbol links
📌 L’auteur de l’article s’est amusé à détourner le fonctionnement des SYMBOLS dans Sketch afin de créer une table des matières cliquable, et ainsi de naviguer au sein de son fichier Sketch.Malin !
Prototypage avec sketch – 5 conseils à suivre
📌 Un article sympa proposant 5 TIPS sur l’utilisation de la fonction Prototype de SKETCH: – Barre d’outils – Hotspots – Couleur des prototype lines – Raccourcis clavier – Shorthands icons
Révoquer les droits donnés aux applications et sites tiers.
📌 J’ai lu un article sur le Blog du Modérateur sur le fait de révoquer les droits Facebook donnés aux applications et sites tiers. C’est qqch que je fais assez régulièrement, et j’ai mes petits bookmarks pour chacun des services que j’utilise.
DARK PATTERNS
📌 Merci à Geoffrey Dorne pour son article sur les DARK PATTERNS et lien vers DARKPATTERNS.ORG
Personnas et User journey Canvas
📌 Merci à Geunbae GB Lee pour ses templates de Personnas et de Journey Maps. Je partage un article qu’il à rédigé expliquant les motivations derrière ce projets !
Comprendre le card design
📌 Très bon article de Arthur Vera sur le Card Design.
Creating user friendly forms
📌 Un article de plus sur les bonnes et mauvaises pratiques lors de la conception d’un formulaire. J’aime bien ce genre d’article, bien illustré, qui permet de communiquer simplement sur ce qu’il ne faut pas faire 😉
Micro-intéractions
📌 Encore un article sur les micro-interactions, rédigé par Pablo Stanley
Micro interactions – UX Design
📌 Un nouvel article sur l’importance des animations en tant que feedback !
23 facilitation tips for design sprints
📌 J’aime bien cet article.
SHORTTCUT-O-MATIC : un exercice simple qui améliorera immédiatement votre vie
📌 Vraiment sympa cette méthodo’
J’adore ce genre d’article présentant un exercice utile et rapide à mettre en oeuvre !!
Design System avec sketch
📌 Très bon article sur les différents plug-ins sketch permettant de maintenir un Design system propre.
Coaching : 13 habitudes qui feront de vous un meilleur concepteur
📌 J’aime bien ce genre d’article de coaching
INVISION DSM
📌 INVISION DSM permet de maintenir et collaborer facilement autour d’un Design system
Deepl
📌 DEEPL est un service de traduction en ligne très performant proposé par les équipes de Linguee. Je trouve assez agréable de disposer d’un outil simple, propre, sans pub.
The Anatomy Of a Thousand Typefaces
📌 Un projet tout simplement génial The Anatomy Of a Thousand Typefaces est un outil permettant de trouver une police de caractère selon des critères ultra précis.
Motion Design : Le recueil
📌 Très bon article sur le Motion Design. J’aurai tendance à utiliser KITE ou HYPE TUMULT pour effectuer ce genre de projet. Je compte bien essayer rapidement SVGATOR pour les petites animations de feedback et les intégrer à un proto (https://app.svgator.com/) Et enfin pour compléter cet article, je vous met un lien un autre article sur le même sujet :
https://www.webdesignerdepot.com/2017/10/3-smart-ways-to-engage-users-with-animation/
Un article sympa sur les bonnes pratiques en UX.
📌 Un article sympa sur les bonnes pratiques en UX.
User stories VS Job stories
📌 Article sur les JOB STORIES vs USER STORIES, l’approche est intéressante et permet de recentrer la story sur l’usage. Cependant je pense qu’elle répond avant tout à un problème de définition des personnae en amont qui sont souvent des personnae marketing et non des personnae UX (archétypes d’utilisateurs utilisant le service d’une façon qui leur est propre). Il n’en reste pas moins que le JOB STORY semble plus simple à mettre en place, car plus facile d’appréhension. Je pourrais écrire un article plus détaillé, si cela intéresse du monde.
Splitwise : Un cas d’école
📌 Article très sympa sur la conception de l’application SPLITWISE.
12 things you should give up if you want to be a successful UX designer
📌 J’adore ce genre d’article, car, en plus d’être étayé par des citations bien senties, il a le mérite de rompre certaines idées reçues, et à une forte empreinte de COACHING.
3 ateliers Flash en UX
📌 Pour faire suite à l’un de mes précédents posts sur les ateliers de Nicolas Beudon