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.
-
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.
-
Plectica : Whiteboard for Designers
📌 PLECTICA est un service en ligne proposant de remplacer votre tableau blanc ainsi que vos #post-its. Il permet en effet de créer des #cartes que vous allez pouvoir organiser visuellement, reliez entre elles, etc… Pratique pour faire un carte sorting, un #mapping, un #ServiceBlueprint ou autre. La version gratuite propose jusqu’à 250 cartes gratuites, après il faut payer. Mais pour un usage ponctuel ou si OPTIMAL WHORKSHOP vous parrait sous-dimentionné pour vos besoins, cela peut être intéressant.
#tools #cmondary -
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.
-
Questionnaire UX Mecue version française
📌 Mecue version française
-
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.
-
Cleverstack
📌 CLEVERSTACK est un outil en ligne permettant de remplacer votre tableau blanc + post-its de vos ateliers et permet donc une collaboration en ligne à base de cartes que vous allez pouvoir organiser et commenter.
-
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 😉
-
TOMLEFRENCH : les services numériques à la sauce années 80’s
📌 TOMLEFRENCH à fait un super travail sur la recontextualisation des nouveaux services numériques en mode vintage, c’est décalé et vraiment sympa !! Mais n’hésitez pas à aller faire un tour dans la section frenchification d’albums de groupes ultra connus, c’est de loin son boulot que je préfère 😉
-
L’anachronisme comme preuve
📌 L’anachronisme comme preuve
-
Atomic-design
📌 Un petit ebook sur l’atomic design pour ceux qui affectionnent les epub et le design
-
Packaging pizza efficace
📌 Simple, mais terriblement efficace !
-
Avez-vous un modèle ou une liste de contrôle sur le process du UserExperienceDesign ?.
📌 Sympa cette représentation
-
-
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
-
Diagramiq : outil de création de diagrammes
📌 DIAGRAMIQ est un outil gratuit en ligne permettant de créer diagrammes, Userflows, Flowcharts, etc… Ce qui est vraiment sympa c’est l’utilisation des points d’ancrage, comme on pourrait le retrouver sur OMNIGRAFFLE par exemple.
-
Polaroider
📌 Fernando Pessagno a encore frappé, et son travail est toujours d’une grande qualité. Cette fois-ci il nous propose un service, POLAROIDER, permettant d’appliquer à ses photos un style Polaroid, dans le but de les imprimer ou les partager !! L’interface est toujours aussi soignée et l’expérience vraiment simple et efficace. J’adore !
-
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 😉
-
Affinity Publisher
📌 AFFINITY sort un nouvel outil de PAO en beta AFFINITY PUBLISHER. Quand on connait la qualité des softs Affinity, ainsi que leur prix très raisonnable, on est ravi de l’initiative. A tester donc, et voir où AFFINITY PUBLISHER se situera entre INDESIGN et SCRIBUS 😉
-
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.
-
USERFLOWS de Marvel
📌 USERFLOWS est une fonctionnalité de MARVEL que ne possède pas INVISION et c’est bien dommage. D’après le lien de votre prototype, Marvel Userflow se propose de générer automatiquement un Userflow, tout beau, tout propre…. vraiment pas mal !!
-
Bonnes pratiques en mobilité
📌 Article très complet sur les bonnes et mauvaises pratiques en mobilité.
-
PRIMAL DRAW
📌 PRIMAL DRAW est un éditeur vectoriel gratuit en ligne que je viens tout juste de découvrir. L’outil m’a l’air assez complet et je pense que cela peut pas mal dépanner lorsque l’on a plus accès à sa machine et ses outils. Habituellement j’aurai tendance a utiliser GRAVIT dans ce cas de figure, mais c’est toujours bon d’avoir un autre outil de ce type sous la main.
-
Solar system explorer / Codepen
📌 Petit Snippet très sympa sur codepen, SOLAR SYSTEM EXPLORER est un petit site très bien réalisé où l’on vous propose de naviguer au sein de notre système solaire, de planète en planète, et d’en obtenir des informations détaillées.
-
6 SPIRAL plugin Sketch
📌 6 SPIRAL est un plugin Sketch permettant de créer des spirales selon différentes configurations directement depuis Sketch. ça peut servir…
-
Lightwell
📌 LIGHTWELL est un outil permettant de créer une application mobile à partir de ses assets graphiques.
-
Biomega electric car
📌 Ça, c’est du design !! Merci Clément BATAILLE
-
Maquette : maquettage 3d par Microsoft
📌 Ah ouai ça, c’est puissant
-
Esthétiquement génial
📌 Esthétiquement génial !! Digital Zombis
-
Electrical outlet of the future
📌 Simple, mais efficace !
-
Le top des start ups employant le plus de collaborateurs
📌 Le top des start-ups
-
Développement Agile – Horse drawing project
📌 Lol La patte avant gauche correspond certainement à la dernière itération 🙂
-
-
Un parking à vélo japonnais
Optimisation ❤️
-
The ultimate guide to proper use of animation in UX
📌 GUIDE détaillé sur la manière de réaliser de bonnes animations motion. Le tout avec de nombreux exemples et de petites animations explicatives très graphiques.
-
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 ? -
NO MORE GOOGLE
📌 NO MORE GOOGLE est un petit annuaire tout simple, inventoriant les différents services alternatives permettant de se passer de google.
-
INSPECT MODE – les alternatives
📌 Si la collaboration avec vos dévelopeurs est un enjeu au quotidien, que vous souhaitez que la communication sur vos maquettes se fassent plus efficacement, je vous propose aujourd’hui quelques alternatives à INVISION INSPECT MODE :
– ZEPLIN : https://zeplin.io
– SYMPLI : https://sympli.io/downloads/web
– MARKETCH : https://github.com/tudou527/marketch
– ANIMA SPECS : https://www.animaapp.com -
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.
-
Additor
📌 ADDITOR est un de mes outils préférés. Il propose aujourd’hui l’édition de texte collaboratif, avec une prévisualisation live, comme on peut la retrouver sur Google Docs. C’est une fonctionnalité vraiment cool, surtout si vous vous servez de ADDITOR, comme moi, pour organiser vos bookmarks, vos fichiers, vos reflexions en un seul service simple et ergonomique !!
-
THIGA : Product Owner Toolkit
📌 THIGA nous propose ici un toolkit pour Product Owner avec un atelier BUY A FEATURE. Je dois avouer qu’en tant qu’UX designer j’ai bcp utilisé cette méthodologie, avec de jolis billets personnalisés et plastifiés. Bref une méthodologie que j’aile beaucoup et qui est bien plus efficace que certaines autres formes de priorisations comme le Dot Voting, La priorisation sur Axes, etc …
-
Motion Periodic Table
📌 FOXCODEX est un tableau périodique du MOTION DESIGN.
-
Animated grids layout
📌 ANIMATED GRID est un template de mise en page de votre contenu assez sympa, avec un menu dynamique et original. Le code source est disponible, donc je le partage 😉
-
Advanced text mask in sketch
📌 Petit tutorial SKETCH sur le TEXT MASK. Personnellement je faisais un peu comme un bourrin, en convertissant mon texte en outline, puis cette nouvelle forme créée comme mask. Au final la solution N°1 apportée ici me parait être la meilleure, à savoir la combinaison du texte et du fond… simple et efficace !
-
ifonts.xyz
📌 IFONTS est un site proposant des milliers de polices de caractères. Merci Gwendal Gregam pour ce lien 😉
-
-
Comment créer un formulaire en ligne qui convertit
📌 Petite piqure de rappel sur les composants, feedbacks, libellés et l’ensemble des stratégies à mettre en oeuvre pour créer un formulaire utilisable.
-
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.
-
Dribbble sketch plugin
📌 Je viens de découvrir que DRIBBLE mettait à disposition à disposition un plugin SKETCH permettant de poster directement sur Dribble depuis Sketch. Le pire c’est qu’ils possèdent une intégration avec un grand nombre d’outils autre que Sketch, à savoir Slack, Invision Studio, Flinto, Figma, XD, …
-
TimeKeeper et outil
📌 Article sur l’interêt d’un TimeKeeper et ses outils 😉
-
Horrorli : ambiance Halloween
📌 Aujourd’hui c’est Halloween !!
-
Duefocus.com
📌 DUEFOCUS est un service de time-tracking
-
-
Quel est le tic de langage qui vous agace le plus ?
📌 Cela m’a fait sourire de bon matin
-
OPEN EMOJI
📌 OPEN EMOJI est tout simplement une librairie d’emojis Open-source.
-
UX metrics : Smartphone
UXMETRICS: One of the things you need to measure about the team’s performance is the one about respect Fitts’ Law (never call Fitt’s Law) just keep an open eye in this topics
-
The Mine : Jeu Codepen
📌 THE MINE est un jeu d’aventure plateforme entièrement réalisé en CSS
-
The tried and true laws of UX with infographic
📌 Article sur les grandes lois de la psychologie cognitive.
-
One UP
📌 ONEUP est un service en ligne permettant de programmer vos posts sur vos différents réseaux sociaux.
-
Vibe : Whiteboard moderne
📌 VIBE est le genre de device que j’adore !!
