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
-
OVERVIEW ARTBOARD : Sketch plugin
📌 OVERVIEW ARTBOARD est un plugin sketch qui permet de créer un artboard regroupant l’ensemble des artboards de votre plan de travail. Pratique pour faire une planche contact ! A une époque j’arrivais à le faire avec Sketch par défaut, simplement un glissant un grand Artboard sous les autres, mais depuis cela ne fonctionne plus. Ce plugin est donc le bienvenu pour donner une vue d’ensemble de son projet sans recourir au screenshot !
-
Draftium : prototype tool
📌 DRAFTIUM est un outil de prototypage en ligne, en beta et gratuit. Il propose de réaliser des prototype de sites responsives à partir d’une librairie de plus de 300 templates, ainsi que de nombreux blocs pré-construits. Mais permet également la collaboration en ligne à l’image des commentaires dans INVISION. Vraiment sympa !!
-
https://collabify.app/
📌 Si comme moi vous avez l’habitude d’utiliser APPEARIN, vous serez surement très content d’en découvrir une alternative, tout aussi gratuite, et tout aussi simple d’usage.
-
BUNINUX : Sketch Freebies
📌 BUNINUX propose un ensemble de ressources SKETCH gratuitement. Cela peut vous faire gagner du temps si vous avez des objets complexes a réaliser pour vos créa’
-
Userbit App
📌 USERBIT est un service en beta très prometteur. Il va vous permettre de gérer vos interview, ainsi que leur restitution, et vous assister dans la conception de Personas ainsi que d’un Sitemap.
-
HSL color picker : Sketch plugin
📌 HSL PICKER est un plugin Sketch très utilie permettant de gérer ses couleurs en HSL en plus du classique RGB et HSB proposé par défaut dans Sketch. Merci @gwendal gregam 😉
-
-
6 best practices for dashboard
Article intéressant sur les différents types de DASHBOARDS et les bonnes pratiques concernant leur conception.
-
SLITE
📌 SLITE est un outil vraiment sympa pour organiser ses pensées et collaborer autour de différents sujets. J’aimerai trouver une alternative à SLITE pour créer un petit guide d’onboarding pour les nouveaux arrivants à l’agence .
Qqn à une idée?
https://www.youtube.com/watch?v=OQMLtrvtvk4 -
FONT BUDDY
📌 FONT BUDDY est un plugin Sketch indispensable proposé par Anima. Il permet d’un simple clic de télécharger et d’installer les polices manquantes pour l’édition de votre document sketch. Etonnant qu’ Anima n’est pas directement intégré cette fonctionnalité à son master plugin AUTOLAYOUT + LAUNCHPAD + TIMELINE
-
Visalist.io
📌 VISALIST est un service gratuit en ligne permettant de tester la puissance de votre passeport. Il représente sous forme de carte quels sont les pays accessible sans Visa, avec Visa, E-Visa etc, ou tout simplement inaccessible avec le visa choisi !
-
Create adaptive buttons
Si vous n’utilisez pas PADDY pour sketch, alors ce petit trick peut vous intéressez. En effet, avec un peu d’ingéniosité, l’auteur ici nous propose l’utilisation d’un symbol qui permet d’avoir une taille de bouton qui s’adapte à la taille de son libellé, le tout sans plugin 😉
-
Is page online ??
📌 IS PAGE ONLINE est un service en ligne très simple mais très efficace. Il se propose de vous notifier par email dès que votre site est en panne et devient inaccessible. Ça peut servir 😉
-
Timeblocks
📌 TIME BLOCKS est un service en ligne permettant d’afficher un ou plusieurs timers successivement. Pratique si vous êtes Timekeeper lors d’atelier, ou simplement si vous souhaitez cadencer vos réunions !
-
Thibaud Lanxade – Réappropriation démocratique
📌 Article très intéressant de Thibault Lanxade sur des solutions pragmatiques amenant à une réappropriation démocratique !
-
Projection de MERCATOR
📌 Toujours sur le sujet des projections de cartes. Petite animation trouvée sur twitter, montrant la différence entre une projection MERCATOR vs TAILLE RÉELLE des territoires émergés. Il est intéressant de voir comment ce type de représentation conditionne notre perception du monde. Certain pays continent perde un peu de leur superbe, une fois les tailles réelles respectées…
-
Lydia et le paiement NFC
📌 LYDIA permet maintenant de réaliser des paiements NFC sur vos smartphones Android ! Lydia ou autre, qui d’entre vous a passé le pas ?
-
-
GROWTH MENTOR
Allez Hop, je m’inscris sur GROWTH MENTOR afin d’avoir un peu plus de visibilité sur le sujet 😉 Vous pouvez malgré tout continuer de me poser toutes vos questions sur Linkedin et à Endorser ma compétence Mentor sur linkedin pour ceux qui sont convaincu de l’aide que je leur ai apportée.
-
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 😉
-
UI LOGOS : Sketch plugin
📌 UI LOGOS est un plugin pour sketch qui va vous permettre de rapidement remplacer un ensemble de forme par des Logo de marque. Les logos étant aléatoires et pas nécessairement très connus, cela peut malgré tout se réveler pratique pour un wireframe / maquette, en mode Lorem Ipsum logo
-
BOLT IT : Sketch plugin
📌 BOLT IT est une extension Sketch permettant de mettre en gras une partie d’un texte préalablement sélectionné. Au début je me suis dit qu’une simple sélection puis Command+B suffisait, mais l’extension prend tout son sens lorsque l’on souhaite dans un long texte mettre en gras toutes les occurrences d’un même mot / groupe de mots.
-
Enquête UX
📌 Je partage ton lien Thibaud 😉 Si vous avez 5 min pour aider, n’hésitez pas à compléter le formulaire
-
Archetypeapp
📌 ARCHETYPE est un service gratuit en ligne, vraiment génial ! Il va vous permettre de mettre en forme votre texte : sélectionner la police, sa taille, les espacements, visualiser les versions mobiles et desktops ainsi créées. Enfin vous aurez la possibilité de l’importer directement dans Sketch, ou l’exporter au format CSS !! Petit bonus, sachez que toutes les polices de caractères présentées ici sont téléchargeables !!
-
Compétence UX, CX, BX
📌 Ces systèmes englobants me laissent généralement perplexe… Serait-on d’abord client/client faisant l’expérience d’une marque avant d’être simple utilisateur ?
-
UIzard.io
📌 Tout simplement génial !!
-
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
-
ORA : Gestion de projet
📌 ORA sort une version 2 en beta. Pour rappel ORA est un outil de gestion de projets AGILE très complet. Il vous permettra de gérer votre backlog en présentant vos USs et EPICs, mais fait aussi bug tracker, Kanban, etc … Gratuit jusqu’a 3 collaborateurs
-
Felipe : Wireframes to UI
📌 FELIPE est un #plugin pour #sketch assez bluffant qui va transformer des formes simples en éléments graphique. La vidéo devrait vous en convaincre …. !
-
Priorisation projet
📌 ARTICLE fort intéressant sur les différentes manières de prioriser les fonctionnalités de vos projets.
-
-
DIGITAL PSYCHOLOGY
📌 DIGITAL PSYCHOLOGY est une bibliothèque gratuite présentant des principes de psychologie cognitive, exemples à l’appui, pour vous inspirer et améliorer l’ergonomie de vos produits.
-
-
French UX ;)
📌 Ah oui tiens… c’est vrai que l’on fait ça mercredi 😉
-
WINDS : RSS
📌 WINDS, l’agrégateur de flux #RSS vient de sortir sa version 3 et permet maintenant de mieux organiser ses flux avec la création de dossiers, l’ajout de #tag, mais aussi la possibilité de surligner des parties de vos articles et de laisser des notes sur chacun de vos articles. WINDS est 100% gratuit et on apprécie.
-
PURE AGENCY recherche un MANAGER
📌 PURE AGENCY recherche un MANAGER de formation UX / UI afin d’encadrer une équipe jeune, dynamique et motivée, en plein cœur de Paris (châtelet). Si l’idée de nous rejoindre vous tente, faites-moi signe !
-
PURE AGENCY recherche un UX designer Senior.
📌 PURE AGENCY recherche un UX designer Senior. Si vous êtes motivé à l’idée de travailler en plein cœur de Paris (Chatelet), avec une équipe sympa sur des projets innovants, faites moi signe 😉
-
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. 😉
-
SCREENPLAY : Retranscription de texte automatique
📌 SCREENPLAY est un service en ligne qui permet d’obtenir une retranscription textuelle automatique de votre vidéo. Au dela d’en avoir une version textuelle, cela permet également de naviguer dans la vidéo depuis sa version texte, ce qui peut être très pratique pour une conférence par exemple.
-
Livefile.io
📌 LIVEFILE est un service en ligne permettant de présenter, et d’interagir de manière collaborative sur un document. L’idée est ici d’améliorer le simple partage d’écran et de fournir à tous les participants la possibilité de naviguer dans le document durant la présentation. A voir à l’usage… mais j’aime bien l’idée !
-
Board of innovation
📌 Cela s’approche beaucoup d’un de mes ateliers préférés à la manière de J’adore ce genre de carte illustrant bien le besoin fonctionnel spécifique à chaque service !!
-
Axure : dark mode
📌 AXURE propose maintenant une interface DARK MODE dans sa version RP9, et même si habituellement je ne suis pas super fan du Dark mode, je dois avouer que ça fait bcp de bien à l’interface vieillissante d’Axure
-
-
Squoosh.app
📌 SQUOOSH est un outil en ligne de compression d’image, simple et efficace comme un drag ‘n’ drop 😉
-
Personas draftbit
📌 DRAFTBIT propose un service en ligne permettant de créer de petits avatars sympas pour vos personas. Il me font penser aux personas de HUBSPOT ça peut servir !!
-
TIPS : Diagramme de GANTT sous google sheets
J’adore vraiment Google Sheets, et j’ai une tendance a geeker dessus sans voir le temps passé. Je vous partage donc ici une vidéo que j’ai adorée qui vous explique pas à pas comment créer un diagramme de Gantt sous Google Spreadsheets Absolument Génial!
-
KITE : Animation HTML
📌 J’adore KITE pour rapidement animer les créas réalisées sous sketch , et maintenant sous XD également. Vraiment beaucoup plus accessible que After Effect (dans tous les sens du terme), Il permet même de générer du code directement intégrable à vos applications. Je ne comprend toujours pas pourquoi Sketch n’intègre pas nativement une timeline + Keyframe
-
USERLOOK : tests utilisateurs
📌 USERLOOK est un service de test utilisateur à distance. Très simple d’utilisation, on peut créer un questionnaire Pré-test, un questionnaire post-test, définir le protocole expérimental et en afficher les consignes à coté de la fenêtre du navigateur !! A essayer !
-
Sensive
📌 SENSIVE est un outil en ligne permettant d’échanger avec vos collaborateurs sur les différentes versions de vos créations. En somme il stock, conserve les différentes versions et permet de commenter les écrans. Compatible avec FIGMA et SKETCH, c’est un outil à garder dans ses favoris 😉
-
Jasondavies maps
📌 J’aime beaucoup les cartes et les différentes projections existantes concernant la terre. Il est très difficile d’appréhender sa forme et d’avoir une map présentant sa géodésie, alors même que ces modes de représentation conditionnent notre perception du monde dans lequel on vit. Nous avons tendance à utiliser la projection de Mercator, malgré ses défaut. Donc je vous met un petit lien sympa présentant différentes projections animées 😉
-
Relay for figma
📌 RELAY FOR FIGMA est un service en early access très prometteur. Il permet, pour les utilisateurs de Figma de poster directement vos assets dans votre GITHUB, et de voir leur intégration, leur différentes versions Desktop / tablet / mobile, ainsi que leur mise à jour en temps réel.
-
GIT SKETCH PLUGIN
📌 GIT SKETCH PLUGIN est comme son nom l’indique un plugin pour sketch permettant de gérer le versionning de vos fichiers. Pratique pour le travail en équipe, et ainsi éviter de corrompre vos fichiers.
-
SVG porn
📌 SVG PORN est un site référençant les logos de grandes entreprises et services digitaux en vectoriel !! C’est bcp plus convivial que BRANDS OF THE WORLD, mais un peu moins de choix je dois le reconnaitre…
-
UI movement : site d’inspiration
📌 UI MOVEMENT est un site d’inspiration pour toutes les micro-interactions que vous pouvez créer au sein de vos applications. Si vous vous essayer à after-effect / hype / Haiku / etc Cela peut être une bonne base pour reproduire des effets sympas
-
Getpass xyz
📌 GETPASS est un service tout simple en ligne, et en React générant des mots de passes aléatoirement.
-
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.
-
Linkedin SSI : 81
🚀 Et bim 81 !!!! 😉
-
SnapCamera
📌 Ohh mon Dieu, Les oreilles de chien et les arcs-en-ciel débarquent sur Desktop !!
-
INSPECTLET
📌 INSPECTLET est un service en ligne permettant d’enregistrer les sessions de vos utilisateurs sur les sites web que vous administrez. Pratique pour traquer des comportements de rebond par exemple ! Encore plus pour un test utilisateur 😉
-
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.
-
Adobe XD en une heure !
📌 ARTICLE très sympa, en anglais, pour ceux qui débutent sur Adobe XD
-
La GESTALT en vidéo
📌 Les principes de la Gestalt dans une courte vidéo animée
-
World of Logotypes
📌 World of Logotypes : Trademark Encyclopedia 1
-
Transformez votre Backlog Produit en Story Map
📌 FEAUTURE MAP transforme votre backlog en Story Map pour que vous gardiez chaque fonctionnalité dans le contexte dans lequel l’utilisateur y aura recours
-
NUCLINO : Travail collaboratif
📌 NUCLINO est un service en ligne de travail collaboratif permettant de gérer vos projets avec votre team. La version gratuite recouvre un ensemble de fonctionnalités intéressantes et suffisantes dans un premier temps.
-
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
-
UIfaces
📌 UIFACES est un service gratuit en ligne offrant un ensemble de photos de profils pouir vos créa’. Il a la particularité de fusionné les services Unsplash, Pexels, imdb etc. Le tout pouvant bien évidement être filtré afin de correspondre à vos besoins
-
Lorem Ipsum : 10 alternatives
📌 10 alternatives au LOREM IPSUM. Avec quand même quelques perles, comme un Rick & Morty IPSUM, Obama IPSUM et Nietzsche IPSUM. Si malgré tout vous souhaitiez rester classique et utiliser le corvéable Lorem Ipsum, je ne peux que vous repartager LOREM ISPUM IO : https://loremipsum.io/
-
PIMP MY DRAWING : Librairie vectorielle
📌 PIMP MY DRAWING est une petite librairie sympa d’images vectorielles. Composée pour le moment de personnes / arbres et voitures. Dommage qu’il n’y en ai pas plus, c’est le genre d’illustrations que j’adore utiliser dans mes wireframes.
-
Typetura : texte responsive
📌 TYPETURA est un script JS permettant de rendre un texte responsive de manière très fluide. L’interface propose ici de jouer avec cet outil et de voir le comportement du texte au regard de différents break points. Le code source est disponible, c’est prêt à l’emploi 🙂
-
Qlearly : Vos bookmarks par thème
📌 Qlearly propose désormais une extension Chrome / Firefox pour gérer vos onglets et vos bookmarks. L’idée étant de les regrouper par thème et ainsi pouvoir lancer des piles de bookmarks d’un seul coup.
-
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 😉
-
Infinity : Airtable alternative
📌 INFINITY est un service de travail collaboratif en ligne. Il me fait bcp penser à AIRTABLE, et j’aime vraiment l’interface. Il est pour l’instant gratuit et permet donc d’organiser votre pipe de vente, vos contacts clients, vos projets, vos to-do lists… Je vais essayer plus en profondeur la chose et vous ferais un retour 😉
-
Actioned : Todo list Kanban
📌 ACTIONED est un service en ligne gratuit permettant de gérer vos to-do lists ainsi que vos boards type Kanban. L’interface est claire, même si vraiment très (trop) grosse. Surement pratique pour ceux dont la vue baisse 😉
-
Diverse UI : Banque d’image de profil
📌 DIVERSE UI est une banque d’image pour créer des profils utilisateurs. Le service est gratuit et met à disposition un ensemble de photos de profil utilisateurs téléchargeable d’un simple clic. Pratique !! Il y même un plugin sketch, (un peu moins utile depuis que Craft propose la même chose, mais bon…)
-
Drawser : editeur vectoriel
📌 DRAWSER est un service en ligne gratuit, permettant l’édition d’image vectorielle. J’aurai tendance à lui préférer GRAVIT, mais ça peut toujours servir 😉
-
Palx : palette de couleurs
📌 PALX offre un service de palettes de couleurs qui peut s’avérer très pratique si vous souhaitez utiliser des dégrader. La première palette grise pour vos wireframes par exemple 😉
-
Getchipmunk
📌 CHIPMUNK est un outil en ligne se proposant de vous offrir un espace unique pour la gestion de vos projets, de vos outils, de créations et ainsi faciliter le travail collaboratif. Gratuit jusqu’a 3 personnes, l’outil peut être intéressant pour les petites équipes, ou une succession de projets courts !
-
UXtools.co
📌 UXTOOLS est un grand classique mais je me permets de vous le soumettre à nouveau.
-
BASE ALIGN : Sketch plugin
📌 BASE ALIGN est un plugin sketch vraiment très utile, car il va vous permettre d’aligner directement les textes sur leur ligne de pied (ou ligne de base) et non les boites contenant les textes.
-
Trunk : travail collaboratif
📌 TRUNK est un outil permettant le travail collaboratif autour de vos créa’ Il permet la gestion du versioning de vos fichiers et entend régler les problèmes de conflits entre les différentes versions de vos Sketchs.
-
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?
-
EMOJI BUILDER
📌 Petit lien sympa du matin, EMOJI BUILDER fait exactement ce qu’il dit faire, à savoir offrir la possibilité de créer des émojis 😀
-
A brief history of the numeric keypad
📌 ARTICLE sympa sur la recherche autour des différents formats de claviers numériques
-
RAPPORT : Kanban interactif
📌 RAPPORT est un service en ligne permettant de le travail collaboratif autour de cartes virtuelles que vous aller pouvoir classer, prioriser et commenter. Et c’est gratuit 😉
-
Slite : Prise de notes collaboratives
📌 SLITE est un service en ligne de prise de notes personnelles et collaboratives. L’interface est vraiment cool, la prise de note à plusieurs est vraiment simple et permet un travail d’équipe efficient. Il existe en plus de la version en ligne, une version Desktop, ainsi qu’une application mobile afin d’avoir accès à ses notes où que l’on soit. La version Gratuite peut amplement suffire car propose un nombre de notes perso illimitées + 50 notes partagées par mois. Merci @Colbys pour cette découverte
-
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 !
-
PICTOGRAPHY : Photos libres de droit
📌 PICTOGRAHY est un service en ligne proposant des photos libres de droit. Ce n’est pas le catalogue le plus fourni, mais ça peut servir 😉
-
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.
-
Leanboard.io
📌 LEANBOARD est un outil en early access qui va vous permettre d’utiliser des post-its virtuels sur un tableau blanc virtuel. La version disponible permet actuellement de gérer votre Github
-
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 😉
-
XDresources.co
📌 XDRESOURCES est un site proposant un volume intéressant de ressources pour Adobe XD, un peu à la manière de Sketchappsources pour Sketch. XD gagnant progessivement du terrain il est interessant de voir ce qu’il se fait et de disposer de ressources de qualité.
-
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…
-
-
VISBUG : Chrome extension
📌 GOOGLE mets à disposition une extension chrome nommé VISBUG permettant d’éditer une page web directement dans son navigateur, le tout en Wysiwyg et drag and drop. Outil principalement à destination des développeurs il sera utile pour remplacer FIREBUG ou encore VISUAL INSPECTOR de canvasflip.
-
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 !!
-
Crawly.app
📌 CRAWLY est un service en ligne se proposant de gérer pour vous vos liens morts. Il est gratuit pour vos 2 premiers sites. Concrètement un crawler va passer en revue l’ensemble de votre site, en détecter les liens morts et vous tenir informé du tout dans un dashboard.
