TIPS : Retrouver l’image de son fond d’écran (MacOS)
📌 QUICK TIPS : Si comme moi, vous cherchez à retrouver où se trouve l’image de votre fond d’écran actuel, alors cette petite astuce va grandement vous aider.
CODY : Un chat GPT à qui vous donnez votre context
📌 CODY est une intelligence artificielle, comme ChatGPT avec l’avantage supplémentaire de pouvoir le former à votre entreprise, votre équipe, vos processus et vos clients.
SITELINER : Auditez votre site web
📌 SITELINER est un service en ligne proposant une analyse rapide et efficace de l’ensemble de votre site Web : contenu dupliqué, liens brisés, classement interne des pages, redirections, etc. Il crée également un plan de site au format XML.
Le moyen le plus rapide de convertir des images dans d’autres formats sur Mac.
📌 Petit TIPS aujourd’hui sur une fonctionnalité méconnue de MacOS.
Saviez-vous que vous pouvez convertir des images d’un format à un autre en mode natif sur votre Mac, et ce, sans utiliser de logiciel d’édition d’images en ligne ou d’outils d’édition de bureau comme Photoshop ou Gimp, etc.
CHROME TIPS : Move tab to new window
📌 MOVE TAB TO NEW WINDOW est une option de chrome que j’utilise assez souvent et pour laquelle j’ai créé un raccourci clavier.
OVERLOAD : Extension pour vos recherche Google
📌 OVERLOAD est une #extension #chrome qui vous permettra de faire des recherches avancés sur #google, même si vous ne connaissez pas les #keywords correspondants.
vous pourrez donc :
– Exclure certains termes ( – )
– Rechercher au sein d’un domaine précis ( site: )
– Chercher un type de fichier par son extension ( filetype: )
etc …
#Tips #cmondary
GUIDE : From Sketch / Figma to After Affect
📌 ARTICLE très complet sous forme de guide pas à pas pour créer de petites animations, et micro-intéractions sous after effect après importation des sources Sketch / Figma.
L’idée est simplement d’utiliser les animations sous #AfterEffect pour donner vie à votre interface et montre comment toutes les éléments doivent se comporter et interagir.
Faster Wireframes
📌 ARTICLE proposant un petit #tips sympa pour créer rapidement des #wireframes de #landing pages. L’astuce est bien évidemment réplicable au delà des landing pages, et je dois avouer m’en être déjà plusieurs fois servi pour obtenir des proportions nikels blocs / textes / espacement, très rapidement.
L’idée est simple mais efficace :
1/ Faites une capture d’écran de vos sites préférés
2/ Reproduisez un wireframe de ces pages, par dessus vos screenshots
#tips #cmondary
Design Critics : Comment mieux recevoir les remarques concernant votre travail
📌 ARTICLE super intéressant sur DesignCritics.
Personnellement je plaide pour la confrontation de ses idées, conceptions auprès de ses pairs, tant pour valider / invalider les choix de conception que pour renforcer son argumentaire lors de la présentation de notre travail.
Je pense que le bon format est le Design Critics, lors de Daily Meetings.
Ici l’auteurs quelques conseils avec lesquels je suis en parfait accords, et que je vous liste ici :
– Demandez un feedback très tôt et régulièrement
– Demandez à être poussé hors de votre zone de confort
– Considérez vos collègues comme vos clients
– Présentez d’abord vos données, argumentez en partant de votre analyse
– Clarifier le “pourquoi” d’une critique, chercher à comprendre les raisons qui amène votre interlocuteur à formuler ce type de feedback.
– Ne prenez rien personnellement (et voyer le gain en qualité de votre proposition, votre argumentaire, votre expertise)
Je reprendrais également la citation de Elon Musk ici :
“Rechercher constamment la critique. Une critique bien pensée de ce que vous faites est aussi précieuse que de l’or”.
– Elon Musk
Sleep Mode : Extension chrome
📌 SLEEP MODE est une #extensions #chrome permettant de mettre en veille vos #onglets non utilisés.
Si comme moi vous avez constamment des dizaines de #tabs ouverts malgré l’utilisation de WORKONA, alors cette extension chrome est faite pour vous. Elle permet réellement de retrouver un ordinateur pleinement fonctionnel sans lag ou freeze intempestif !
Bref un indispensable.
Et vous comment faite vous ??
#Tips #cmondary
Que signifie être vraiment “Agile” en tant que designer ?
📌 ARTICLE très intéressant sur l’agilité et l’adaptation du designer au manifeste Agile.
Fonction de la maturité du client mais également des enjeux de communications, les choses ne sont pas toujours simples. Je partage tout de même assez les conseils de l’auteur !
1/ Etablir un vocabulaire commun entre les différentes parties prenantes (communiquer efficacement niveau 1 😉 )
2/ Comprendre puis concevoir en gardant à l’esprit les enjeux business et les contraintes techniques
3/ Concevoir et maintenir des modules réutilisables (voir maintenir un design system)
4/ Délivrer à court terme, mais conserver toujours une vision à long terme
5/ Prendre des décisions stratégiques au bon moment et épauler le ProductOwner (communiquer efficacement niveau 2 😉 )
6/ Éviter d’être (trop) un puriste quant au process
7/ Soyez un coéquipier efficace, mais aussi et surtout un bon négociateur (communiquer efficacement niveau 3 😉 )
#tips #cmondary
Tips : Partager votre écran avec messenger
📌 TIPS : Saviez vous que vous pouviez désormais partager votre écran mobile (#iOS ou #Android) directement depuis l’application Facebook #Messenger.
Cela peut être super pratique pour venir en aide à un de vos proches, mais également pour éventuellement recueillir du #feedback de vos utilisateurs !
1/ démarrer un appel vidéo sur votre smartphone
2/ sélectionner l’option “partager votre écran”
3/ cliquer sur le bouton “démarrer le partage”
4/ vous pourrez mettre fin au partage d’écran en revenant à la conversion et en cliquant sur le bouton “arreter le partage”
#Tips #cmondary
9 Raccourcis clavier utiles pour CHROME
📌 ARTICLE sur les 9 raccourcis les plus importants sur Google Chrome.
Personnellement ce sont réellement ceux que j’utilise tous les jours.
Spécialement le combo :
1/ ⌘ + L pour séléctionner la barre d’adresse
2/ ⌘ + C pour copier l’adresse
3/ ⌘ + Shift + N pour ouvrir une page en mode incognito
4/ ⌘ + V pour coller l’adresse
(tout ceci est super pratique si vous souhaitez continuer a lire vos articles medium une fois la limite atteinte 😉 )
1. Nouvelle fenêtre Incognito Mode
Windows: Ctrl + Shift + N
Mac: ⌘ + Shift + N
2. Ré-ouvrir le dernier onglet fermé
Windows: Ctrl + Shift + T
Mac: ⌘ + Shift + T
3. Fermer l’onglet en cours
Windows: Ctrl + W
Mac: ⌘ + W
4. Passer d’un onglet à l’autre
Windows: Ctrl + PgDn (onglet suivant) et Ctrl + PgUp (onglet précédent)
Mac: ⌘ + Option + flèche droite (onglet suivant) et ⌘ + Option + flèche gauche (onglet précédent)
5. Minimiser la fenêtre en cours
Windows: Ctrl + M
Mac: ⌘ + M
6. Ouvrir l’onglet “Téléchargement”
Windows: Ctrl + J
Mac: ⌘ + Option + L
7. Ouvir l’onglet “Bookmarks Manager”
Windows: Ctrl + B
Mac: ⌘ + Option + B
8. Sélectionner la barre d’adresse
Windows: Ctrl + L
Mac: ⌘ + L
9. Effacer les données de navigation
Windows: Ctrl + Shift + Delete
Mac: ⌘ + Shift + Delete
Pour la liste exhaustive des #shortcuts en français sur la page officielle google, c’est par ici :
https://support.google.com/chrome/answer/157179?hl=fr
#Tips #cmondary
7 conseils pour gérer votre temps
📌 ARTICLE sur comment gérer son temps de travail en 7 conseils plutôt smarts 😉
L’auteur propose de mieux gérer son temps afin de retrouver du temps pour le design. Evidemment ces #tips sont valables même si vous n’êtes pas Designer.
Personnellement les conseils 5 et 7 son pour moi ceux qui sont les plus efficaces !!!
1/ Bloquer vous du temps pour designer, directement dans votre #agenda
2/ N’ayez pas peur de refuser des réunions
3/ Proposer de décaler les réunions à des heures ou jours qui vous conviennent mieux
4/ Respectez votre temps (Exigez un ordre du jour, un objectif et une durée pour vos réunion, et lors des réunions ne perdez pas de temps)
5/ Ne commencez pas la journée avec vos mails ou Slack / Teams / etc !!!
6/ Faire des pauses
7/ Ne choisissez pas la fréquence hebdomadaire par défaut (Privilégier de courtes reunions quotidienne plutôt qu’hebdomadaire, comme un daily stand up meeting 😉 )
Environment centered design : Actant Mapping Canvas
📌 ARTICLE super intéressant sur ce nouveau cadre de conception appelé : la conception centrée sur l’environnement (Environment centered design) qui se propose de réfléchir une #conception centrée non plus uniquement sur l’utilisateur, mais sur l’ #environnement !!
Sachant que nous dépassons assez habituellement les limites environnementales de la Terre : qu’est-ce qui est en danger pour tous les êtres vivants si nous, les humains, continuons à ne pas tenir compte des besoins, des limites et des préférences de la Terre dans le processus de conception et de fourniture des produits et des services que nous contribuons à construire.
Je trouve le concept et la démarche franchement intéressante, dans l’air du temps et engagée !!
L’article porte sur une première #méthode, un premier #Canvas : Le ACTANT MAPPING CANVAS.
Le #canvas aide à cartographier tous les acteurs humains et non humains (“actants”) d’un produit ou d’un service que vous (re)concevez et – idéalement – vous fait commencer à sympathiser avec eux par le biais d’éléments actionnables dans votre processus décisionnel.
MacOS : mode immersif
📌 ARTICLE présentant un petit #tips sympa sur #MacOS pour passer l’interface en mode immersif, et ne conserver à l’écran que la fenêtre active.
j’adore ce genre de petite fonctionnalité 😉
#cmondary
REMOTE DESIGN SPRINT
📌 REMOTE DESIGN SPRINT est présenté ici de manière accessible et synthétique, tout en portant un regard critique sur la méthode.
Suite Office : Progressive Web App
📌 TIPS sympa pour utiliser gratuitement la suite Office via sa Progressive Web App sur Windows et Mac via Edge Chromium.
TIPS sketch avec le plugin ANIMA
📌 TIPS sketch avec le plugin ANIMA pour créer des prototypes #responsives et ainsi gérer les différents BreakPoints.
Adobe XD : 15 astuces
📌 ARTICLE très sympa pour tous les utilisateurs d’Adobe XD.
Test utilisateurs : Le guide
📌 ARTICLE vraiment très complet sur les tests utilisateurs.
Ateliers de co-conception et workshops
📌 ARTICLE rappelant les fondamentaux concernant la tenue des ateliers de co-conception et autres workshops.
TUTO : développer une extension Chrome / Firefox
📌 Petit TUTO sur comment développer une extension Chrome / Firefox. Je pars de tellement loin que malheureusement je trouve assez rapidement mes limites, mais je suis sûr que vous en ferez meilleur usage, et que ce type d’article / guide devrait se généraliser.
Présenter ses créas dans Sketch
📌 ARTICLE sur comment présenter ses créas directement dans Sketch.
Google Spreadsheet à Google Calendar : création de script
📌 ARTICLE indispensable pour vous apprendre à créer un script liant Google Spreadsheet à Google Calendar. #Guide très bien construit avec un pas à pas, étape par étape, sur la construction du script.
Empty states
https://jeremiahlam.com/blog/why-empty-states-should-never-be-neglected
📌 ARTICLE sur la nécessité de ne pas négliger le status “vide” de vos écrans qui peuvent “être utilisés pour guider vos utilisateurs sur les actions a réaliser, leur apprendre à connaître votre application ou simplement renforcer l’identité de votre marque.”
#EmptyState #Application #Interface #UX #UI #Tips #cmondary
Organisation des dossiers de vos projets
📌ARTICLE sur l’organisation des dossiers de vos projets.
Bien débuter en Design Thinking
📌 ARTICLE proposant une rapide méthodologie pour bien débuter en Design Thinking.
La partie la plus intéressante portant sur le Design Sprint
Méthode en 5 étapes : des interviews à la conception.
📌 ARTICLE proposant une méthode en 5 étapes pour passer de vos interviews utilisateur à la conception. Assez classique, mais nécessaire pour construire un USER JOURNEY MAP
Changer l’apparence GMAIL via CSS
📌 ARTICLE offrant la possibilité de surcharger le CSS de gmail afin d’en changer l’apparence !
L’idée est sympa même si pour ma part j’utilise SIMPLIFY GMAIL, l’extension chrome, qui me fait ça très bien !
#Gmail #Chrome #Extension #Tips #cmondary
SKETCH Background Blur
📌 TIPS sur Sketch pour faire un background Blur.
Drop Down List
📌 ARTICLE intéressant sur les mésusages des DROP DOWN LIST et par quoi les remplacer dans les différents contextes. C’est un de mes grands combats depuis longtemps ainsi que la suppression Accordéons (collapse / expand)
Shazam To Youtube
📌 Petit TIPS pour créer une playlist YOUTUBE des différentes musiques que vous avez taguées sur SHAZAM.
Design Manager
📌 ARTICLE sur erreurs a ne pas faire lorsque l’on devient Manager !
UX Sketching, the missing link
📌 Et vous quels sont vos compétences en SKETCHING et sur quel outil ?
How to Copy a Formula Down an Entire Column in Google Sheets
📌 TIPS pour google Sheet. Il n’existe pas de raccourcis clavier pour appliquer une formule sur toute une colonne, comme sur excel.
Graphic Facilitation – Sketching Human Faces
📌 Si vous êtes amené à utiliser beaucoup de post-its, comme bon nombre d’UX Designers, alors cet ARTICLE se propose un petit tuto pour les rendre vraiment plus sympas et compréhensibles !
GMAIL domain name
📌 Petit TUTORIEL sur comment utiliser les adresses liées à son nom de domaine gratuitement et directement dans gmail !
Arbre décisionnel pour format d’image
📌 Petit JPG sympa sur quand et quel format utiliser fonction de vos besoins !
10 erreurs communes en UX
📌 ARTICLE intéressant sur 10 erreurs assez communes à éviter lors de la conception d’une interface.
MEMEX – Suivre l’avancement de votre Design System
📌 ARTICLE très intéressant sur la manière de tracker l’état d’avancement de chacun des composants de votre design system au travers des équipes.
Animation TIPS
📌 ARTICLE très intéressant sur les caractéristiques d’une bonne animation, d’un bon design d’interaction. Toujours à garder à l’esprit : – Les animations doivent être pertinentes – L’animation doit soutenir l’interaction – L’animation ne doit jamais ralentir l’expérience – L’animation doit être naturelle – L’animation doit refléter l’image de marque – L’animations doit tenir compte de la faisabilité technique
Duotone Tips
📌 ARTICLE vraiment sympa pour appliquer un filtre DUOTONE directement via le code CSS. Plus d’excuse pour votre équipe de dev 😉
Myndset
📌 MYNDSET est un jeu de carte permettant de booster votre créativité. Les créateurs lancent un Kickstater le 14 mars. Affaire à suivre.
TIPS : Diagramme de GANTT sous google sheets
J’adore vraiment Google Sheets, et j’ai une tendance a geeker dessus sans voir le temps passé. Je vous partage donc ici une vidéo que j’ai adorée qui vous explique pas à pas comment créer un diagramme de Gantt sous Google Spreadsheets Absolument Génial!
SHEETS.NEW
📌 Tips Google Sheets pour simplement créer un nouveau document
Chapeaux de bono
📌 LES CHAPEAUX DE BONO est un outil méthodologique pour nourrir la créativité de vos intervenants lors de ateliers idéation / co-création.
Invision Studio VS Adobe XD
📌 ADOBE XD vs INVISION STUDIO – Meilleur que SKETCH ??
Anima : how to view multiple screen sizes in auto layouts
📌 La nouvelle fonctionnalité de SPEC du plugin ANIMA de SKETCH est vraiment pratique
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 ?
Invision Studio – Ancres
📌 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.
8 tips de conception pour le mode Offline
📌 Article vraiment sympa sur comment designer le mode OFFLINE d’une application.
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.
Tips pour concevoir une progress bar
📌 Un article vraiment sympa donnant un TIPS permettant de réaliser des progress-bars facilement paramétrable sur SKETCH.
DYNAMIC LABEL BACKGROUND
📌 DYNAMIC LABEL BACKGROUND est un petit tips sympa sur Sketch permettant de se passer du plugin RELABEL BUTTON.
Prototypage avec sketch – 5 conseils à suivre
📌 Un article sympa proposant 5 TIPS sur l’utilisation de la fonction Prototype de SKETCH: – Barre d’outils – Hotspots – Couleur des prototype lines – Raccourcis clavier – Shorthands icons
Micro-intéractions
📌 Encore un article sur les micro-interactions, rédigé par Pablo Stanley
23 facilitation tips for design sprints
📌 J’aime bien cet article.
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
SKETCH Tips : Flèches automatiques
📌 INVISION vient de publier un billet afin de vous guider sur comment créer des flèches de connexion entre vos artboards.