6 best practices for dashboard
Article intéressant sur les différents types de DASHBOARDS et les bonnes pratiques concernant leur conception.
-
-
-
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 😉
-
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
-
Priorisation projet
📌 ARTICLE fort intéressant sur les différentes manières de prioriser les fonctionnalités de vos projets.
-
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.
-
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
-
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 😉
-
UXtools.co
📌 UXTOOLS est un grand classique mais je me permets de vous le soumettre à nouveau.
-
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?
-
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 !
-
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.
-
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 😉
-
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…
-
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.
-
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.
-
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.
-
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 😉
-
Atomic-design
📌 Un petit ebook sur l’atomic design pour ceux qui affectionnent les epub et le design
-
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
-
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 😉
-
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.
-
Bonnes pratiques en mobilité
📌 Article très complet sur les bonnes et mauvaises pratiques en mobilité.
-
Biomega electric car
📌 Ça, c’est du design !! Merci Clément BATAILLE
-
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 ? -
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.
-
Motion Periodic Table
📌 FOXCODEX est un tableau périodique du MOTION DESIGN.
-
TimeKeeper et outil
📌 Article sur l’interêt d’un TimeKeeper et ses outils 😉
-
Design Portfolio Bingo
📌 Intéressant 😀
-
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
