v0 : Figma to Code
| | |

v0 : Figma to Code

📌 V0 est une application révolutionnaire pour les développeurs et designers. Annoncée par Vercel il y a quelques mois, V0.dev utilise une technologie similaire à ChatGPT pour générer du code React dédié à l’interface utilisateur. Ce qui le distingue, c’est sa capacité à transformer directement des designs Figma en code React, facilitant ainsi la transition entre conception et développement.

MANGANUM : Page d’accueil et barre latérale pour vos meilleurs outils
|

MANGANUM : Page d’accueil et barre latérale pour vos meilleurs outils

📌 MANGANUM est une extension chrome qui intègre une barre latérale avec vos applications de productivité préférées (Gmail, Calendar, Google Drive, Google Keep, Google Task, ChatGPT etc.) à votre navigateur, donc accessible depuis n’importe quel site.
L’extension offre également une nouvelle page d’accueil, plutôt bien réalisée et personnalisable.

Pop out tabs to new window : Ouvrir votre onglet dans une nouvelle fenêtre
| |

Pop out tabs to new window : Ouvrir votre onglet dans une nouvelle fenêtre

📌 POP OUT TABS to new window est une extension Chrome qui vous permet de « décrocher » l’onglet en cours, dans une nouvelle fenêtre. Vous pouvez cliquer sur le bouton de la barre d’extension ou utiliser un raccourci clavier (Raccourci par défaut : Alt+P)

IMAGINE : Génération IA en Text to image
|

IMAGINE : Génération IA en Text to image

📌 IMAGINE AI Art Generator est un service prompt to image qui va vous permettre de concrétiser vos aspirations artistiques. C’est une alternative sympa à MIDJOURNEY, LEONARDO ou encore LEXICA.ART.
J’ai tendance à préférer les services IA qui possèdent leur propre site, plutôt que de passer par Discord, comme pour Midjourney par exemple.

NIPHTIO : Vos favoris simples et esthétiques (tels qu’ils devraient être)
| |

NIPHTIO : Vos favoris simples et esthétiques (tels qu’ils devraient être)

📌 NIPHTIO est un service en ligne (avec extension navigateur) vous permettant d’enregistrer vos favoris web et de les retrouver facilement plus tard, même si vous avez oublié de les organiser, et ce, de maanière graphique, plutot élégante.

Les gens ne lisent pas en ligne, ils scannent. Voici comment écrire pour eux – 9 modèles de balayage oculaire, 10 façons d’adapter le texte pour une lisibilité maximale.

Les gens ne lisent pas en ligne, ils scannent. Voici comment écrire pour eux – 9 modèles de balayage oculaire, 10 façons d’adapter le texte pour une lisibilité maximale.

📌 TRADUCTION d’un article for interessant sur les différentes manières qu’ont les utilisateurs de « scanner » et parcourir vos écrans. Cela me rappelle mes études de psychologie ou l’on parlait beaucoup de la lecture en F ou en T.

FOCUSO1
| |

FOCUSO : Page d’accueil et productivité

📌 FOCUSO est une page d’accueil pour #Chrome très élégante, personnalisable et offrant des fonctionnalités de liste de #tâches catégorisables, prévisions météorologiques, syndication de vos flux #RSS, #favoris internets, #calendrier ainsi qu’une #synchronisation entre vos différents terminaux.
#cmondary #tools #plugin #chrome #Productivity

Screenity
|

SCREENITY : Screencast Chrome

📌 SCREENITY est une #extension #chrome permettant d’enregistrer son écran un peu à la manière de LOOM. Avec SCREENITY, vous pouvez #capturer, #annoter, #éditer, votre écran ainsi que l’enregistrement #Facecam overlay en donnant un retour contextuel, des explications détaillées, afin de présenter votre produit ou créer des tutoriels.
#cmondary #tools

UX

DRIBBLE : l’ UX expliqué à un enfant de 5 ans

