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 😉
Design System avec sketch
📌 Très bon article sur les différents plug-ins sketch permettant de maintenir un Design system propre.
INVISION DSM
📌 INVISION DSM permet de maintenir et collaborer facilement autour d’un Design system
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/
Un article sympa sur les bonnes pratiques en UX.
📌 Un article sympa sur les bonnes pratiques en UX.
Sketch 47
📌 SKETCH 47
Tableau périodique de l’UX
📌 tableau périodique de l’UX
First product design system in sketch
📌 Toujours sur le Design System, un très bon article qui reprend la création d’un design system from scratch, avec quelques petits tips pour ne pas se tromper dans la démarche, pratique… Beau travail d’Alexandre Trimoulet
🏆 Skills | 📎 Resources | 🗞 Article | 🧩 Tips
STYLEGUIDE Design system sur sketch
📌 STYLEGUIDE complet pour ceux qui ne savent pas par où commencer leur Design system sous Sketch.
Design System
📌 Un article sympa et structuré pour vous aider à créer un design system.
MARVEL GESTALT
📌 Un article sympa de MARVEL qui rappelle quelques fondamentaux de psychologie cognitive utile en Design.
UX vs UI vs IA vs IXD : Définition des 4 termes de conception numérique
📌 C’est plutôt un débat que j’essaie de laisser de côté, mais je dois avouer que cet article m’a assez étonné. Chaque définition donnée ci-dessous fait pour moi partie intégrante du rôle de l’UX designer …
50 things you probably forgot to design
📌 Un très bon articles sur les grands oubliés du Design (et UX design 😉 )
Framework for creating a predictable and harmonious spacing system
📌 Une aide précieuse pour créer un design system efficace avec le plugin AUTO-LAYOUT de Sketch
Facebook Desktop Kit
📌 FACEBOOK met à disposition différents Kits pour SKETCH
Evolution du design
📌 Un article vraiment intéressant sur l’évolution du design.
Lists.design
📌 LISTS est un service qui fourni des listes d’adresses, de numéros de tel, de noms, de différents produits, etc, afin de pouvoir facilement les insérer dans vos créations et Wireframes. Fini le Lorem ipsum pour vos listes, le site permet de copier les éléments dans votre presse papier, ou directement d’en télécharger un fichier JSON.
Lingo
📌 Pour les utilisateurs de LINGO, l’application mac permet maintenant l’ajout d’un plugin dans skech afin de maintenir un design system de ses différentes créations…
Collaboration et versioning
📌 Un très bon article sur les possibilités qu’offrent les nouveaux outils de collaboration et versioning dans le design.
Sketch material
📌 SKETCH MATERIAL est un plugin pour sketch, ultra efficace, qui va vous permettre de créer des éléments de material design
Sketch Shortcuts
📌 Un nouveau petit wallpaper fait par Invision pour vous rappeler des raccourcis sur Sketch
REALTIME BOARD : plugin Sketch.
📌 REALTIME BOARD possède maintenant un plugin Sketch.
8 raccourcis clavier Sketch
📌 8 raccourcis clavier indispensables sous sketch, très bien présenté par INVISION
ABSTRACT versioning pour Sketch
📌 ABSTRACT est enfin sorti.
Micro Interactions et Ergonomie
📌 les animations ne sont pas seulement esthétiques mais permettent d’être en accord avec un certain nombre de critères ergonomiques
Créer un formulaire ergonomique
📌 Un très bon article concernant les bonnes pratiques permettant de créer un FORMULAIRE ERGONOMIQUE.
Wake : Free design collaboration
📌 WAKE le service de collaboration en ligne vient d’annoncer une version gratuite pour les freelances et les équipes réduites.
Framer.com
📌 FRAMER a mis à jour son application et renforce une idée qui prend de plus de plus d’ampleur en ce moment Design is code / Code is design.
All The UX Prototyping Tools Ever
📌 UX Prototyping Tools
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
Service Design Toolkit
📌 Un petit site sympa pour apporter du cadre et de la rigueur dans son approche design thinking.
STARK – Contrast checker dans Sketch
📌 GETSTARK est un plugin Sketch permettant de tester l’accessibilité de son design.
Canvas utiles en design Thinking
📌 Un site référençant un grand nombre de canvas que vous pouvez utiliser librement
Design Sprint Toolkit
📌 Un kit pour mener correctement son design sprint, génial !
Pixofield
📌 KEYSHAPE, Un logiciel de motion design (gratuit) pour créer des petites animations 2D avec timeline
GIT sketch plugin
📌 En attendant ABSTRACT 😉
Picnic.design : Sketch Collaboration
📌 Vivement !!
Ux cards
📌 UX cards : Une approche UX du design UX
Modern Design Tools: Using Real Data
📌 Super article sur autour de ce que devrai être un Outil de design moderne permettant de créer vos écrans à partir de données réelle.
Examinons une des façons dont un outil de conception moderne pourrait permettre aux concepteurs de travailler facilement et rapidement avec des données réelles.