World of Logotypes
World of Logotypes : Trademark Encyclopedia 1
Listing d’astuces sur divers sujets. Vous en trouverez surement quelques une qui vous plairont
World of Logotypes : Trademark Encyclopedia 1
ARTICLE pragmatique sur l’incorporation des utilisateurs finaux au sein du cycle de conception centré utilisateur. Je recommande !
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
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
Un petit ebook sur l’atomic design pour ceux qui affectionnent les epub et le design
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
Article très complet sur les bonnes et mauvaises pratiques en mobilité.
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.
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 ?
Article sur le process de Design Thinking, étape par étape, en prenant comme exemple la refonte d’une application mobile.
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.
FOXCODEX est un tableau périodique du MOTION DESIGN.
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 !
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.
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.
Autant j’adore MEDIUM, autant il est très frustrant de se voir bloquer la lecture d’article dès le milieu du mois.
Article sur l’interêt d’un TimeKeeper et ses outils
Tips Google Sheets pour simplement créer un nouveau document
Intéressant
Super article sur 10 biais cognitif a éviter en User Research… Cela me rappelle mes cours de psycho
Article intéressant sur les FAQs. L’auteur défend ici les FAQ tant sur le fond que sur la forme. Et même si initialement je suis assez hermétique et fermé au FAQs car selon moi ne réponde que rarement aux attentes des utilisateurs, je dois avouer que les arguments donnés au sein de cet article m’ont convaincu. Peut-être suffit-il de revoir la manière dont sont traités les FAQs aujourd’hui ?
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 AMEOBA est un outil en ligne permettant de représenter ses compétences en UX sous forme de diagramme de KIVIAT.
Article intéressant sur la création d’un loader texte full screen. Le code est dispo, prêt a l’emploi.
Très bon article sur les compétences que de doit posséder un bon UX designer. Je partage à 100% le propos !
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?
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 ?
Petite article sympa sur le fonctionnement des ancres et des redimensionnements sur INVISION STUDIO, le tout comparé à SKETCH qui reste aujourd’hui la référence.
Génialissime Echelle de Lickert !!! J’adore. Dommage que l’on ait pas l’exemple avec 7 réponses. Quelqu’un a une idée de comment ajouter 2 degrés de satisfaction de plus ?
STUDIO SHORTCUTS est un site web rappelant tous les raccourcis clavier Mac et Windows pour InVision STUDIO. A mettre dans ses favoris
Convaincu de la domination proche des agents conversationnels, je vous partage cet article très cool sur le VUI (Voice User Interface Design).
Sujet récurrent pour moi, Les micro-interactions, et animations au service de l’expérience utilisateur.
UX-Republic nous offre encore une fois une précieuse ressource au format Sketch. Aujourd’hui le SERVICE BLUE PRINT, un des outils fondamentaux permettant de concilier Parcours client et écosystème de l’entreprise !! La mise en forme sur format A3 me paraît être en effet un minimum. Malgré tout le template est là et pourra faire gagner un temps précieux aux plus pressés
Article vraiment sympa sur comment designer le mode OFFLINE d’une application.
Un article vraiment interessant vous aidant à créer un morphing à partir de forme SVG !
THREE DOTS est un petit projet sur Github sympa qui fourni 14 types différents d’animations CSS , des fameux 3 petits points qui vous invite à patienter. Il est amusant de retrouver sur une même base de 3 petits points , différentes conventions de signifiance des codes (Chargement, traitement en cours, écriture en cours, ….)
J’avoue que c’est assez fort !!! Avec le petit making of à la fin qui va bien !
Vraiment cool ce type d’interaction / feedback
POKER UX : Buy a feature
Elémentaire mon cher Watson
Un article vraiment sympa donnant un TIPS permettant de réaliser des progress-bars facilement paramétrable sur SKETCH.
Un article GENIAL sur comment créer une palette de dégrader dans SKETCH !!
L’idée n°9 est géniale : Contrôler la position d’un élément grace à la fonction Overrides des symbols sketch
Si vous possédez un Chomecast, peut être serez vous intéressé de Caster les videos de votre PC/MAC directement sur votre TV.
En général la mise en concurrence du mouvement vertical et horizontal ne rend pas très bien.
Petit rappel
DYNAMIC LABEL BACKGROUND est un petit tips sympa sur Sketch permettant de se passer du plugin RELABEL BUTTON.
J’ai lu un article sur le Blog du Modérateur sur le fait de révoquer les droits Facebook donnés aux applications et sites tiers. C’est qqch que je fais assez régulièrement, et j’ai mes petits bookmarks pour chacun des services que j’utilise.
Le guide indispensable pour la création d’icône. Pour tous ceux qui veulent se lancer !!
Merci à Geoffrey Dorne pour son article sur les DARK PATTERNS et lien vers DARKPATTERNS.ORG
Pour moi le meilleur outil reste encore OMNIGRAFFLE ou TIMBLEE !
Très bon article de Arthur Vera sur le Card Design.
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
Classique, mais ça a le mérite d’être dit
Vraiment sympa cette méthodo’
J’adore ce genre d’article présentant un exercice utile et rapide à mettre en oeuvre !!
Personnellement je ne crois pas du tout à l’utilité d’un protfolio pour un UX designer. Etant de formation Ergonome, un portfolio Wireframe / Proto n’est pas du tout vendeur et les compétences de l’UX devraient être jugées sur les méthodos UX et non un portfolio graphique représentatif des compétences de UI et non de UX…
Étant un grand fan du retrogaming et du design, j’ai forcément apprécié ce petit guide illustré sur la 3D isométrique
Très bon article sur les différents plug-ins sketch permettant de maintenir un Design system propre.
LE guide ultime pour débuter sous Sketch.
Petite piqure de rappel pour tous les concepteurs.
J’aime bien ce genre d’article de coaching
Un projet tout simplement génial The Anatomy Of a Thousand Typefaces est un outil permettant de trouver une police de caractère selon des critères ultra précis.
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/
Article sur les JOB STORIES vs USER STORIES, l’approche est intéressante et permet de recentrer la story sur l’usage. Cependant je pense qu’elle répond avant tout à un problème de définition des personnae en amont qui sont souvent des personnae marketing et non des personnae UX (archétypes d’utilisateurs utilisant le service d’une façon qui leur est propre). Il n’en reste pas moins que le JOB STORY semble plus simple à mettre en place, car plus facile d’appréhension. Je pourrais écrire un article plus détaillé, si cela intéresse du monde.
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.
Pour faire suite à l’un de mes précédents posts sur les ateliers de Nicolas Beudon
Essentielle pour toute personne cherchant un nouveau job
Un très bon article sur comment mener un atelier UX express, en 10min avec comme problématique comment formuler un besoin ?
Un article un peu plus complet qui vous guidera dans la bonne utilisation des ancres et des symbols avec GRAVIT.
Un article sympa et structuré pour vous aider à créer un design system.
Un petit tuto de Pablo Stanley sur l’utilisation de Keynote pour réaliser des animations de parallax.
Figma sort sa librairie partagée, en réponse à Sketch.
Un très bon tuto pour faire des créa’ isométriques sans grille isométrique
J’adore
DESKTOP NEO
Parce que j’aime vraiment After Effect que cela reste un outil très puissant pour matérialiser les animations, transitions, et feedbacks de vos interfaces. Voici des petits tutoriaux pour ceux qui voudraient s’y essayer
Une aide précieuse pour créer un design system efficace avec le plugin AUTO-LAYOUT de Sketch
Un nouveau petit wallpaper fait par Invision pour vous rappeler des raccourcis sur Sketch
Une video bien sympa pour apprendre à se servir correctement de ABSTRACT
8 raccourcis clavier indispensables sous sketch, très bien présenté par INVISION
voici un petit rappel des raccourcis clavier SKETCH à connaitre
Un petit mémo, rédigé par UX-Republic principalement pour gérer les leaderships envahissants et relancer la créativité lors de vos ateliers
les animations ne sont pas seulement esthétiques mais permettent d’être en accord avec un certain nombre de critères ergonomiques
Un petit mémo sous forme d’infographie sur les critères ergonomiques , de J. M. Christian Bastien, mon mentor, et Dominique Scapin.
Un petit rappel des raccourcis clavier sketch, bien pratique.
MAP GENERATOR – insérer une map google map
J’ai plusieurs fois été confronté au problème de créer et modifier des graphiques sous forme de camemberts en devant à chaque fois repartir de zéro.
MAGIC PRESENTER n’est pas un plugin Sketch très récent mais je trouvais important de le présenter néanmoins.
Je viens juste de publier “Comment créer son site personnel sur Medium”
Une mise à jour SKETCH qui rend plus intuitive la fonction resize : Merci Frédéric Dardion
Créer un site web directement depuis Sketch, SANS CODE, ou publier des prototypes responsives
INVISION vient de publier un billet afin de vous guider sur comment créer des flèches de connexion entre vos artboards.
Un guide pratique sur comment construire une bonne expérience map!
Un très bon article a propos des tests sur prototypes. Du brief de qualité jusqu’au test en passant par le wireframe Low-fidelity et le prototypage.
Une bonne pratique pour la gestion des couleurs des icônes via les symbols dans sketch
L’animation étant une part importante du Feedback fournis aux utilisateurs, il s’avère important d’en comprendre les principes et usages.
Article intéressant : Micro-Interactions Reward the User
ARTICLE sur la manière d’animer vos créas directement dans Keynote !!
Vraiment sympa