📌 ARTICLE présentant 8 manières d’expliquer la conception d’expérience utilisateur à un enfant de cinq ans… Le résultat donne des réponses créatives, parfois hilarantes.
Si vous avez déjà essayé d’expliquer l’ UX à quelqu’un qui n’a absolument aucune idée de ce que cela signifie, je pense que vous retrouverez certaines de vos explications.
C’est marrant car ça me rappelle la manière dont je présentais à l’époque mon métier d’ergonome. J’espère que vous apprécierez !
1. C’est comme ça qu’on fabrique des trucs pour que papa ne crie plus à l’écran
2. Tu vois ce trottoir ? Ça s’appelle du design. Tu vois ce raccourci ? Ca c’est de l’UX
3. C’est rendre les applications si faciles que tes grands-parents peuvent les utiliser
4. La conception UX rend les choses difficiles plus faciles à utiliser
5. Les UX designers sont des agents du bonheur …
6. Comment vous sentiriez-vous si vous deviez cliquer 20 fois pour acheter des baies de schtroumpf ? Exactement. C’est pourquoi nous avons des UX designers
7. Tu vois le téléphone de tes parents ? C’est mon travail de le rendre moins confus
8. Je peux à peine l’expliquer à mon père
Si ça vous a plu vous pouvez en consulter 10 autres ici:
https://dribbble.com/stories/2020/07/09/explaining-graphic-design-to-a-kid
#cmondary

Extendo
| |

EXTENDO : Créer vos extension CHROME en NoCode

📌 EXTENDO est un #service en ligne permettant de créer votre propre #extension #chrome, en #NoCode.
L’idée est de permettre à quiconque de concevoir, développer et publier des extensions Chrome sans avoir à écrire de code.
Personnellement, le fait de ne pas savoir coder est une grande frustration pour moi, et j’apprécie tout particulièrement la mouvance NoCode ! Et encore plus lorsque qu’elle va au delà des « simples » Notion, Airtable, Zapier, IFTTT, …
#Cmondary 

Dontsay2
|

19 chose à ne pas dire à un UX researcher

📌 ARTICLE sympa, sur un ton décalé des 19 choses à ne pas dire à un UX Researcher : 
1/ « Nous n’avons pas besoin d’un rapport »
2/  « Cette méthode est trop coûteuse et trop longue »
3/ « Utilisons une salle à miroirs sans tain »
4/ « Avez-vous demandé à l’utilisateur ce qu’il aime dans le produit ? »
5/ Faisons des NPS (net promotor score)
6/ « Tout le monde peut lire un script et prendre des notes »
7/ « Je vous montrerai mon design quand il sera terminé »
8/ « Utilisons nos propres employés comme participants »
9/ « On peut juste faire une enquête »
10/ « Organisons plutôt un focus group »
11/ « Avez-vous demandé à l’utilisateur s’il achèterait ce produit / service »
12/ « Les gens ne scroll pas autant, les résultats de recherche ne peuvent pas aider. Mettons le CTA ailleurs ».
13/ « Lire les protocoles de recherche aux participants mot pour mot »
14/ « J’ai pensé que nous pourrions nous rencontrer tous ensemble » – L’utilisateur veut passer l’interview avec ses collègues / amis
15/ « Faisons juste quelques tests d’utilisabilité, pas besoin de recherche »
16/ « Nous ne pouvons rien obtenir de valable en parlant à un si petit nombre de personnes ».
17/ « Il suffira de le tester auprès des utilisateurs à la fin du projet »
18/ « Nous n’avons pas besoin d’un paneliste pour trouver des utilisateurs »
19/ « Nous sommes une startup, nous n’avons pas encore besoin de recherche sur les UX… »
(pour voir l’ensemble des conseils, sur ce qu’il convient dire à la place, je vous invite à lire l’article 😉 )
#UXResearch #cmondary

KPI scaled

KPI et UX design

📌 ARTICLE sur les KPIs dans l’UX design.
Ici l’article fait plutot la promotion de l’usage des KPI sans nécessairement en donner :
– Un KPI est un outil servant a communiquer
– Un KPI est un outil permettant de repérer les problèmes
– Un KPI est un outil permettant de transformer l’abstrait en concret
– Un KPI est un outil permettant de relier les objectifs commerciaux et l’expérience de l’utilisateur
– Un KPI est un outil qui permet d’avoir plus impact.
Je partage tout à fait le point de vue,
Je pense également que l’on peut définir comme grands KPIs, le gain en efficacité opérationnel d’une tache :
– Temps de réalisation,
– Taux de réussite,
– Utilisation navigation prévue VS outil de recherche
– Taux de transformation (et donc taux d’échec / abandon)
– Nombre de clics pour réaliser la tache
– Nombre d’étapes parcourues pour réaliser la tache
– Taux de clic pour chacun des CTA (quels sont ceux inutilisés)
Et vous quels sont vos KPI?
#cmondary

