UX timeline
📌 UX TIMELINE est un site web retraçant les évolutions de services très connus. Plus UserFriendly que WAYBACK MACHINE, il se concentre sur l’essentiel.
-
-
REALLY GOOD UX : bonnes pratiques
📌 REALLY GOOD UX est site listant un ensemble de bonnes pratiques en s’appuyant sur des exemples concrets.
-
Public API
📌 PUBLIC APIS est tout simplement un site référençant un ensemble d’API publiques.
-
CONNECTION FLOW ARROWS
📌 CONNECTION FLOW ARROWS est un plugins pour sketch permettant de créer des parcours fléchés entre vos différentes étapes de parcours ou écrans d’interface afin de composer rapidement un UserFlow. On sais tous que sketch n’est initialement pas l’outil le plus approprié pour faire cela et surtout pour le modifier rapidement. Ce plugin est là, pour compenser cette faiblesse de sketch
-
Sketching : the best articles and resources of 2018
Très bon article qui donne envie de reprendre ses crayons et ses feutres 😉
-
Resourcecards
📌RESSOURCE CARDS est un site dans la lignée de THE STOCKS 2, regroupant un ensemble de ressources organisées par besoin. Véritable boite à outil du designer.
-
Cleanmock
📌 CLEANMOCK est un service en ligne permettant de créer des mockups et ainsi de mettre en valeur vos créas. Il existe une version gratuite qui peut vous servir si votre besoin n’est pas trop complexe.
-
Nicolas LANGIN – Happy Jouve Worker
Genial Nico !! 😉
-
-
Screen.guru
📌 SCREEN GURU est un service en ligne proposant de prendre un screenshot d’un site dont vous avez l’URL. Cela peut servir sur certains postes bloqués 😉
-
Image-resizer
📌 FREE IMAGE RESIZER est un service gratuit en ligne permettant de recadrer vos photos aux formats des différents réseaux sociaux. Très bien conçu, uploadez vos photos et le service ce charger du reste
-
https://humen.io/
📌 HUMEN est un service en ligne, gratuit pour le moment, proposant de gérer les vacances de vos collaborateurs de manière assez simple et visuelle. Pas mal !
-
https://www.dimensions.guide/
📌 DIMENSIONS est certainement une des ressources les plus interessantes mis à disposition. Il passe directement dans la catégorie INDISPENSABLE !!
-
-
SYMBOL AUTOCOMPLETE
📌 SYMBOL AUTOCOMPLETE est un plugin sketch permettant de conserver un peu d’ordre dans vos symbols. Il offre simplement l’auto-complétion du nom des symbols ce qui évite des erreurs de saisie et assure ainsi de garder des noms et des catégories des symbols cohérents.
-
CODEPEN : Top100 2018
📌 Petit top 100 bien sympa de Snippets CODEPEN de l’année 2018. Pour passer directement au top 10, ajoutez 10 à la fin de l’url 😉
-
Annotations : Sketch Plugin
📌 ANNOTATIONS est un plugin pour sketch permettant d’afficher et de masquer des notes que vous auriez pu saisir afin d’expliquer vos choix de conception. C’est très pratique et devrait être intégré en natif sur sketch, ce serait vraiment bien
-
Metatags.io
📌 METATAGS est un outil gratuit en ligne permettant de créer les fameuses petites #vignettes automatiques que l’on voit lorsque l’on colle un lien sur un réseau social. C’est simple, à la porté de tous, et je ne connais pas de service gratuit equivalent !
-
STARTPAGE : Recherche incognito
Si vous êtes sensible à l’anonymat et le respect de votre vie privée lors de vos recherches sur internet, alors STARTPAGE est fait pour vous ! En effet ce site génial se propose d’effectuer vos recherches google pour vous, tout en anonymisant et supprimant tous les trackers avant de vous en restituer le résultat… Simple, efficace et éthique 😉
-
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.
