Stubborn : Librairie vectorielle
📌 STUBBORN est un service vraiment sympa dans la lignée de UNDRAW (https://undraw.co/illustrations). Il vous permettra de créer des illustrations en flat design, plutôt pratique pour vos présentations !
-
-
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 ?
-
Accessible color generator
📌 ACCESSIBLE COLOR GENERATOR permet d’obtenir pour chaque couleur que vous rentrerez, les bons contrastes pour être accessible RGAA. Le tout étant exportable en SVG. Ce n’est pas l’outil le plus complet que je connaisse, mais ça peut dépanner 😉
-
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
-
DESIGN inspirations
📌 DESIGN INSPIRATIONS est un site se proposant de vous apporter de l’inspiration graphique. Vous pouvez effectuer des recherches avec n’importe quelle croisement de mots clés, mais une fonctionnalité intéressante est également disponible : la recherche par couleur ! Pratique pour voir comment certain on marié certaines couleurs…
-
The most complete design thinking tools resource collections
📌 ARTICLE très complet sur le Design Thinking.
-
AXURE Inspect design
📌 AXURE 9 propose une fonction INSPECT comme sous invision et consorts. Dommage qu’il faille repayer un upgrade même lorsque l’on a une license perpétuelle …. ça calme
-
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 ?
-
FLARE : motion design app
📌 FLARE est un service en ligne permettant d’animer vos créations très simplement avec un outil TimeLine + KeyFrames, comme le propose After Affect / Hype / Kite Compositor. L’intérêt est ici de pouvoir s’essayer gratuitement et rapidement à l’animation, directement depuis son navigateur. De nombreux projets sont disponibles librement et vous permettront de les retro-ingenieurer afin de comprendre comment ils ont été réalisés !! Pratique
-
AWESOME DESIGN SYSTEMS
📌 AWESOME DESIGN SYSTEMS est une petite page GITHUB qui ne paye pas de mine, mais qui liste les design systems en ligne de grandes enseignes. Pour tous ceux qui s’intéresse au sujet et qui souhaite avoir un petit benchmark rapide 😉
-
LAPA Ninja – Ressources Design
📌 LAPA NINJA propose tout un ensemble de ressources, il référence des Kits, des livres, mais la section qui m’a le plus intéressé se trouve être la partie LEARN, un ensemble de tuto vous guidant dans la maitrise de vos outils !!
-
UI store
📌 UI STORE est un site de ressources en ligne très pratique. Si vous cherchez des Kits gratuits pour Sketch / Illustrator / XD etc alors ce site est à mettre dans vos favoris
-
DESIGN BETTER BUSINESS
📌 DESIGN BETTER BUSINESS est un toolkit gratuit proposant un ensemble de Canvas bien pratiques pour vos ateliers. À utiliser sans modération.
-
Specify app
📌 SPECIFY est un futur outil qui proposera de gérer vos design systems
-
PIXELMATOR est un outil de design simple
📌 PIXELMATOR est un outil de design simple et de prise en main et abordable.
-
Creolabs.com
📌 CREO LABS est un outil, gratuit pendant 1 an, permettant de concevoir des applications mobiles avec des outils proches de ceux que les designers connaissent.
-
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 😉 -
STUDIO V2 : outil de conception
📌 STUDIO sort une version 2, et propose maintenant une offre payante. L’offre gratuite rester intéressante et propose même quelques évolutions :
-
-
Design Sprint : Cedric Compagnon
Cédric Compagnon propose un très bon cours sur le Design Sprint, je vous invite vraiment à y jeter une oeil 😉
-
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.
-
-
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 😉
-
Renamer
📌 RENAMER est un #plugin sketch, très simple, mais qui peut s’avérer très utile pour faire un peu de ménage dans ses #calques. En effet il permet de renommer plusieurs calques à la fois… tout simplement
-
Priorisation projet
📌 ARTICLE fort intéressant sur les différentes manières de prioriser les fonctionnalités de vos projets.
-
Maze.design
📌 MAZE est une service de test utilisateur en ligne se branchant directement sur INVISION, MARVEL, et SKETCH permettant ainsi de tester rapidement son prototype.
-
The spectrum of digital design roles in 2018
📌 Simple et efficace. J’adore toutes ces représentations graphiques ! UX team of one, mais où sont les tests utilisateurs ??
-
Moshn : Veille motion design
📌 MOSHN est un portail de veille pour le motion design. Si vous chercher de l’inspiration alors c’est le bon endroit. L’ensemble est bien classé et fait bien le job
-
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 😉
-
UXtools.co
📌 UXTOOLS est un grand classique mais je me permets de vous le soumettre à nouveau.
-
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
-
The ux is dying
📌 Je lis de plus en plus d’articles évoquant la fin de l’UX design, ou du moins son déclin. Qu’en pensez-vous?
-
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.
-
Galio.io
📌 GALIO est un ressource gratuite de DESIGN + CODE permettant de créer une application mobile simple. Si vous souhaitez partir d’une base sympa je vous invite à y jeter un oeil 😉
-
DESIGN BASE : Ressources design
📌 DESIGN BASE est un service en ligne regroupant tout le nécessaire pour créatif. Dans la droite lignée de THESTOCK .IM, il référence les ressources tel que les fonts, photos, icons, mockups, etc…
-
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 !!
-
Airtable universe
📌 Si comme moi vous faites beaucoup de veille sans pour autant tenir un site web, j’ai peut-être la solution pour vous. AIRTABLE UNIVERSE est un service proposé par Airtable, permettant de partager ses tableaux Airtable contenant vos liens les plus précieux ou tout autre contenu pouvant être hébergé par Airtable. En effet Airtable se met au réseau social et je trouve ça assez malin
-
Les mentions légales trop longues
📌 En effet, quand votre équipe design perd le débat avec le juridique.
-
Ux.perfectial.com
📌 DESIGN PROCESS est un super site proposé par @Perfectial qui explique de manière simple et illustrée les différentes étapes du process de conception. J’adore !! Merci Nicolas Langin pour le lien 😉
-
Atomic-design
📌 Un petit ebook sur l’atomic design pour ceux qui affectionnent les epub et le design
-
Craft sketch plugin
📌 Le plugin InVision CRAFT pour sketch s’enrichi encore d’une fonctionnalité vraiment très intéressante : CRAFT PLAYER. En effet, plus besoin de jongler entre Sketch et Invision, il est maintenant possible de manipuler son prototype InVision directement depuis le Craft Player, dans sketch… J’ai du mal à comprendre la stratégie d’ InVision vis-à-vis de sketch du fait de la création de leur outil INVISION STUDIO, mais ce n’est pas grave. Craft reste un plugin incontournable pour sketch
-
Interview Scorecard
📌 Le INTERVIEW SCORECARD est une méthode proposée ici pour automatiser les réponses aux différentes questions lors de votre DESIGN SPRINT. Il est vrai qu’il est fastidieux de dépouiller l’ensemble des réponses sur post-its et serait donc préférable de saisir directement l’ensemble dans un questionnaire en ligne. Par le passé j’ai d’ailleurs procédé de la même manière pour automatiser le SYSTEM USABILITY SCORE, ainsi que l’ATTRAKDIFF @victor pineau 😉
-
Perps : Outil de design / code
📌 PERSP est un outil en version Alpha proposant lui aussi de supprimer la barrière entre le Design et le Code. L’outil semble bien conçu, permet la création de composant, la publication du site, etc etc… J’ai hate de pouvoir tester.
-
Bonnes pratiques en mobilité
📌 Article très complet sur les bonnes et mauvaises pratiques en mobilité.
-
Biomega electric car
📌 Ça, c’est du design !! Merci Clément BATAILLE
-
The Value of Design
📌 Très bonne analyse ! De plus j’aime beaucoup cette représentation.
Pourquoi vous devez intégrer le design comme levier de réflexion stratégique, contributeur de valeur dans votre business ? -
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.
-
Motion Periodic Table
📌 FOXCODEX est un tableau périodique du MOTION DESIGN.
-
TimeKeeper et outil
📌 Article sur l’interêt d’un TimeKeeper et ses outils 😉
-
Design Portfolio Bingo
📌 Intéressant 😀
-
CAMILO
📌 CAMILO est un plug in sketch permettant d’appliquer sa charte graphique, directement sur son design system dans sketch.
-
Anima : how to view multiple screen sizes in auto layouts
📌 La nouvelle fonctionnalité de SPEC du plugin ANIMA de SKETCH est vraiment pratique
-
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…
-
Anima : padding in sketch
📌 ANIMA continue de s’imposer comme étant LE plugin SKETCH incontournable, avec l’annonce d’une fonction PADDING permettant de retailler les boutons et champs de saisie à la taille du texte qu’ils contiennent (adieu PADDY le plugin dédié…)
-
UX amoeba : UX skills
📌 UX AMEOBA est un outil en ligne permettant de représenter ses compétences en UX sous forme de diagramme de KIVIAT.
-
MODULZ : nouvel outil de conception
📌 MODULZ est une future application proposant de faire de la conception non plus via des outils vectoriels mais grace à des composants interactifs, en React
-
Charge cognitive
📌 Article intéressant sur la charge cognitive.
-
-
Sketch 52 – Resize to fit
📌 Suis je le seul à qui la fonctionnalité Resize to fit content , absente en un clic de Sketch 52, manque cruellement ?📌📌
-
La méthode du TOFU : un système de conception flexible pour améliorer la livraison des produits
📌 la METHODE TOFU est un méthode qui se propose de structurer vos éléments de design system sous une certaine forme, assez interessante et qui me semble fonctionner dans bien des cas. Elle n’est pas sans rappeler l’ATOMIC DESIGN, mais en propose ici une version plus rapidement applicable selon moi. Et vous qu’en pensez vous?
-
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 ?
-
Framer
📌 FRAMER X est sortie et s’annonce vraiment être un outil de référence pour la conception mobile. La barrière entre Design et Code s’amenuise toujours un peu plus et ça fait plaisir.
-
MOCKUPS Facebook
📌 FACEBOOK met à disposition un kit SKETCH de devices assez bien réalisé.
-
Keyframes.net
📌 KEYFRAMES est un site communautaire, sous forme de chat, permettant d’échanger sur le motion design, 3D, et tous logiciels proposants une TIME LINE + KEYFRAMES
-
Escalier design et innovant
📌 Tout simplement génialissime !!
-
JUST IN MIND
📌 JUSTINMIND mets a disposition un kit pour Salesforce, Je trouve ça génial, et au final assez pratique pour personnaliser son interface Salesforce, que l’on retrouve chez beaucoup de grands groupes maintenant. L’un d’entre vous aurait un kit similaire sous Sketch?
-
Design better Business Toolbox
📌 DESIGN BETTER BUSINESS TOOLBOX est un site proposant une série de Canvas très bien réalisés. Organisé selon les objectifs de l’atelier, toutes les ressources sont expliquées et téléchargeables.
-
Modulz.co
📌 Colm Tuite travaille en ce moment sur un outil appelé MODULZ.
-
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).
-
Digitaldesign.tools
📌 DIGITAL DESIGN TOOLS est un autre site se proposant de lister et regrouper des outils de designer.
-
TIMELINE Sketch Plugin
📌 Le plugin Sketch TIMELINE (de anima) se met à jour et propose dans sa version 2 de créer des composants interactifs.
-
8 tips de conception pour le mode Offline
📌 Article vraiment sympa sur comment designer le mode OFFLINE d’une application.
-
OVERRIDE IT sketch plugin
📌 OVERRIDE IT est un plugin SKETCH vraiment très pratique si vous utilisez un design system. Il rend beaucoup plus simplement la composition d’un item par la selection de ses différents éléments. L’essayer c’est l’adopter !
-
-
Comment améliorer l’UX avec des micro-interactions.
📌 Vraiment cool ce type d’interaction / feedback
-
Whimsical : Fast collaborative wireframing app
📌 WHIMSICAL étoffe son outil d’un kit pour Wireframe. Très pratique pour créer un wireframe rapidement, surtout si vous chercher la collaboration live (comme sur Figma).
-
The biggest wtf in design
📌 Elémentaire mon cher Watson 😉
-
Hadron : outil de conception design + code
📌 Parce que la frontière entre design et code se fait toujours de plus en plus mince, HADRON est une future application qui semble être prometteuse.
-
Microsoft Inclusive Design
📌 MICROSOFT mets à disposition un toolkit pour son INCLUSIVE DESIGN. J’adore ce genre de démarche et tout outil méthodologique est intéressant à étudier / tester !
-
Designsystemsrepo.com
📌 DESIGN SYSTEMS REPO est comme son nom l’indique un site répertoriant un ensemble de design-systems mis à disposition sur le web par différentes entreprises : IBM, APPLE, GOOGLE, SALESFORCE, et des dizaines d’autres …
-
Bidirectional scrolling
📌 En général la mise en concurrence du mouvement vertical et horizontal ne rend pas très bien.
-
Material Theme Editor
📌 MATERIAL THEME EDITOR est un plugin Sketch proposant un design system complet d’application mobile, entièrement paramétrable, afin de personnaliser eu mieux votre application, tout en respectant les guide-lines du Material design.
#cmondary -
DARK PATTERNS
📌 Merci à Geoffrey Dorne pour son article sur les DARK PATTERNS et lien vers DARKPATTERNS.ORG
-
Subform
📌 SUBFORM est un outil permettant de realiser des interfaces dynamiques en proposant un design par contrainte (une sorte d’auto-layout assez poussé)
-
HAIKU
📌 HAIKU intègre maintenant FIGMA, en plus de SKETCH…
-
Fusetools
📌 FUSE est un outil pour créer des applications mobiles, il ambitionne d’unifier prototypage, design, et code.
-
Comprendre le card design
📌 Très bon article de Arthur Vera sur le Card Design.
-
WHIMSICAL : Outil UX
📌 WHIMSICAL est un autre outil en ligne permettant de créer des flowcharts vraiment pratique. On peut y intégrer nos propres design, vidéos, etc. Un outil vraiment bien fait, avec une version gratuite offrant 3 diagrammes !
-
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.
-
Phase : outil de conception
📌 PHASE est un futur outil de design et prototypage qui semble avoir du potentiel.
-
ADELE : Annuaire design system
📌 ADELE est un annuaire des Design System de différentes sociétés. Pratique pour pouvoir se situer par rapport à la concurrence, ou simplement Benchmarker différents Design System de grandes enseignes
-
PAPERNEST : démarches administratives
📌 PAPERNEST est un outil gratuit qui se propose de vous aider dans vos démarches administratives lors de votre déménagement.
-
LIGHTWELL : design to code pour application mobile
📌 LIGHTWELL est une application permettant de créer des applications interactives pour iPhone et bientôt Android.
-
SHORTCUTS DESIGN
📌 SHORTCUTS DESIGN est un site assez sympa qui ambitionne de regrouper les raccourcis claviers de différents outils de design / développement et autres logiciels plus classiques. On apprécie le petit mémo pour créer ses propres raccourcis sur Mac 😉
-
Guide 3D isométrique
📌 Étant un grand fan du retrogaming et du design, j’ai forcément apprécié ce petit guide illustré sur la 3D isométrique 😉