static1
|

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.

PORY
| |

PORY : Airtable to Website

📌 PORY est un service en ligne permettant de créer un site web à partir de vos données #AIRTABLE.
On a déjà croisé plusieurs service similaires pour Google #SHEETS.
C’est donc un outil #Nocode pour la création de sites et d’applications web utilisant Airtable. 
Plusieurs modèles sont proposés, reprenant le design de sites web populaires, comme :
1. Un modèle comme #ProductHunt pour la création de sites de découverte.
2. Un modèle comme #Indeed pour la création de sites d’emploi.
3. Un modèle comme #Fiverr pour offrir des services.
4. Un modèle comme #Instagram pour le partage d’images.
5. Un modèle tel que #Meetup pour partager des événements.
6. Un modèle tel que #LinkedIn pour la mise en réseau.
#Tools #cmondary

Share
|

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

Calendar
|

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
| |

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.

opal

OPAL : éviter toute distraction sur votre smartphone

https://uxdesign.cc/how-to-present-your-storyboards-for-maximum-impact-7032c4ec64ed
📌 OPAL est une #application mobile se proposant de vous éviter toute distraction une fois activé.
L’idée est sympa mais je ne perçois pas encore la plus value par rapport a l’application « bien-être numérique » présente, même si un peu cachée, dans tous les Androids.
#tools #cmondary

tesler

Loi de TESLER

https://uxdesign.cc/understanding-teslers-law-and-its-implications-to-good-ux-4b8da87d751d
📌 ARTICLE sur la #loi de #TESLER.
« Chaque demande a une complexité irréductible inhérente. La seule question qui se pose est la suivante : qui devra s’en occuper, l’utilisateur, le développeur ou le concepteur ? – Larry Tesler »
#UX #cmondary

2020skills
|

Compétences d’un UX Designer en 2020

📌 ARTICLE super sympa sur quelles sont les #compétences majeure a possédé pour être un bon #UX Designer en 2020.
Je partage pleinement le point de vue :
1/ Allier les enjeux Business aux besoins utilisateurs
2/ Maitriser les aspects techniques
3/ Etre très attentif à vos soft #skills
4/ Savoir résoudre les problèmes
5/ Concevoir des prototypes interactifs haute-fidélité
6/ Savoir travailler en équipe
7/ Possédez des compétences rédactionnelles (UX Writing)
8/ Concevoir avec éthique et dans le respect de la vie privée

RemoteDesignSprint
| |

Remote Design Sprint

📌 ARTICLE sur comment mener efficacement un Design Sprint en Remote. Il suffit de suivre le guide… vous ne vous sentirez pas perdu !
S’ il vous venait des besoins complémentaires afin d’être accompagner dans l’organisation de Design Sprint, je vous invite à aller faire un tour sur le nouveau service de mon pote @sylvain dore, MY DESIGN SPRINT : https://www.mydesignsprint.io/
Pour que vos design sprints ne soient plus une source d’inquiétude 😉
#DesignSprint #Tools #UX #cmondary

MediumPlaylist
|

Medium Playlists

📌 ARTICLE intéressant sur un concept de playlist d’articles Medium. J’ai beaucoup la réalisation, mais je pense qu’une interface comme la matinale du monde (https://www.lemonde.fr/lamatinale/) avec un concept de swipe à la TINDER me paraît correspondre plus à une usage réel…. une sorte de zapping d’articles à lire plus tard !!

Anim

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

XD

Adobe XD plugins

De plus en plus de plugins Sketch sont portés sur ADOBE XD. Cet article en recense 7, jugés indispensables. On retrouvera ARTBOARD PLUS , RENAME IT , LOREM IPSUM, ZEPLIN pour les plus intéressants selon moi. Adobe doit certainement pouvoir remporter la bataille s’il arrive à fédérer une communauté de dev indépendants aussi importante que celle de Sketch …. affaire à suivre.

DesignOPS
|

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 !!

Scannable design
|

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.

tofu
|

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?