Sketch Freebies
📌 Article bien réalisé proposant un ensemble de ressources gratuites pour Sketch.
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
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
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
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
UXtools.co
📌 UXTOOLS est un grand classique mais je me permets de vous le soumettre à nouveau.
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 !
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 😉
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 !!
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.
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 …
TimeKeeper et outil
📌 Article sur l’interêt d’un TimeKeeper et ses outils 😉
Fivo : Modern Free Display Typeface
📌 FIVO est un font vraiment très bien réalisée, disponible pour près de 190 langage.
CAMILO
📌 CAMILO est un plug in sketch permettant d’appliquer sa charte graphique, directement sur son design system dans sketch.
Invision Studio VS Adobe XD
📌 ADOBE XD vs INVISION STUDIO – Meilleur que SKETCH ??
RESUME MAKER
📌 RESUME MAKER est un service de création de CV en ligne gratuit.
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.
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.
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 !
RANDOM color picker
📌 RANDOM est un color picker permettant d’obtenir des gradients aléatoires. Assez bien réalisé, il fait exactement ce qu’il annonce et rien de plus 😀
GRADIENT EDITOR
📌 EXPERIMENTAL GRADIENT EDITOR est un gradient color picker assez bien réalisé, avec un paradigme d’interaction interessant.
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?
CSS ONLY FLOAT LABEL
📌 CSS ONLY FLOAT LABEL est un code CSS hébergé sur le génial codepen illustrant merveilleusement bien l’animation d’un libellé passant de l’intérieur du champ de saisie , au dessus du champs de saisie. Personnellement, je considère comme une bonne pratique, à complété d’un control de surface indiquant si le champs est OK ou KO 😉
Auto layout export specs
📌 AUTO LAYOUT (ANIMA) est je pense le plugin le plus important de sketch après RUNNER.
Sketch 52
📌 SKETCH 52 semble être une évolution majeure avec de nivelles fonctionnalités incontournables.
https://tympanus.net/codrops/2018/10/03/multibox-menu/
📌 J’aime beaucoup le concept de MENU MULTIBOX qui fonctionne très bien, même en mobile
MOCKUPS Facebook
📌 FACEBOOK met à disposition un kit SKETCH de devices assez bien réalisé.
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.
TYPE DETAIL
📌 TYPE DETAIL est un outil en ligne vraiment cool permettant de tester/ configurer des web fonts.
Colorspark : sketch plugin
📌 COLORSPARK propose un plugin SKETCH permettant de générer aléatoirement des couleurs et des gradients à insérer dans vos créa’
UNDRAW
📌 UNDRAW est une bibliothèque vraiment d’illustration en format SVG. C’est vraiment très bien réalisé et l’on peut même changer la couleur dominante directement dans le site. Petit bémol : impossible d’effectuer une recherche, mais avec un peu de patience, on trouve ce que l’on veut.
CSS GRADIENT
📌 CSS GRADIENT est un service web permettant de créer des gradients de couleurs linéaires ou radiaux et d’en obtenir le code CSS.
LOG : Dashboard d’activité
📌 LOG est un outil proposant un dashboard pour tracker son activité. A destination des développeurs et de ceux qui sauront l’exploiter, il n’en reste pas moins qu’il est très bien réalisé et que c’est ce type de projet qui me fait regretter de ne pas savoir coder et réutiliser ce type de projet.
Micro intéractions
📌 Sujet récurrent pour moi, Les micro-interactions, et animations au service de l’expérience utilisateur.
Jeux de cartes ZONING CARDS
📌 UX-Republic propose un jeux de cartes ZONING CARDS vraiment très bien réalisé
Comment avoir des coins magiques sous windows
📌 Un petit logiciel WINXCONERS qui permet d’avoir sur windows la fonctionnalité bien connue sous mac des coins de l’écran intelligent.
illustrio.com
📌 ILLUSTRIO est une bibliothèque d’icons vraiment bien foutue.
Boxicons
📌 BOXICONS est une petite librairie de plus de 350 icônes, vraiment très bien réalisées. Chaque icône peut être téléchargée en SVG, donc éditable 😉
#cmondary
Android messages sms sur ordinateur
📌 ANDROID MESSAGE propose enfin la fonctionnalité d’envoyer ses SMS depuis le votre ordinateur. C’est vraiment bien et permettra surement de perdre moins de part de marcher au profit de Whatsapp et Messenger qui le propose depuis longtemps.
UI Goodies
📌 UIGOODIES est un petit site web comme on les aimes, avec plein de petits freebies bien sympa. A bookmarker 😉
ANIMISTA
📌 j’avais déjà écris sur ANIMISTA, mais je crois bien qu’ils viennent d’ajouter de nouvelles animations CSS. Il est possible maintenant d’agir sur une animation du background, de texte en opening, en ending. Toujours aussi simple d’utilisation !
Animation sur maquette
📌 J’avoue que c’est assez fort !!! Avec le petit making of à la fin qui va bien !
LOBE : service de reconnaissance d’inputs
📌 LOBE est un service de reconnaissance d’inputs (écriture manuscrite, émotion, timbre musical d’un instrument, etc) s’appuyant sur une intelligence artificielle.
Bidirectional scrolling
📌 En général la mise en concurrence du mouvement vertical et horizontal ne rend pas très bien.
TABLER est un dashboard responsive en HTML/CSS
📌 TABLER est un dashboard responsive en HTML/CSS et bien sûr open source 😉 J’aime bcp la réalisation sobre et fonctionnelle de ce dashboard. Je rêverais de savoir/pouvoir pluger ce dashboard sur une base de données GoogleSheet…
LUNACY
📌 LUNACY est outil gratuit, permettant d’ouvrir et d’enregistrer des fichiers Sketch sur Windows.
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 😉
PINTAB regrouper l’ensemble de vos outils web
📌 PINTAB est un site web proposant de regrouper un ensemble d’outils web
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 !
ANGLE sketch plugin
📌 ANGLE est arrivé !!!
Enfin une alternative gratuite à MAGIC MIRROR.
23 facilitation tips for design sprints
📌 J’aime bien cet article.
SYMBOL INSTANCE LOCATOR : plugin sketch
📌 SYMBOL INSTANCE LOCATOR est un plugin sketch qui permet de localiser le symbole sélectionné dans les différentes pages et artboards de son fichier Sketch !!
Fontrapid : Font Sketch plugin
📌 FONTRAPID est un plugin Sketch permettant de créer sa police de caractère directement depuis Sketch…. Vraiment sympa, même si je ne suis pas sur que Sketch soit l’outil le plus adapté, cela peut toujours servir. Mais surtout, je me vois bien essayé de détourner cet outil pour créer ma propre librairie d’icônes, à la fontawesome 😉
Zoho Notebook
📌 ZOHO NOTEBOOK est une application gratuite qui propose de concurrencer Evernote. La seule limite est le poid de pièces jointes limitées à 50mo. Personnellement j’utilise depuis de nombreuses années SIMPLENOTE (https://simplenote.com/) pour son coté cross-platerformes, simple et efficace, mais étant utilisateur régulier de la suite ZOHO, je dois avouer que l’outil est vraiment bien foutu et très pratique !!
Agantty : Gestion de projet
📌 AGGANTY est un outil de gestion de projet type Diagramme de Gantt gratuit et vraiment bien foutu ! Pensez tout de même à cliquer sur English en bas à gauche pour les non germanophones 😉
Orioniconlibrary
📌 ORION est une bibliothèque d’icônes filaires, solides ou colorés, d’une très bonne réalisation homogène.
PWA, AMP, INSTANT APPS
📌 Je crois plus aux INSTANT APPS, qu’aux PWA (progressive wep app) et AMP (accelerated mobile pages), mais je partage entièrement le propos.
Coaching : 13 habitudes qui feront de vous un meilleur concepteur
📌 J’aime bien ce genre d’article de coaching
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/
XDGURU : Templates Adobe XD
📌 XDGURU proposait déjà des templates pour adobe XD, mais là, il propose même un guide complet pour apprendre à utiliser adobe XD. Vraiment génial.
Un article sympa sur les bonnes pratiques en UX.
📌 Un article sympa sur les bonnes pratiques en UX.
Freelance achievement stickers
📌 Petit moment de détente avec ces créations bien senties de stickers pour Freelance 😀
Splitwise : Un cas d’école
📌 Article très sympa sur la conception de l’application SPLITWISE.
JAMICONS : 422+ icones
📌 JAMICONS est une bibliothèque de 422 icônes vraiment bien réalisés, dont je me sers actuellement pour un projet.
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.
LinkedIn career
📌 Essentielle pour toute personne cherchant un nouveau job
LEAN SERVICE CREATION
📌 LEAN SERVICE CREATION, est une lecture que je recommande.
Figma : librairie partagée
📌 Figma sort sa librairie partagée, en réponse à Sketch.
SVGator : animation de fichier SVG
📌 SVGator est un futur service d’animation de fichier SVG, à la sauce After Effect, avec Keyframes et timeline. C’est typiquement le type de projet que j’adore. A l’heure actuelle je me tourne plutôt vers TUMULT HYPE, mais je compte bien essayer ce petit soft dès qu’il sera disponible 😉
Tuto video ABSTRACT
📌 Une video bien sympa pour apprendre à se servir correctement de ABSTRACT
8 raccourcis clavier Sketch
📌 8 raccourcis clavier indispensables sous sketch, très bien présenté par INVISION
Créer un formulaire ergonomique
📌 Un très bon article concernant les bonnes pratiques permettant de créer un FORMULAIRE ERGONOMIQUE.
Sketch, raccourcis clavier
📌 Un petit rappel des raccourcis clavier sketch, bien pratique.
RADIAL LINES sketch plugin
📌 RADIAL LINES est un plugin sketch qui va vous permettre de créer des lignes radiales
Sketch 44
📌 Sketch 44, une update qui apporte son lot de fonctionnalités incontournable
VANILLA : masquer les icones de votre mac menu bar
📌 Un petit soft bien pratique pour cacher certains icônes de votre menu bar sous mac.
Desinstaller proprement windows
📌 Parfait pour faire un peu de ménage sur son Windows et/ou vérifier que tout est bien propre 😉
Justinmind
📌 JUSTINMIND est un outil de prototypage vraiment prometteur.